Website.jpg

Footsteps is a mobile application designed to encourage students in gaining more exposure towards education and career related networking opportunities

The app provides a directory of location-based events and volunteer opportunities ranging from industry events, conferences, workshops, open houses, career fairs and more. 


design process and time management

Project Timeline ―    


UNDERSTANDING THE PROBLEM

Design Challenge ―    

How might we provide students with accessible in-person opportunities to connect first-hand with industry professionals in order to gain a better understanding of the diverse range of career opportunities available and the pathways to get there?

In addition, how will we encourage the importance of networking opportunities for high school students?

 

 

user flow

Mobile Information Architecture ―

IA_Mobile.png
 

on-boarding process

First-Time User Flow / on-boarding ―

 

UNDERSTANDING USER PREFERENCES 

Proposed Solution ―

(UI design and interactions not finalized) 

Iteration 1 —

 
  Main feed functionality  ―   Suggested events 

Main feed functionality ― Suggested events 

 

Main Features ―

* Visual design not finalized (Tests) 

 

 

 

 

01. On-Boarding Personalization 

― Students are able to select which events appeal to them. If clarification is needed to understand event type, students are able to select an option to better define the benefits of each event. Personalization allows for a custom feed suited to the students existing event search needs. 

 
 
 
Location__01.gif
 

 

 

 

 

 

02. Location-Based Event Exploration 

― Events are curated mainly based on nearby events but also provides suggestions for similar events in nearby cities or previously visited cities. Students are able to directly search within different areas and are not limited to their current location.

 

 

 

 

 

 

03. Visibility of Friend Activity 

― Social integration feature allows students to see popular events based on friend networks. If enabled, friends also within the platform will be able to see activity of upcoming event attendance and vice versa. 

 

Design Iteration 2 — 

 
 

Design Iteration 3 — 

Portfolio_Web.jpg
Location_Search.gif
Onboarding_One.gif
GIF.gif
Final-Flows.jpg

primary research studies and evaluation of existing solutions

Better understanding problem focus area and how to incorporate or improve existing features from similar products

 

Problem Area

Popular platforms such as Meetup, Eventbrite and Slack communities that have regular event postings are mainly targeted towards young adults to seasoned professionals, though high school students are not restricted from attending the events, they are generally not on these "adult-oriented" platforms and as welcomed. 

There seems to be a disconnect in discovery of event happenings: 1. A user must already be active on the existing platforms, 2. Facebook's suggestion algorithm curates events related to your recent related search activity but this in turn requires having a registered account. 

 

general pain points

― Limitation of known event posting platforms welcoming to high school students

― Language of websites particular to mature crowds and existing industry professionals 

― Students may navigate through multiple platforms at a time in order to find events

 

Competitor Analysis

 

exploration of existing event search and directory platforms

CompetitorAnalysis_2X.png
 

OUTREACH ON user research and ux design slack discussion communities

Ethnography_Slack.png
 

user research facilitation documentation  

Research ―  

The following document is a summary of a user testing session conducted to better understand core users of the product (students transitioning from high school to university, college, trades, workforce, etc.).

A prior solution within the workshop was tested, but based on findings from the session ― the solution was further improved to focus on in-person interaction opportunities with industry professionals. 

 

identifying user problems and considering business metrics   

Value Proposition Canvas ― 

 

product learning plan 

Framework ― 

image2018-04-02-213946-8.jpg

 

Visual Considerations

developing visual language, branding and style guidelines for consistency while designing

StyleGuide_Footsteps.png

Mood Board ― related terms, theme and visual art inspiration

MoodBoard_StudentFocused.png
 

Next Steps

― Interface design and prototype testing


tools utilized

Sketch, Adobe XD, Principle


Additional Projects
  RealTalk.Careers  / UI/UX Design + Research

RealTalk.Careers / UI/UX Design + Research

  Your Student Journey  / XD Design + Research 

Your Student Journey / XD Design + Research 

  Expedia Redesign  / UX/UI Design + Research

Expedia Redesign / UX/UI Design + Research