Skip to content

Home Page

SondosAhmed edited this page Oct 19, 2020 · 23 revisions

Home Page

This page is the main page of our "Findme" website. The user will first open this page which has to give a clear and exact description of the whole website. Therefore, it contains navigation to all other pages on the website. In addition, The main page should give a user, whose searching, hope and help them to fast use and search. Accordingly, the home page includes a section for successful stories of people found with a brief quote stating how does this page helps them. Moreover, it has a clear section to take the user to the page where he/she can search for missing people or post a new missing person. We have deleted all unnecessary things to make the home page as clear and concise as possible.

Home Page contents

Header

  • Navbar

    • Home

    • Missing People

    • About

    • Contact Us

    • Post

    • Sign in (Google sign in)

  • Logo

Main Section

  • Cards of recent people who successfully found (at least 4)

Basic info with a quote, e.g "This website has helped me find my son, I will always be thankful for that".

Search Section

  • Search field and filters and a button

  • Button to make a new post

This button will navigate the user to a new page for entering information and making a new post. However, only google authenticated users can view this page. Otherwise, a user will be asked to sign in using his Google account).

Missing People Section

  • Cards

    • Picture

    • Name

    • Date

    • Location

When a user presses any card, he/she will be navigated to a new page to view all information of that person on the card. Information in each card is fetched from a backend API.

Page MindMap

Home page mind map

User Scenario Flowchart

full flowchart

Page Sketch (This is a trial version)

Page Styling Details

  • primary colors

    • Gradient from #16E0EF Light blue: #16E0EF to #1035EF Dark blue: #1035EF
  • secondary colors

    • #138DEF Blue: #138DEF