“2427 Eats” Website

Homepage Design
Create a static homepage layout mockup for the
2427 Eats Publication

Research some examples of restaurant guide sites
Make a new post named: “last name_Firstname Project 5”, categorize  it Project 5.

Homepage design using
InDesign 1200 px x 900 px

Users should know what the site is about and where calls to action are immediately.
With typography hierarchy, layout, you can guide users in the direction you want them go.
Remember design principles such as alignment, proportion and white space when working with type.
Type is more effective than anything else to get your message across on the web .

 

Design Resources

Indesign Wireframe tools

Homepage Sketch File

12 colum grid

Creative Brief Sample

 Pinterest Page Web Design

http://pin.it/BDTGgPi
http://pin.it/Oz6x_AR

InDesign Tools

Indesign Wire Frame Web Design Guide:
InDesign User Guide:

Creative Cloud Libraries

Grid Design Guide:

Guide to use of grid for web
gridpak.com
http://gridr.atomeye.com/
http://sneakpeekit.com/
https://webdesignledger.com/grid-design-for-website-mockups/

Restaurant  Sites

https://www.zagat.com/
http://eat24.com/
https://www.yelp.com/nyc
http://www.renzell.com/
https://www.theinfatuation.com/new-york
https://www.zomato.com
https://www.opentable.com/new-york-city-restaurants
https://www.viamichelin.com/web/Restaurant/New_York-10007-Little_Park-468095-41102

Web Typography

https://www.awwwards.com/websites/
https://www.awwwards.com/inspiration/search?text=typography
http://www.nurturedigital.com/
http://oudolf.com/
http://culture.pl/multimediaguides/
http://dada-data.net/en/
https://www.awwwards.com/sites/susa-ventures

Type Web Sites

http://typographyhandbook.com/
https://fonts.google.com/
http://justcreative.com/2016/10/17/the-power-of-typography-in-web-design/
http://justcreative.com/2015/05/05/15-stunning-font-combinations-for-your-inspiration/
http://www.webtype.com/catalog/

 

Web Design Sites
http://thegridsystem.net/
http://www.modularscale.com/

Free to script to save InDesign files as a layered PSD.
https://indesignsecrets.com/save-indesign-files-layered-photoshop-files.php
http://www.zenodesign.com/forum/PageToPSLayersV6.zip