top of page

Footprints

Project overview

Challenge: Create a Digital Product about legacy for an audience of 20-28 years old. 

​

Solution: Following a user-centred process, we created a product that connects people and gives them a platform to showcase their journey while supporting their well-being.

 

Created at YSYS x Create Jobs programme

Working with 4 other designers to create an interactive social app prototype for Reebok while learning about product design from industry leading professionals.

Using:

THE PROCCESS

Understanding users

Interviews: 

Starting by structuring an interview that allowed us to gain a deep understanding of the way our users think about legacy and their futures. 

 

Asset 6@4x.png
Asset 57@4x.png

Understanding the market

The market VS persona needs: 

Laying out what our users want and need from a digital product helped us create a foundation for what to look for in the market. Using this comparison to find our mission.  

 

Asset 7@4x.png

Confident. 

Ambitious.

 

Wants to share! 

Asset 7@4x.png

Unsure.

Anxious. 

 

Needs support! 

The Mission:

 

Connecting people.   Giving a platform to showcase journeys. 

Support wellbeing. 

Sketching and Wireframing

Visualizing ideas: 

To start the designing process, we each presented low-fidelity wireframes and our data-driven visions. We compared and discussed the strengths in each other’s sketches while referring to our mission statement to find what would fit it best. 

​

When creating this, I focused on asking why, what and who. To have a clear sense of function for every feature. 

 

Asset 8@4x.png

The Look and Feel

Design Guidelines: 

When moving to higher fidelity wireframes and working more independently in sections, (Home, Profiles, Wellbeing, Sign up, Explore), I took the initiative to propose a colour pallete with the key words: fresh, joyful and soft. 

Later including buttons and  some illustrations created for the wellbeing section: 

Asset 14@4x.png

High Fidelity Prototype

Designing the profile section: 

Asset 9@4x.png

I focused on how users would post content, how it would be displayed, organized and viewed by others. Swipe to see sketch to prototype progress.

 

Asset 5@4x.png

​

​

​

I continuously questioned and asked for feedback to make sure it was an enjoyable space to display/view accomplishments to inspire/be inspired. Exploring the wiring option on Figma and using motion to make it fun!

 

User Testing

Observing usage and analyzing feedback: 

post-prototype-moving.gif
Asset 19@4x.png

 We tested several journeys: searching for people/content, main page interactions and posting a footprint. This feedback showed us clear ways to improve the user experience and develop the interface.

Asset 20@4x.png

Improvements

Giving and Receiving Feedback:

By giving each other data-driven constructive feedback, we were able to edit our product with a strong user focus. 

Asset 11@4x.png

OUTPUTS

Project Take Aways 

  • The importance of a good foundation forteamwork user research 

  • Performing ethical interviews

  • Sketch digitally for remote team work.

  • Giving data-driven feedback 

  • Creating accessible designs  

  • Hosting user tests

Untitled (5).png
outputs footprints

+ what would I do differently 

I would focus less on connection and social features and build more on supporting well-being and motivation. Giving our users what they're missing most from the apps they already use. ​

© 2021 by Lara Santos 
 

DON'T BE SHY,

Get in touch

bottom of page