menu
Routine Out Loud: Acquiring New Users in an Early-Stage Startup
Routine Out Loud: Acquiring New Users in an Early-Stage Startup
Routine Out Loud: Acquiring New Users in an Early-Stage Startup
Routine Out Loud: Acquiring New Users in an Early-Stage Startup
🏆 This project was selected for the 2025 Pre-Startup Package and secured KRW 30 million in funding.
🏆 This project was selected for the 2025 Pre-Startup Package and secured KRW 30 million in funding.
🏆 This project was selected for the 2025 Pre-Startup Package and secured KRW 30 million in funding.
🏆 This project was selected for the 2025 Pre-Startup Package and secured KRW 30 million in funding.
Over the summer of 2025, I interned at Mavericks in Motion, a South Korea–based wellness startup. As the sole designer in the early stage, I led product design and content strategy for ROL, a community-driven routine-building app, focusing on user acquisition through engagement-driven design while conducting pre-launch QA and iterative refinements to improve usability and retention.
Over the summer of 2025, I interned at Mavericks in Motion, a South Korea–based wellness startup. As the sole designer in the early stage, I led product design and content strategy for ROL, a community-driven routine-building app, focusing on user acquisition through engagement-driven design while conducting pre-launch QA and iterative refinements to improve usability and retention.
Over the summer of 2025, I interned at Mavericks in Motion, a South Korea–based wellness startup. As the sole designer in the early stage, I led product design and content strategy for ROL, a community-driven routine-building app, focusing on user acquisition through engagement-driven design while conducting pre-launch QA and iterative refinements to improve usability and retention.
Over the summer of 2025, I interned at Mavericks in Motion, a South Korea–based wellness startup. As the sole designer in the early stage, I led product design and content strategy for ROL, a community-driven routine-building app, focusing on user acquisition through engagement-driven design while conducting pre-launch QA and iterative refinements to improve usability and retention.
Timeframe
Jul 2025 - Aug 2025
Role
UI/UX Design Intern
Tools
Figma
Team
1 UX Designer
1 Frontend Developer
2 Backend Developer
1 Project Manager
1 Marketer
Timeframe
Jul 2025 - Aug 2025
Role
UI/UX Design Intern
Tools
Figma
Team
1 UX Designer
1 Frontend Developer
2 Backend Developer
1 Project Manager
1 Marketer
Timeframe
Timeframe
Jul 2025 - Aug 2025
Jul 2025 - Aug 2025
Role
Role
UI/UX Design Intern
UI/UX Design Intern
Tools
Tools
Figma
Figma
Team
Team
1 UX Designer
1 Frontend Developer
2 Backend Developer
1 Project Manager
1 Marketer
1 UX Designer 1 Frontend Developer 2 Backend Developer 1 Project Manager 1 Marketer
WHAT IS ROUTINE OUT LOUD?
WHAT IS ROUTINE OUT LOUD?
WHAT IS ROUTINE OUT LOUD?
WHAT IS ROUTINE OUT LOUD?
ROL is a mobile routine app that helps users build lasting habits through community and personalized recommendation.
ROL is a mobile routine app that helps users build lasting habits through community and personalized recommendation.
ROL is a mobile routine app that helps users build lasting habits through community and personalized recommendation.
ROL is a mobile routine app that helps users build lasting habits through community and personalized recommendation.
UX Designer
UX Designer
UX Designer
UX Designer
Hajeong Hwang
Hajeong Hwang
Hajeong Hwang
Hajeong Hwang
Project Manager
Project Manager
Project Manager
Project Manager
Marketer
Marketer
Marketer
Marketer
Backend Developer
Backend Developer
Backend Developer
Backend Developer
Backend Developer
Backend Developer
Backend Developer
Backend Developer
Frontend Developer
Frontend Developer
Frontend Developer
Frontend Developer
SQUAD
SQUAD
SQUAD
SQUAD
PROCESS
PROCESS
PROCESS
PROCESS
Market Research
Market Research
Market Research
Market Research
User Research
User Research
User Research
User Research
Wireframing
Wireframing
Wireframing
Wireframing
Prototyping & Iteration
Prototyping & Iteration
Prototyping & Iteration
Prototyping & Iteration
User Testing
User Testing
User Testing
User Testing
Design Process
Design Process
Design Process
Design Process
Market Research
User Research
Wireframing
Prototype & Iteration
User Test
Market Research
User Research
Wireframing
Prototype & Iteration
User Test
Market Research
User Research
Wireframing
Prototype & Iteration
User Test
Market Research
User Research
Wireframing
Prototype & Iteration
User Test
PROBLEM
PROBLEM
PROBLEM
PROBLEM
As an early-stage startup with a limited user base, acquiring new users was important. However, we realized that the lack of engagement-driven features was the primary barrier to user acquisition.
As an early-stage startup with a limited user base, acquiring new users was important. However, we realized that the lack of engagement-driven features was the primary barrier to user acquisition.
As an early-stage startup with a limited user base, acquiring new users was important. However, we realized that the lack of engagement-driven features was the primary barrier to user acquisition.
As an early-stage startup with a limited user base, acquiring new users was important. However, we realized that the lack of engagement-driven features was the primary barrier to user acquisition.
DESIGN QUESTION
DESIGN QUESTION
DESIGN QUESTION
DESIGN QUESTION
How might we strengthen user motivation through community and create a routine–share–inspire loop to drive user acquisition?
How might we strengthen user motivation through community and create a routine–share–inspire loop to drive user acquisition?
How might we strengthen user motivation through community and create a routine–share–inspire loop to drive user acquisition?
How might we strengthen user motivation through community and create a routine–share–inspire loop to drive user acquisition?
2 Different Approaches: Onboarding and Justification
Although there were other solutions for user acquisition, we focused on connecting users within community pages, because social relevance and peer validation are stronger drivers of engagement than standalone features.
APPROACH
Approach 1 focuses on collecting users’ interests through community onboarding and delivering more personalized information
Approach 2 is about including justification taglines on post to motivate engagement with community posts
Added an onboarding experience with interest presets to provide a more personalized feed
APPROACH 1 — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
Added an onboarding experience with interest presets to provide a more personalized feed
APPROACH 1 — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
Added an onboarding experience with interest presets to provide a more personalized feed
APPROACH 1 — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
Added an onboarding experience with interest presets to provide a more personalized feed
APPROACH 1 — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
Before designing the onboarding experience, I analyzed competitor onboarding flows to identify elements that could increase onboarding completion rates.
Before designing the onboarding experience, I analyzed competitor onboarding flows to identify elements that could increase onboarding completion rates.
Before designing the onboarding experience, I analyzed competitor onboarding flows to identify elements that could increase onboarding completion rates.
Before designing the onboarding experience, I analyzed competitor onboarding flows to identify elements that could increase onboarding completion rates.
COMPETITOR ANALYSIS — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
COMPETITOR ANALYSIS — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
COMPETITOR ANALYSIS — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
COMPETITOR ANALYSIS — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
Duolingo
Duolingo
Duolingo
Duolingo
Icons and images placed next to options allow users to understand choices without reading detailed text
A progress bar that encourages users to complete onboarding
Accommodates both returning and new users by offering options like continuing learning or starting something new
Icons and images placed next to options allow users to understand choices without reading detailed text
A progress bar that encourages users to complete onboarding
Accommodates both returning and new users by offering options like continuing learning or starting something new
Icons and images placed next to options allow users to understand choices without reading detailed text
A progress bar that encourages users to complete onboarding
Accommodates both returning and new users by offering options like continuing learning or starting something new
Icons and images placed next to options allow users to understand choices without reading detailed text
A progress bar that encourages users to complete onboarding
Accommodates both returning and new users by offering options like continuing learning or starting something new
Routinery
Routinery
Routinery
Routinery
Friendly language beneath the question reduces pressure and encourages users to continue without feeling evaluated
“Do not select” option prevents forced choices when users don’t resonate with predefined options, reducing friction
A dash-style progress bar visually communicates progress, motivating users to move forward
Friendly language beneath the question reduces pressure and encourages users to continue without feeling evaluated
“Do not select” option prevents forced choices when users don’t resonate with predefined options, reducing friction
A dash-style progress bar visually communicates progress, motivating users to move forward
Friendly language beneath the question reduces pressure and encourages users to continue without feeling evaluated
“Do not select” option prevents forced choices when users don’t resonate with predefined options, reducing friction
A dash-style progress bar visually communicates progress, motivating users to move forward
Friendly language beneath the question reduces pressure and encourages users to continue without feeling evaluated
“Do not select” option prevents forced choices when users don’t resonate with predefined options, reducing friction
A dash-style progress bar visually communicates progress, motivating users to move forward
Calm
Calm
Calm
Calm
Supportive sentence beneath the question helps users continue without feeling evaluated
Icons placed next to options, providing visual cues allow users to grasp choices instantly without reading detailed text
Active “Continue” CTA even without selection
Supportive sentence beneath the question helps users continue without feeling evaluated
Icons placed next to options, providing visual cues allow users to grasp choices instantly without reading detailed text
Active “Continue” CTA even without selection
Supportive sentence beneath the question helps users continue without feeling evaluated
Icons placed next to options, providing visual cues allow users to grasp choices instantly without reading detailed text
Active “Continue” CTA even without selection
Supportive sentence beneath the question helps users continue without feeling evaluated
Icons placed next to options, providing visual cues allow users to grasp choices instantly without reading detailed text
Active “Continue” CTA even without selection
Insights
Insights
Insights
Insights
Existing mobile apps’ onboarding pages commonly include progress bars, use icons or images alongside labels to give users immediate visual feedback, and feature welcoming language that encourages users to complete the onboarding process rather than skip it.
Based on this competitor analysis, I decided to incorporate a progress bar, icons, and welcoming microcopy into ROL’s onboarding experience.
Existing mobile apps’ onboarding pages commonly include progress bars, use icons or images alongside labels to give users immediate visual feedback, and feature welcoming language that encourages users to complete the onboarding process rather than skip it.
Based on this competitor analysis, I decided to incorporate a progress bar, icons, and welcoming microcopy into ROL’s onboarding experience.
Existing mobile apps’ onboarding pages commonly include progress bars, use icons or images alongside labels to give users immediate visual feedback, and feature welcoming language that encourages users to complete the onboarding process rather than skip it.
Based on this competitor analysis, I decided to incorporate a progress bar, icons, and welcoming microcopy into ROL’s onboarding experience.
Existing mobile apps’ onboarding pages commonly include progress bars, use icons or images alongside labels to give users immediate visual feedback, and feature welcoming language that encourages users to complete the onboarding process rather than skip it.
Based on this competitor analysis, I decided to incorporate a progress bar, icons, and welcoming microcopy into ROL’s onboarding experience.
Before finalizing the design, I refined the onboarding page to improve user experience and visual consistency, focusing on clearer selection states, visual hierarchy, and UX writing.
Before finalizing the design, I refined the onboarding page to improve user experience and visual consistency, focusing on clearer selection states, visual hierarchy, and UX writing.
Before finalizing the design, I refined the onboarding page to improve user experience and visual consistency, focusing on clearer selection states, visual hierarchy, and UX writing.
Before finalizing the design, I refined the onboarding page to improve user experience and visual consistency, focusing on clearer selection states, visual hierarchy, and UX writing.
ITERATIONS — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
ITERATIONS — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
ITERATIONS — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
ITERATIONS — COMMUNITY ONBOARDING FOR PERSONALIZED FEED
Refined the Onboarding UI to Improve Glanceability
Refined the Onboarding UI to Improve Glanceability
Refined the Onboarding UI to Improve Glanceability
Refined the Onboarding UI to Improve Glanceability
While the onboarding page validated the use of icon-based chips and a dot-style progress indicator, the lack of clear selection states reduced usability. I improved selection clarity through stronger visual differentiation and refined the UX writing to be more concise and easily scannable, enhancing overall onboarding clarity.
While the onboarding page validated the use of icon-based chips and a dot-style progress indicator, the lack of clear selection states reduced usability. I improved selection clarity through stronger visual differentiation and refined the UX writing to be more concise and easily scannable, enhancing overall onboarding clarity.
While the onboarding page validated the use of icon-based chips and a dot-style progress indicator, the lack of clear selection states reduced usability. I improved selection clarity through stronger visual differentiation and refined the UX writing to be more concise and easily scannable, enhancing overall onboarding clarity.
While the onboarding page validated the use of icon-based chips and a dot-style progress indicator, the lack of clear selection states reduced usability. I improved selection clarity through stronger visual differentiation and refined the UX writing to be more concise and easily scannable, enhancing overall onboarding clarity.
Before
Before
Before
Before
After
After
After
After
FINAL EXPERIENCE
Community Onboarding
We used the community onboarding page to capture user interests, enabling interest-based justification taglines and more relevant post recommendations. Rather than front-loading onboarding, we allowed users to configure community features later when they were ready to be socially connected.
Onboarding Flow
Welcome to community
To get started, tell us what you’re interested in so we can show you content you’ll love.
Choose 3 topics
Sports
🏸 Badminton
🏇 Polo
🎱 Billiards
🏓 Table Tennis
🏉 Rugby
🎳 Bowling
🏀 Basketball
⚾ Baseball
🏌️ Golf
🎾 Tennis
🏏 Cricket
⛸️ Ice Sports
⚽ Football
🏒 Hockey
🤾 Handball
🏎️ Motor Sports
🏐 Volleyball
🥍 Lacrosse
🎿 Snow Sports
🏄 Water Sports
🏃 Track & Field
🚴 Bike & Cycling
🥊 Combat Sports
🤸 Gymnastics
🪂 Extreme Sports
🎮 E-sports
Etc
Choose Your Interests – Sports
Welcome to community
To get started, tell us what you’re interested in so we can show you content you’ll love.
Choose 3 topics
Fitness
🏋️ Weight Training
🧘 Yoga
🤸️ Pilates
💃 Pole Dance
🏃♀ Running
🏔️ Hiking
🌱 Mindfulness
🏕️ Camping
🎣 Fishing
🥾 Mountaineering
🧗 Climbing
Choose Your Interests – Fitness
FINAL EXPERIENCE
Community Onboarding
We used the community onboarding page to capture user interests, enabling interest-based justification taglines and more relevant post recommendations. Rather than front-loading onboarding, we allowed users to configure community features later when they were ready to be socially connected.
Onboarding Flow
Welcome to community
To get started, tell us what you’re interested in so we can show you content you’ll love.
Choose 3 topics
Sports
🏸 Badminton
🏇 Polo
🎱 Billiards
🏓 Table Tennis
🏉 Rugby
🎳 Bowling
🏀 Basketball
⚾ Baseball
🏌️ Golf
🎾 Tennis
🏏 Cricket
⛸️ Ice Sports
⚽ Football
🏒 Hockey
🤾 Handball
🏎️ Motor Sports
🏐 Volleyball
🥍 Lacrosse
🎿 Snow Sports
🏄 Water Sports
🏃 Track & Field
🚴 Bike & Cycling
🥊 Combat Sports
🤸 Gymnastics
🪂 Extreme Sports
🎮 E-sports
Etc
Choose Your Interests – Sports
Welcome to community
To get started, tell us what you’re interested in so we can show you content you’ll love.
Choose 3 topics
Fitness
🏋️ Weight Training
🧘 Yoga
🤸️ Pilates
💃 Pole Dance
🏃♀ Running
🏔️ Hiking
🌱 Mindfulness
🏕️ Camping
🎣 Fishing
🥾 Mountaineering
🧗 Climbing
Choose Your Interests – Fitness
FINAL EXPERIENCE
Community Onboarding
We used the community onboarding page to capture user interests, enabling interest-based justification taglines and more relevant post recommendations. Rather than front-loading onboarding, we allowed users to configure community features later when they were ready to be socially connected.
Onboarding Flow
Welcome to community
To get started, tell us what you’re interested in so we can show you content you’ll love.
Choose 3 topics
Sports
🏸 Badminton
🏇 Polo
🎱 Billiards
🏓 Table Tennis
🏉 Rugby
🎳 Bowling
🏀 Basketball
⚾ Baseball
🏌️ Golf
🎾 Tennis
🏏 Cricket
⛸️ Ice Sports
⚽ Football
🏒 Hockey
🤾 Handball
🏎️ Motor Sports
🏐 Volleyball
🥍 Lacrosse
🎿 Snow Sports
🏄 Water Sports
🏃 Track & Field
🚴 Bike & Cycling
🥊 Combat Sports
🤸 Gymnastics
🪂 Extreme Sports
🎮 E-sports
Etc
Choose Your Interests – Sports
Welcome to community
To get started, tell us what you’re interested in so we can show you content you’ll love.
Choose 3 topics
Fitness
🏋️ Weight Training
🧘 Yoga
🤸️ Pilates
💃 Pole Dance
🏃♀ Running
🏔️ Hiking
🌱 Mindfulness
🏕️ Camping
🎣 Fishing
🥾 Mountaineering
🧗 Climbing
Choose Your Interests – Fitness
FINAL EXPERIENCE
Community Onboarding
We used the community onboarding page to capture user interests, enabling interest-based justification taglines and more relevant post recommendations. Rather than front-loading onboarding, we allowed users to configure community features later when they were ready to be socially connected.
Onboarding Flow
Welcome to community
To get started, tell us what you’re interested in so we can show you content you’ll love.
Choose 3 topics
Sports
🏸 Badminton
🏇 Polo
🎱 Billiards
🏓 Table Tennis
🏉 Rugby
🎳 Bowling
🏀 Basketball
⚾ Baseball
🏌️ Golf
🎾 Tennis
🏏 Cricket
⛸️ Ice Sports
⚽ Football
🏒 Hockey
🤾 Handball
🏎️ Motor Sports
🏐 Volleyball
🥍 Lacrosse
🎿 Snow Sports
🏄 Water Sports
🏃 Track & Field
🚴 Bike & Cycling
🥊 Combat Sports
🤸 Gymnastics
🪂 Extreme Sports
🎮 E-sports
Etc
Choose Your Interests – Sports
Welcome to community
To get started, tell us what you’re interested in so we can show you content you’ll love.
Choose 3 topics
Fitness
🏋️ Weight Training
🧘 Yoga
🤸️ Pilates
💃 Pole Dance
🏃♀ Running
🏔️ Hiking
🌱 Mindfulness
🏕️ Camping
🎣 Fishing
🥾 Mountaineering
🧗 Climbing
Choose Your Interests – Fitness
APPROACH 2 — JUSTIFICATION
Add justification taglines to prompt users to engage with community posts
APPROACH 2 — JUSTIFICATION
Add justification taglines to prompt users to engage with community posts
APPROACH 2 — JUSTIFICATION
Add justification taglines to prompt users to engage with community posts
APPROACH 2 — JUSTIFICATION
Add justification taglines to prompt users to engage with community posts
APPROACH 2 — JUSTIFICATION
Add justification taglines to prompt users to engage with community posts
APPROACH 2 — JUSTIFICATION
Add justification taglines to prompt users to engage with community posts
APPROACH 2 — JUSTIFICATION
Add justification taglines to prompt users to engage with community posts
VISUAL DIRECTION — JUSTIFICATION
VISUAL DIRECTION — JUSTIFICATION
VISUAL DIRECTION — JUSTIFICATION
VISUAL DIRECTION — JUSTIFICATION
Users made decisions about whether to view content based on reactions from other users they relate to.
Users made decisions about whether to view content based on reactions from other users they relate to.
Users made decisions about whether to view content based on reactions from other users they relate to.
Users made decisions about whether to view content based on reactions from other users they relate to.
6 of 7 participants said that seeing other users’ comments on the post thumbnail influenced their engagement
6 of 7 participants said that seeing other users’ comments on the post thumbnail influenced their engagement
6 of 7 participants said that seeing other users’ comments on the post thumbnail influenced their engagement
6 of 7 participants said that seeing other users’ comments on the post thumbnail influenced their engagement
5 of 7 participants were more likely to engage with community posts that included personalized justifications than with posts that did not
5 of 7 participants were more likely to engage with community posts that included personalized justifications than with posts that did not
5 of 7 participants were more likely to engage with community posts that included personalized justifications than with posts that did not
5 of 7 participants were more likely to engage with community posts that included personalized justifications than with posts that did not
Two Types of Justification Tagline
Two Types of Justification Tagline
Two Types of Justification Tagline
Two Types of Justification Tagline
I categorized justification taglines into two types: comment-based and interest-based, based on the source of the personalization.
I categorized justification taglines into two types: comment-based and interest-based, based on the source of the personalization.
I categorized justification taglines into two types: comment-based and interest-based, based on the source of the personalization.
I categorized justification taglines into two types: comment-based and interest-based, based on the source of the personalization.
Comment-based justification is based on a comment left by other users on the post
Comment-based justification is based on a comment left by other users on the post
Comment-based justification is based on a comment left by other users on the post
Comment-based justification is based on a comment left by other users on the post
Interest-based justification is based on the categories users chose during community onboarding
Interest-based justification is based on the categories users chose during community onboarding
Interest-based justification is based on the categories users chose during community onboarding
Interest-based justification is based on the categories users chose during community onboarding
Comment Based
Comment Based
Comment Based
Comment Based
Interest Based
Interest Based
Interest Based
Interest Based
Before finalizing the design, I restructured the post layout and added user profile images on the justification tagline to make posts more glanceable.
Before finalizing the design, I restructured the post layout and added user profile images on the justification tagline to make posts more glanceable.
Before finalizing the design, I restructured the post layout and added user profile images on the justification tagline to make posts more glanceable.
Before finalizing the design, I restructured the post layout and added user profile images on the justification tagline to make posts more glanceable.
ITERATIONS — JUSTIFICATION
ITERATIONS — JUSTIFICATION
ITERATIONS — JUSTIFICATION
ITERATIONS — JUSTIFICATION
I placed the justification at the bottom of the post so users could first focus on the content and then reflect on why it was relevant to them, which helped prompt engagement at the decision point.
I placed the justification at the bottom of the post so users could first focus on the content and then reflect on why it was relevant to them, which helped prompt engagement at the decision point.
I placed the justification at the bottom of the post so users could first focus on the content and then reflect on why it was relevant to them, which helped prompt engagement at the decision point.
I placed the justification at the bottom of the post so users could first focus on the content and then reflect on why it was relevant to them, which helped prompt engagement at the decision point.
Before
Before
Before
Before
After
After
After
After
Changed the Justification Tagline Background Color
I replaced the #FFFFFF background with a #EFF6FF–#FAF5FF gradient to visually distinguish the justification tagline from other post elements and improve scannability.
Before
After
Changed the Justification Tagline Background Color
I replaced the #FFFFFF background with a #EFF6FF–#FAF5FF gradient to visually distinguish the justification tagline from other post elements and improve scannability.
Before
After
Changed the Justification Tagline Background Color
I replaced the #FFFFFF background with a #EFF6FF–#FAF5FF gradient to visually distinguish the justification tagline from other post elements and improve scannability.
Before
After
Changed the Justification Tagline Background Color
I replaced the #FFFFFF background with a #EFF6FF–#FAF5FF gradient to visually distinguish the justification tagline from other post elements and improve scannability.
Before
After
Added Icon to the Interest-Based Justification
I added a left-aligned icon to the justification tagline to give users a quicker sense of how the content relates to them.
Added a User Profile Image to the Comment-Based Justification
I added user profile images to the left of justification taglines to increase credibility and make them more glanceable.
Before
Shyla
•
1m ago
Fitness
M
T
W
T
F
S
S
08:00
🏋️
Chest Workout
“I tried this and it really worked! I recommend it”
After
Added Icon to the Interest-Based Justification
I added a left-aligned icon to the justification tagline to give users a quicker sense of how the content relates to them.
Added a User Profile Image to the Comment-Based Justification
I added user profile images to the left of justification taglines to increase credibility and make them more glanceable.
Before
Shyla
•
1m ago
Fitness
M
T
W
T
F
S
S
08:00
🏋️
Chest Workout
“I tried this and it really worked! I recommend it”
After
Added Icon to the Interest-Based Justification
I added a left-aligned icon to the justification tagline to give users a quicker sense of how the content relates to them.
Added a User Profile Image to the Comment-Based Justification
I added user profile images to the left of justification taglines to increase credibility and make them more glanceable.
Before
Shyla
•
1m ago
Fitness
M
T
W
T
F
S
S
08:00
🏋️
Chest Workout
“I tried this and it really worked! I recommend it”
After
Added Icon to the Interest-Based Justification
I added a left-aligned icon to the justification tagline to give users a quicker sense of how the content relates to them.
Added a User Profile Image to the Comment-Based Justification
I added user profile images to the left of justification taglines to increase credibility and make them more glanceable.
Before
Shyla
•
1m ago
Fitness
M
T
W
T
F
S
S
08:00
🏋️
Chest Workout
“I tried this and it really worked! I recommend it”
After
FINAL EXPERIENCE
FINAL EXPERIENCE
FINAL EXPERIENCE
FINAL EXPERIENCE
Post Card with Interest-Based Justification
Post Card with Interest-Based Justification
Post Card with Interest-Based Justification
Post Card with Interest-Based Justification
The postcard with interest-based justification features personalized justification taglines based on the interests users selected during community onboarding.
The postcard with interest-based justification features personalized justification taglines based on the interests users selected during community onboarding.
The postcard with interest-based justification features personalized justification taglines based on the interests users selected during community onboarding.
The postcard with interest-based justification features personalized justification taglines based on the interests users selected during community onboarding.
Post Card with Interest-Based Justification
Post Card with Interest-Based Justification
Post Card with Interest-Based Justification
Post Card with Interest-Based Justification
The postcard with comment-based justification displays user comments alongside profile information.
The postcard with comment-based justification displays user comments alongside profile information.
The postcard with comment-based justification displays user comments alongside profile information.
The postcard with comment-based justification displays user comments alongside profile information.
DESIGN SYSTEMS
DESIGN SYSTEMS
DESIGN SYSTEMS
DESIGN SYSTEMS
While working on the design, I focused on establishing a comprehensive design systems to ensure consistency across the product and support developer-friendly implementation.
While working on the design, I focused on establishing a comprehensive design systems to ensure consistency across the product and support developer-friendly implementation.
While working on the design, I focused on establishing a comprehensive design systems to ensure consistency across the product and support developer-friendly implementation.
While working on the design, I focused on establishing a comprehensive design systems to ensure consistency across the product and support developer-friendly implementation.
Accessibility
Accessibility
Accessibility
Accessibility
I ensured elements of accessibility a11y throughout the design
I ensured elements of accessibility a11y throughout the design
I ensured elements of accessibility a11y throughout the design
I ensured elements of accessibility a11y throughout the design
Button Size
Color Contrast
Button Size
Color Contrast
Button Size
Color Contrast
Button Size
Color Contrast
Button size: At least 40px
Button size: At least 40px
Button size: At least 40px
Button size: At least 40px
Sports
Sports
Sports
Sports
Fitness
Fitness
Fitness
Fitness
text
text
text
text
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Color Contrast: At least 4.5:1
Color Contrast: At least 4.5:1
Color Contrast: At least 4.5:1
Color Contrast: At least 4.5:1
#0054FF
#0054FF
#0054FF
#0054FF
#4A70FF
#4A70FF
#4A70FF
#4A70FF
#0054FF
#0054FF
#0054FF
#0054FF
#4E3EF7
#4E3EF7
#4E3EF7
#4E3EF7
#E8F6FF
#E8F6FF
#E8F6FF
#E8F6FF
#F1F1F1
#F1F1F1
#F1F1F1
#F1F1F1
#2B7FFF
#2B7FFF
#2B7FFF
#2B7FFF
#1D1B15
#1D1B15
#1D1B15
#1D1B15
#F5F5F5
#F5F5F5
#F5F5F5
#F5F5F5
ACCESSIBILITY
ACCESSIBILITY
ACCESSIBILITY
ACCESSIBILITY
SHIPPING
Shipping Out the Final Design
At the moment when I was working as an intern, our team was in the pre-launch stage. We are testing the product on TestFlight and making minor updates, including refinements to the logo and the community page UI. We are planning to release our updated version soon on the App Store.
(Click the section!)
SHIPPING
Shipping Out the Final Design
At the moment when I was working as an intern, our team was in the pre-launch stage. We are testing the product on TestFlight and making minor updates, including refinements to the logo and the community page UI. We are planning to release our updated version soon on the App Store.
(Click the section!)
SHIPPING
Shipping Out the Final Design
At the moment when I was working as an intern, our team was in the pre-launch stage. We are testing the product on TestFlight and making minor updates, including refinements to the logo and the community page UI. We are planning to release our updated version soon on the App Store.
(Click the section!)
SHIPPING
Shipping Out the Final Design
At the moment when I was working as an intern, our team was in the pre-launch stage. We are testing the product on TestFlight and making minor updates, including refinements to the logo and the community page UI. We are planning to release our updated version soon on the App Store. (Click the section!)
REFLECTION
REFLECTION
REFLECTION
REFLECTION
Looking Back…
Looking Back…
Looking Back…
Looking Back…
Working on ROL taught me how to approach early-stage product design in a startup environment where resources are limited. By connecting onboarding with personalized routines and community engagement, I learned how a user-centered perspective can reinforce motivation and drive repeated use. Also, the fast-paced startup environment pushed me to iterate quickly, rather than wait for perfect solutions. Through close collaboration with developers and PM, I also learned how a design system can reduce rework and enable more effective, consistent designs.
Working on ROL taught me how to approach early-stage product design in a startup environment where resources are limited. By connecting onboarding with personalized routines and community engagement, I learned how a user-centered perspective can reinforce motivation and drive repeated use. Also, the fast-paced startup environment pushed me to iterate quickly, rather than wait for perfect solutions. Through close collaboration with developers and PM, I also learned how a design system can reduce rework and enable more effective, consistent designs.
Working on ROL taught me how to approach early-stage product design in a startup environment where resources are limited. By connecting onboarding with personalized routines and community engagement, I learned how a user-centered perspective can reinforce motivation and drive repeated use. Also, the fast-paced startup environment pushed me to iterate quickly, rather than wait for perfect solutions. Through close collaboration with developers and PM, I also learned how a design system can reduce rework and enable more effective, consistent designs.
Working on ROL taught me how to approach early-stage product design in a startup environment where resources are limited. By connecting onboarding with personalized routines and community engagement, I learned how a user-centered perspective can reinforce motivation and drive repeated use. Also, the fast-paced startup environment pushed me to iterate quickly, rather than wait for perfect solutions. Through close collaboration with developers and PM, I also learned how a design system can reduce rework and enable more effective, consistent designs.
.thank you for reading
.thank you for reading
.thank you for reading
.thank you for reading
