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