Step 7: Create a consumer website visual prototype Plan and design a consumer website homepage for your proposed product or service. Create slides for all of the above: Three slides with the header, “Website Research” One slide with the header, “Website Wireframe” One slide with the header, “Website Prototype Design”

1. Princy Prasad FA102B Professor Klinkowstein
Research from Web and Quora
Simple Games and the Future of Empathy
http://www.iftf.org/future-now/article-detail/simple-games-
shared-experiences-and-the-future-of-empathy/

2. Princy Prasad FA102B Professor Klinkowstein
Research from Web and Quora
http://playspent.org/
“…Spent effectively immerses people into the everyday
decisions and challenges that come with poverty.”

3. Princy Prasad FA102B Professor Klinkowstein
Research from Web and Quora
Quora Question Asked

4. Princy Prasad FA102B Professor Klinkowstein
Research from Web and Quora
Quora Question Answers

5. Princy Prasad FA102B Professor Klinkowstein
Research from Web and Quora
Quora Question Answers

6. Princy Prasad FA102B Professor Klinkowstein
Research from Web and Quora
Quora Question Answers

7. Princy Prasad FA102B Professor Klinkowstein
Research from Web and Quora
Related Quora Question

8. Princy Prasad FA102B Professor Klinkowstein
Research from Web and Quora
Related Quora Question Answers

9. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Ning Banner

10. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Ning Embedded Presentation

11. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Ning Embedded Presentation

12. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Ning Embedded Presentation

13. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Ning Embedded Presentation

14. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Ning Embedded Presentation

15. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Ning Embedded Presentation

16. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Ning Embedded Presentation

17. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Ning Homescreen

18. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Comments Section

19. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Comments Section

20. Princy Prasad FA102B Professor Klinkowstein
Ning Research
Comments Section

21. Princy Prasad FA102B Professor Klinkowstein
Name
Name Development
• Health
• People
• Decision
• Challenge
• Technology
• Think
• Connect
• Play
• Game
• Social
• Change
• Pay
• Care
• Fund

22. Princy Prasad FA102B Professor Klinkowstein
Name
Name Development
• Health + Play = Plalth
• People + Technology = PeepTech
• Decision + Change = DECHA
• Challenge + Care = CHARE
• Social + Change = Sociange
• Social + Games = SoGames
• Change + Games = GANES/CHANES
• Change + Fund  cheynj + fund = CHEYND
• Change + Connect = CHECT

23. Princy Prasad FA102B Professor Klinkowstein
Name
Name Development
CHECT
(ch-ect)

24. Princy Prasad FA102B Professor Klinkowstein
Description
CHECT is a service that connects games and change
organizations to make points into funds and gaming into
awareness.
The better gamers play or higher they score, CHECT allocates
funds towards their chosen global or local charities.

25. Princy Prasad FA102B Professor Klinkowstein
Audience
CHECT is available to all audiences and is best used within
event planning (i.e. charity nights, gaming sessions, etc.).
Games that have mature ratings (intense violence, blood and
gore, sexual content and/or strong language) are not
supported by CHECT.
Charities must be vetted by CHECT in order to connect.

26. Princy Prasad FA102B Professor Klinkowstein
Logotype
Alternate Logotypes
• Using icon images
from Xbox controller
• Too plain

27. Princy Prasad FA102B Professor Klinkowstein
Logotype
Alternate Logotypes
• Making “E” into
Nintendo controller
• Too much shape
• Looks like spaceship

28. Princy Prasad FA102B Professor Klinkowstein
Logotype
Alternate Logotypes
• Using common icon
image
• Looks like controller
• “E” looks like “C”

29. Princy Prasad FA102B Professor Klinkowstein
Logotype
Final Logotype
• Plain controller icon
controller
• Added lines to define
“E” over another letter
• Interesting form
• Century Gothic font
best for easy readability

30. Princy Prasad FA102B Professor Klinkowstein
Editorial Calendar & Facebook Page
Editorial Calendar

31. Princy Prasad FA102B Professor Klinkowstein
Editorial Calendar & Facebook Page
Branded Facebook Page

32. Princy Prasad FA102B Professor Klinkowstein
Editorial Calendar & Facebook Page
Branded Facebook Page

33. Princy Prasad FA102B Professor Klinkowstein
Editorial Calendar & Facebook Page
Branded Facebook Page

34. Princy Prasad FA102B Professor Klinkowstein
Editorial Calendar & Facebook Page
Branded Facebook Page

35. Princy Prasad FA102B Professor Klinkowstein
Editorial Calendar & Facebook Page
Branded Facebook Page

36. Princy Prasad FA102B Professor Klinkowstein
Website Visual
Website Research

37. Princy Prasad FA102B Professor Klinkowstein
Website Visual
Website Research

38. Princy Prasad FA102B Professor Klinkowstein
Website Visual
Website Research

39. Princy Prasad FA102B Professor Klinkowstein
Website Visual
Website Wireframe

40. Princy Prasad FA102B Professor Klinkowstein
Website Visual
Website Prototype Design