Matthew Lew's profile

Outyard | Website for the Public Good.

Primary User Research: Persona
Moodboard
 
The content of the website is structured into street "blocks". These are in the shape of the San Francisco's "outside lands" suburbia, The Sunset District. The typography is set in Sanchez™ for headlines and Trebuchet MS for body copy.
Primary User Flow
 
Linda overheard that there is going to be a free "ballet" performance close by her house. She wants to search for event information and share it with her daughter's friend's mother. Because she is a frequent user of Outyard, she has an account that saves her "Liked" events which makes it eaiser to access and share information with others.
Scenario
IA: Website Structure
Mobile Mockups
 
These mockups describe the features the website offers.
Scenario
 
These are the step that describe Linda's userflow to looking up and sharing event info.
Desktop Wireframes 
 
After designing the core structure of the mobile site, wireframes to develop the desktop allow more information to be carefully designed and selected.
Desktop Mockups
 
These screenshots show the features of the website. 
Outyard | Website for the Public Good.
Published:

Outyard | Website for the Public Good.

Interactive 1 class. Focusing on creating a website for a targeted audience for social good. Outyard compiles free and local events — as conven Read More

Published: