Terra step challenge
Web design
User experience
Visual design
Task
Terra API holds annual step challenges for university students, this year our task is to revamp the site for this year's step challenge for Imperial, MIT and Harvard students.
What’s terra (YC W21)?
Terra is an SAAS company that has built an API which makes it easy for users to access and integrate wearable health data
My role / tasks
The entire redesign of the site, including research and iterations
Duration
1 Month
Tools
Figma, notion
Team
1 Designer
2 Developers
Before
We started off by assessing feedback from last year's challenges, this was done by looking through previous emails from pariticipants and having a meeting with previous organisers, we found the following positives and frustrations:
Positives
-> The challenge was accessible to everyone
-> Limited referrals and steps per day stopped people from spamming
Frustrations
-> People signing up halfway will feel discouraged when seeing high scores
Problem
How might we encourage participation regardless when they join the challenge
Using the information gathered during research, we initiated a brainstorming session to generate potential solutions for our identified problem.
Due to time constraints, we had to factor in the feasibility of implementation, ruling out overly complex ideas that could not be executed within the given timeframe.
Solution
Daily quests
We decided to give users additional challenges, such as daily quests. By doing this participants will have a higher likelihood of winning something regardless of when they join.
Made some smaller changes contributing to the user's experience
In addition to addressing our main problem statement, I made some minor adjustments aimed at enhancing the user experience.
Minimise content
The old design had 4 columns worth of content, name, number of steps, number of referrals, and total scores.
To add more white space and minimize clutter I removed the number or referrals column and added a '0/3' next to the user's names to represent referrals, when users hover over it a short description of what its used for will appear.
Click to scoll
Instead of users having to scroll through the list of participants to find their name or team, simply click a button to find where they are on the leaderboard
Connect to apple
Throughout the challenge, we found that students had difficulties connecting their devices to our API, particularly using Apple devices.
To address this issue, we implemented a pop-up modal, highlighting that participants with iOS devices need to download Google Fit to join the challenge.
Visual design
When I was diving into the visual design, the goal was to give the site a bit of a fun and quirky personality whilst keeping things simple.
Responsive design
Final design
In the end, I was lucky enough to have some creative freedom.
I also decided to keep the over structure of the site the same as the previous to help cut down development time.
Due to time constraint we felt that it would be more efficient to keep everything on one page only allowing using to switch between
For each university I was tasked in changing the theme👇
Take away
Impact
200+ students signed up and actively participated in the challenge. Which was a 50% increase in compared to the previous year.
Next time
Testing
Due to time constraints I felt rushed when pushing the design to development, I would have liked to have done some testing to see what else I could have done to improve user experience
Documentation
I was not able to create any documentation to hand over to developers, this led to a lot of confusion and back and forth discussion, increasing development time.
© 2023 by Caroline Sia Made with ❤️🍵
Terra step challenge
Web design
User experience
Visual design
Task
Terra API holds annual step challenges for university students, this year our task is to revamp the site for this year's step challenge for Imperial, MIT and Harvard students.
What’s terra (YC W21)?
Terra is an SAAS company that has built an API which makes it easy for users to access and integrate wearable health data
My role / tasks
The entire redesign of the site, including research and iterations
Duration
1 Month
Tools
Figma, notion
Team
1 Designer
2 Developers
Before
We started off by assessing feedback from last year's challenges on previous events we found the following positives and frustrations:
Positives
-> The challenge was accessible to everyone
-> Limited referrals and steps per day stopped people from spamming
Frustrations
-> People signing up halfway will feel discouraged when seeing high scores
Problem
How might we encourage participation regardless when they join the challenge
Using the information gathered during research, we initiated a brainstorming session to generate potential solutions for our identified problem.
Due to time constraints, we had to factor in the feasibility of implementation, ruling out overly complex ideas that could not be executed within the given timeframe.
Solution
Daily quests
We decided to give users additional challenges, such as daily quests. By doing this participants will have a higher likelihood of winning something regardless of when they join.
Made some smaller changes contributing to the user's experience
In addition to addressing our main problem statement, I made some minor adjustments aimed at enhancing the user experience.
Minimise content
The old design had 4 columns worth of content, name, number of steps, number of referrals, and total scores.
To add more white space and minimize clutter I removed the number or referrals column and added a '0/3' next to the user's names to represent referrals, when users hover over it a short description of what its used for will appear.
Click to scoll
Instead of users having to scroll through the list of participants to find their name or team, simply click a button to find where they are on the leaderboard
Connect to apple
Throughout the challenge, we found that students had difficulties connecting their devices to our API, particularly using Apple devices.
To address this issue, we implemented a pop-up modal, highlighting that participants with iOS devices need to download Google Fit to join the challenge.
Visual design
When I was diving into the visual design, the goal was to give the site a bit of a fun and quirky personality whilst keeping things simple.
Responsive design
Final design
In the end, I was lucky enough to have some creative freedom.
I also decided to keep the over structure of the site the same as the previous to help cut down development time.
Due to time constraint we felt that it would be more efficient to keep everything on one page only allowing using to switch between
For each university I was tasked in changing the theme👇
Take away
Impact
200+ students signed up and actively participated in the challenge. Which was a 50% increase in compared to the previous year.
Next time
Testing
Due to time constraints I felt rushed when pushing the design to development, I would have liked to have done some testing to see what else I could have done to improve user experience
Documentation
I was not able to create any documentation to hand over to developers, this led to a lot of confusion and back and forth discussion, increasing development time.
© 2023 by Caroline Sia Made with ❤️🍵
Terra step challenge
Web design
User experience
Visual design
Task
Terra API holds annual step challenges for university students, this year our task is to revamp the site for this year's step challenge for Imperial, MIT and Harvard students.
What’s terra (YC W21)?
Terra is an SAAS company that has built an API which makes it easy for users to access and integrate wearable health data
My role / tasks
The entire redesign of the site, including research and iterations
Duration
1 Month
Tools
Figma, notion
Team
1 Designer
2 Developers
Before
We started off by assessing feedback from last year's challenges, this was done by looking through previous emails from pariticipants and having a meeting with previous organisers, we found the following positives and frustrations:
Positives
-> The challenge was accessible to everyone
-> Limited referrals and steps per day stopped people from spamming
Frustrations
-> People signing up halfway will feel discouraged when seeing high scores
Problem
How might we encourage participation regardless when they join the challenge
Using the information gathered during research, we initiated a brainstorming session to generate potential solutions for our identified problem.
Due to time constraints, we had to factor in the feasibility of implementation, ruling out overly complex ideas that could not be executed within the given timeframe.
Solution
Daily quests
We decided to give users additional challenges, such as daily quests. By doing this participants will have a higher likelihood of winning something regardless of when they join.
Made some smaller changes contributing to the user's experience
In addition to addressing our main problem statement, I made some minor adjustments aimed at enhancing the user experience.
Minimise content
The old design had 4 columns worth of content, name, number of steps, number of referrals, and total scores.
To add more white space and minimize clutter I removed the number or referrals column and added a '0/3' next to the user's names to represent referrals, when users hover over it a short description of what its used for will appear.
Click to scoll
Instead of users having to scroll through the list of participants to find their name or team, simply click a button to find where they are on the leaderboard
Connect to apple
Throughout the challenge, we found that students had difficulties connecting their devices to our API, particularly using Apple devices.
To address this issue, we implemented a pop-up modal, highlighting that participants with iOS devices need to download Google Fit to join the challenge.
Visual design
When I was diving into the visual design, the goal was to give the site a bit of a fun and quirky personality whilst keeping things simple.
Responsive design
Final design
In the end, I was lucky enough to have some creative freedom.
I also decided to keep the over structure of the site the same as the previous to help cut down development time.
Due to time constraint we felt that it would be more efficient to keep everything on one page only allowing using to switch between
For each university I was tasked in changing the theme👇
Take away
Impact
200+ students signed up and actively participated in the challenge. Which was a 50% increase in compared to the previous year.
Next time
Testing
Due to time constraints I felt rushed when pushing the design to development, I would have liked to have done some testing to see what else I could have done to improve user experience
Documentation
I was not able to create any documentation to hand over to developers, this led to a lot of confusion and back and forth discussion, increasing development time.
© 2023 by Caroline Sia Made with ❤️🍵
