Assignment Five, Part B: Webpage Visual Design and Online Prototype
Output: Webpage visual design
Goals: Learn the fundamentals of visual design for a website page
1. Back to the Past Gaming Princy Prasad
FA102a, Research and Brand Development
2. Back to the Past Gaming Princy Prasad
Assignment One, Research
“Digital game downloads are worse for
the environment than Blu-ray discs”
http://www.extremetech.com/extreme/189268-digital-game-downloads-are-worse-for-the-environment-
than-blu-ray-discs
3. Back to the Past Gaming Princy Prasad
Assignment One, Research
“Video Games Impact the Economy
More Than You Think”
http://www.cnbc.com/id/38644484
4. Back to the Past Gaming Princy Prasad
Assignment One, Research
“iPad or Book? Is it time to go tablet for
the planet?”
http://shrinkthatfootprint.com/ipad-mini
5. Back to the Past Gaming Princy Prasad
Assignment One, Research
“The Carbon Footprint of Games
Distribution”
http://onlinelibrary.wiley.com/doi/10.1111/jiec.12181/full
6. Back to the Past Gaming Princy Prasad
Assignment One, Research
“Back to the Past Gaming”
“With the ever looming doom of technology, online gaming may become a thing of the past
rather than the future.”
“However, the benefits to the economy might outweigh the negatives to the environment.”
7. Assignment Two – Naming Process Princy Prasad
• Selected words from original post:
– Smart, Convert, Eco-friendly, Elimination
• Generated name possibilities:
– SmartCon, SVAET, SVAIT, SVAEN (Smart & Convert)
– Eco-Nation (Eco-friendly & Elimination)
• Selected name:
– SVAIN
• Justification for name selection:
– Catchy phrase that can be implemented in selling slogan: “Smart, Convenient,
SVAIN”
• “Saving your games, so you can keep on playing!”
• “Don’t let those games go in vain, save the Earth and convert with SVAIN!”
– Allows curiosity to form from combining words to create signature name
– Brings in savvy shoppers as well as interested technologically-forward thinkers
8. Assignment Two – Brand Character Diagram Princy Prasad
Character
/Persona
Helpful
Necessary
Reliable
Available
Strategic
Logical
Tone
Efficient
Smart
Quick
Commercial
Beneficial
Rewarding
SVAIN
Language
Sleek
Trendy
Eco-friendly
Simple
Convenient
Adaptable
Purpose
Convert
Mass-production
Elimination
Growth
Gaming
Develop
9. Assignment Three – Logotype Research, Word from Diagram Princy Prasad
• The word used as starting point:
– Rewarding (not in vain)
• “SVAIN” should be a rewarding
program/product
• Customers will feel like they earned
something back, when
purchasing/using service/product
10. Assignment Three – Logotype Research Princy Prasad
• General Electric (GE)
– http://thecollegeinvestor.com/10443/general-electric-should-be-a-very-rewarding-holding/
• Walgreens Balance Rewards
– https://www.walgreens.com/balancerewards/balance-rewards.jsp
• Marriott Hotel Rewards
– http://loyaltylobby.com/2013/04/28/most-rewarding-loyalty-program-series-marriott-
rewards-earning-points-goldplatinum/
13. Assignment Four – Social Media Branding, Creating Community Princy Prasad
• “Likes” were created by sharing page
• Answering comments and asking
questions created discussion
• Friends sharing page themselves
increased publicity
• Promotion created by “following”
similar pages
14. Assignment Four – Social Media Branding, Facebook Page Princy Prasad
15. Assignment Four – Social Media Branding, Facebook Page Princy Prasad
16. Assignment Four – Social Media Branding, Facebook Page Princy Prasad
17. Assignment Five – Webpage Layout Research for Wireframes Princy Prasad
Gamefly: http://www.gamefly.com/#axzz3IZzST0Dv
18. Assignment Five – Webpage Layout Research for Wireframes Princy Prasad
Earth Times: http://www.earthtimes.org/green-blogs/eco-friendly-gadgets/
20. Assignment Five – Tagline Research Princy Prasad
• General Electric (GE)
– “Imagination at work”
• http://www.adweek.com/news/advertising/ge-unveils-new-tagline-
campaign-61019
• Walgreens Balance Rewards
– “At the Corner of Happy & Healthy”
• http://www.walgreens.com/topic/logos/walgreens-logo.jsp
• Marriott Hotel Rewards
– “Live Like a Local”
• http://www.marriott.com/news/detail.mi?marrArticle=115871
• Gamefly
– “Gamefly Before You Buy”
• http://www.ispot.tv/ad/7bKF/gamefly-com-ticket-to-amazing-featuring-
blake-griffin
• Earth Times
– “Serving the Planet”
• http://www.earthtimes.org/
21. Assignment Five – Homepage Visual Design in a Browser Princy Prasad
https://projects.invisionapp.com/d/main#/console/2236466/52867584/preview