Wings for Life World Run
Services
Strategy, Concept, Web Design, Mobile Design
Team
Autumn Jacob
Tools
Figma, After Effects
Intro
The Wings for Life World Run is a global event that takes place annually to raise funds for spinal cord injury research. What sets this event apart is that there is no set distance or finish line. Instead, runners around the world start simultaneously, and a virtual "Catcher Car" begins to follow them after 30 minutes. The car gradually increases its speed until it passes all the runners, indicating the end of their run. It's an exciting and unique event that connects runners from around the world while supporting a great cause.
The Wings for Life World Run app and website are essential tools for participants looking to take part in the event. The app offers a range of features, including registration, tracking, social networking, fundraising, and training plans. Participants can sign up for the event, create a profile, track their progress using GPS technology, connect with other runners, and raise funds for spinal cord injury research. The app also provides training plans and workout tips to help runners prepare for the event. The website offers additional information about the event, including the route and starting times for different locations around the world.
Quality
Usually, the sites of institutions that provide financial services are full of information. Our goal was to provide the maximum of information to potential customers of Webflow, but to do it in a stylish and modern way.
Minimalism combined with elements of french typography and brutalism helped us to realize the site exactly as we imagined with the client at the beginning: visually restrained, but stylish. Informative and pleasant to use, with an elegant aftertaste of a serious financial institution.
The sites of institutions that provide financial services are full of information. Our goal was to provide the maximum of information to potential customers of Webflow, but to do it in a stylish and modern way.
Combined with elements of french typography and brutalism helped us to realize the site exactly as we imagined with the client at the beginning: visually restrained, but stylish. Informative and pleasant to use, with an elegant aftertaste of a serious financial institution.
Process
Intro
The Wings for Life World Run is a global event that takes place annually to raise funds for spinal cord injury research. What sets this event apart is that there is no set distance or finish line. Instead, runners around the world start simultaneously, and a virtual "Catcher Car" begins to follow them after 30 minutes. The car gradually increases its speed until it passes all the runners, indicating the end of their run. It's an exciting and unique event that connects runners from around the world while supporting a great cause.
The Wings for Life World Run app and website are essential tools for participants looking to take part in the event. The app offers a range of features, including registration, tracking, social networking, fundraising, and training plans. Participants can sign up for the event, create a profile, track their progress using GPS technology, connect with other runners, and raise funds for spinal cord injury research. The app also provides training plans and workout tips to help runners prepare for the event. The website offers additional information about the event, including the route and starting times for different locations around the world.
Quality
Usually, the sites of institutions that provide financial services are full of information. Our goal was to provide the maximum of information to potential customers of Webflow, but to do it in a stylish and modern way.
Minimalism combined with elements of french typography and brutalism helped us to realize the site exactly as we imagined with the client at the beginning: visually restrained, but stylish. Informative and pleasant to use, with an elegant aftertaste of a serious financial institution.
The sites of institutions that provide financial services are full of information. Our goal was to provide the maximum of information to potential customers of Webflow, but to do it in a stylish and modern way.
Combined with elements of french typography and brutalism helped us to realize the site exactly as we imagined with the client at the beginning: visually restrained, but stylish. Informative and pleasant to use, with an elegant aftertaste of a serious financial institution.
Challenge
How might we collect and use datasets to raise awareness of the negative impacts of social media in Gen Alpha?
Outcome
Unhook is a digital product that monitors user’s social interactions and daily activities to prevent them from getting depressed by using social media.
Discover
We recruited participants to learn about their jobs, health, and behaviors. We used affinity mapping to organize our observations and determine the sources of pain.
Findings
They all had at least two projects on the go. Four of them have worked from home since the first lockdown, and three of them are business owners or freelancers. Five of the eight participants found it difficult to be productive when working from home. We came to the following conclusion based on our research:
1. Struggling to be efficient and effectively control their time.
2. They were having trouble coordinating and planning various tasks.
3. Missing getting other professionals around to network with and collaborate with.
Following their meetings with targeted users, each team member compiled a comprehensive list of issues -
The team collaborated on Miro Board to group problems of similar nature.
Our team assembled a list of possible features to include in the product based on the affinity mapping
We used the MoSCoW approach to narrow the reach of the product and get closer to our MVP
Competitive Analysis
Our competitor research was divided into two categories: communication and productivity. We compared the features and identified the benefits and drawbacks of products like Asana and Monday.com, Zoom, and Discord that solve similar problems.
Our team agreed that our product should improve productivity, digital wellness, and communication in the workspace. These must-have features were then grouped and simplified into three groups.
Product Statement
Workspace streamlines multiple workflows and builds meaningful connections to encourage overall wellness for professionals who work remotely
Product Principles
Persona
We developed two personas, each with their own user journey, to represent the needs and pain points of our target users (They are technologically advanced and eager to learn new skills. Because of the product's concise and thoughtful tone of voice, they should feel accomplished, encouraged, and in charge) that we learned during the user interviews. Each persona focuses on a feature.
Feature 1
She (Sofia) is currently finding it difficult to be productive and is easily distracted when working. Sofia needs a method to better control her time and increase her productivity at work.
Feature 2
He (Kevin) misses being surrounded by other professionals with whom he can network and who will push him to work harder. Kevin needs a way to engage in human interactions in an online environment.
User Testing
We created a low-fidelity prototype based on Sofia and Kevin's requirements and ran usability tests to identify areas for improvement. Here's what we discovered
1. The dashboard seemed to be overworked and attempting to do too much.
2. In the sense of digital wellbeing, the project management tool seemed anticipated, almost unnecessary.
3. The role of "Time Manager" was ambiguous, and the explanation was lengthy.4. Tools break down- users felt oppressed and had no idea what it meant or why.
1. Users wanted to see a Pomodoro timer and an advanced
portion with timer settings that could be customized.
2. The snooze button and the ‘+60/+90 minute' buttons were both confusing. Some users were puzzled as to what the differences were.
1. The user interface felt easy, but participant would like to see more interesting design.
2. The term "workrooms" was a bit misleading.
Final Designs
Homescreen
This screen gives you a quick rundown of what's going on. It includes a calendar, a daily personalized post, easy access buttons, and time trackers. Details may be extended based on the user's preferences. The illustration along with the motivational text adds a humane element to the product.
Dashboard
A dashboard page is hosted by each workspace . This page displays details about the amount of time spent in a specific workspace. This feature allows users to better manage their time and display a report of it, reducing pain points.
Timer Feature (A)
The _workspace; timer feature allows users to set a time limit for their work or supports in the concentrating process. It has three key features: a timer, an app limit, and the ability to start a pomodoro cycle. Users may also change their Slack status to Away, mute email messages, and clock in/out before and after the timer in the advanced settings.
Timer Feature (B)
Allowing users to set an app limit is another function we suggested to combat distractions. Users may choose a method and set a time limit on how long they use it.
Meet Feature
Meet is a function that enables users to form meaningful connections with other professionals in a virtual setting. Users should look for rooms based on their interests and book a meeting space. In addition to an Activity function, we developed a Reaction component that allows participants to communicate and connect more effectively.
Design Guidelines
As a five-person team, everybody must work together, and the work done must be of high quality. As a result, we developed a design checklist to help in improved communication and teamwork during the design process
Research Stats -
In the wake of the pandemic and the lockdown, there has been a drastic increase in the use of social media inducing fear, anxiety, paranoia and the pressure to get attention.
According to an article published by the World Health Organization -
Deaths by suicide in the USA are up 70% in older teenage girls compared with the first decade of the century. In pre-teen girls, suicide has risen by 151 per cent.
.jpg)
.jpg)
.jpg)
Analysis
Instead of using the traditional STEEP (social, technological, economic, environmental, and political) analysis to speculate what the future may be, we swapped economic to educational to examine how each area affects Gen Alpha.
.png)
.png)
%201.jpg)
Multi-generational Personas
Sketches & Early Drafts
Watch user interface -
%201.jpg)
Dopa Pill
We further developed Dopa-pill’s brand identity to envision its existence on the market.
%201.jpg)
.jpg)
©2021 - Preet Gangrade. Made with Love, Figma, and Webflow.
.png)
.jpg)
.jpg)
.png)