Making of GirlGamer

590 views
505 views

Published on

Making of GirlGamer

Published in: Technology, Sports
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
590
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Making of GirlGamer

  1. 1. The Making Of GirlGamer <ul><li>Alexandra Mokh </li></ul>
  2. 2. 13 Step Process <ul><li>Defining the Audience </li></ul><ul><li>Creating the Style </li></ul><ul><li>Finalizing Features & Sitemap </li></ul><ul><li>Blocking the Layout </li></ul><ul><li>Determining Interactions </li></ul><ul><li>Creating Wireframes </li></ul><ul><li>Creating Design Mockups </li></ul><ul><li>Coding the Design </li></ul><ul><li>Logic & Linking </li></ul><ul><li>Database Details </li></ul><ul><li>Programming </li></ul><ul><li>Testing </li></ul><ul><li>Final Content </li></ul>
  3. 3. Defining the Audience <ul><li>Who are they? </li></ul><ul><li>What do they value? </li></ul><ul><li>How do they use the web? </li></ul><ul><li>Where do they spend time? </li></ul>
  4. 4. Creating the Style <ul><li>What colors work? </li></ul><ul><li>Choose descriptors. Retro? Modern? </li></ul><ul><li>What emotions should be conveyed? </li></ul><ul><li>Choose style elements. Gradients? Textures? </li></ul><ul><li>What associations will the users have with the site? </li></ul>“ smooth, depth, slick, tangible.”
  5. 5. Finalizing Features & Sitemap <ul><li>What sections do you want? Home, Community, Calendar? </li></ul><ul><li>What are the main features? Forums, Profiles, Game Files? </li></ul><ul><li>What are the types of page layouts? Homepage, article, feed? </li></ul>
  6. 6. Blocking the Layout <ul><li>Break up the page into 4 to 6 areas. </li></ul><ul><li>What content areas are required? </li></ul><ul><li>Navigation? Adspace? Content Areas? </li></ul>
  7. 7. Creating Wireframes <ul><li>Break down the Blocking in more details. </li></ul><ul><li>Determine content details. </li></ul><ul><li>What functions need to be where? </li></ul><ul><li>What image sizes will you need? </li></ul>
  8. 8. Determining Interactions <ul><li>How will your features work? </li></ul><ul><li>How will the functions flow? </li></ul><ul><li>How does the user get notified? </li></ul><ul><li>Break down the feature details. </li></ul>
  9. 9. Creating Design Mockups <ul><li>Bring the styles, wireframes, features, and details together into a full design for each page. </li></ul>
  10. 10. Coding the design <ul><li>Convert the Mockups into HTML & CSS. </li></ul><ul><li>Create all the pages as code. </li></ul><ul><li>Fill with sample content. </li></ul>
  11. 11. Logic & Linking <ul><li>Detail functions. </li></ul><ul><li>Link pages & content. </li></ul><ul><li>Explain interactions. </li></ul><ul><li>Explain logic. </li></ul>
  12. 12. Database Details <ul><li>Determine all data that needs to be saved. </li></ul><ul><li>Organize by main entities such as users, events, games, etc. </li></ul><ul><li>Determine the type of data and values. </li></ul>
  13. 13. Programming <ul><li>Integrate the functions, design, interactions, logic, HTML & CSS. </li></ul><ul><li>Connect functions to the database. </li></ul>
  14. 14. Testing <ul><li>Test the site by using it. </li></ul><ul><li>Record bugs, issues, things that look weird, etc.. </li></ul><ul><li>Have friends and potential users test it and record feedback. </li></ul>
  15. 15. Final Content <ul><li>Setup sections and details. </li></ul><ul><li>Input the real content to replace the sample content. </li></ul><ul><li>Launch site! </li></ul>
  16. 16. Thanks! <ul><li>These are the steps that can be applied to making any website or online business. </li></ul>

×