Tuesday, 29 November 2016

Digital Editorial Website

https://www.siteinspire.com/websites?categories=57


  • Logo 
    • Placed with the navigation bar 
    • Shape - Circle with fed fill as the background
    • Typography: 
      • Type of font used as Sixta Thin
      • Sans Serif Typography
      • Font Size used - 18pt
      • First word of the logo is left aligned
      • Second word of the logo is center aligned
      • Color font - white colour with lowercase.
Logo

  • Navigation Bar: 
    • Left side of the navigation bar, the logo is displayed.
    • Shows the Styles (drop down menu) 
      • Displays different categories
    • Shows the Types (drop down menu) 
      • Displays different types of that particular category
    • Shows the Subjects (drop down menu)
      • Displays subjects depending on the category and style.
    • Shows the Platforms of the website (drop down menu)
      • What type of platform the website will be shown.
    • Shows the Search (drop down menu)
      • Displays a magnifying glass letting the user search anything the user wants.
    • Websites Link:
      • Hovering on it shows the user all the websites stored in the current website.
    • Directory Link:
      • Shows all the studios from around the world showing a number of websites next to the studios.
    • About: 
      • Displays what the website is about in lowercase bold.
      • Displaying he browsing, follow, and join in a 3-column grid layout.
      • Text underlined can be hovered and be taken to another tab.
      • FAQs section:
        • shows the questions in bold.
        • shows the answers in normal font.

Navigation Bar

  • Next to the navigation bar there is an icon with account.
    • When hovering on the icon a drop down menu letting to sign in or sign up.
Profile Icon

  • A 3-column grid layout displaying all the editorial websites stored in the websites. 
    • An image with the home page of the editorial websites.
    • Under the image displays a title of the website.
    • Under the title shows how long has that particular editorial website been on the website.
Grid Layout


  • The footer displays a white background.
    • Displays a 4-column grid layout:
      • first column - about the website
      • second column: Latest Websites - A list of all the recent websites submitted. 
      • third column: Information
        • Mailing List - users give their emails to receive recent news on the website.
        • Advertise - sponsoring the website.
      • fourth column: connect with us
        • Displays all the social media the users can connect with the website
        • Twitter, Facebook, Tumblr, feedburner, email.
Footer

  • Under the 4-column grid layout the copyright logo is displayed.
Copyright

No comments:

Post a Comment