Group Wireframe

design for digital media environments
Screen Shot 2015-03-11 at 16.47.32

Home page

Screen Shot 2015-03-11 at 16.47.46

Sign up page

Screen Shot 2015-03-11 at 16.47.57

Login page

Screen Shot 2015-03-11 at 16.48.07

Home page once logged in

Screen Shot 2015-03-11 at 16.48.18

Results page

Screen Shot 2015-03-11 at 16.48.30

Add property page

Screen Shot 2015-03-11 at 16.48.55

About page

After researching into existing property sites and pulling our individual wire frames together we have come up with a solid design which we are all happy with.  We can now work separately with a shared goal in order to complete our roles, committing to git regularly.

Advertisements

Initial Wireframe and Research

design for digital media environments
right1

Rightmove filter

right2

Rightmove results

zoop1

Zoopla home page

zoop2

Zoopla results

Whilst researching into existing property sale sites i noticed they all had similar design layouts:

– Top navigation bar linking to all pages. Including the logo, which is usually text rather than an image

– The home page has a large central search bar

– Main focus on interactivity and the user being able to filter results to get the results they want

– same filter options- price, location, no. of bedrooms

– filter option on left hand side of results page

– results are shown on seperate cards, all include images, price, location and short typed description

– users can interact and personalise their accound through saving properties and contacting the agent

– white background, eye catching images

– Large colour/ image blocks

– simple but neat design with easy navigation.

– sign in/ register = top right hand corner

My own wireframes considering these observations…

home1

Home Page

signin

Sign in/ register pop up

sale

Results page

about

About page

By following standards, users will feel comfortable in navigating through the website and thus will meet their expectations.