Snapsize
Freelance Product Designer
2023
-
2024
Snapsize is a virtual dressing room tool that allows shoppers to compare the size of a product with an item they already own and trust will fit.
I redesigned the app from the ground up, introducing new features, improving usability, and refining its visual identity to strengthen branding and marketing.
I also created promotional videos for Instagram in both French and English to showcase key features and maximize engagement.
Tools used
Concepts App
Figjam
Figma
Framer
Rive
LumaFusion
skills
UI/UX design
branding
Graphic design
problem solving
Design thinking
Animation
Video creation
Collaboration
Multilingual
Label
XS
S
M
L
XL
Size
Extra small
Small
Medium
Large
Extra Large
US
2
4
6
8
10
UK
6
8
10
12
14
EU
32
34
36
38
49
Bust
(cm/in)
86/34
91/36
96/38
101/40
106/42
Shoulder
(cm/in)
41/16
43/17
46/18
48/19
51/20
Sleeve
(cm/in)
20/8
20/8
21/8.5
21/8.5
22/9
Lenght
(cm/in)
66/26
68/27
70/28
72/28.5
74/29
Highlights
Led the redesign of app and website, collaborating with the founding team and App & Flow to enhance usability, branding, and market presence.
After redesign of the app, which led to increased usage, and user retention, Snapsize contracted me again to redesign their website and create promotional materials.
300% growth MoM
Source: App & Flow
My User Experience (UX) Design Process
Understand current app design and user flow
Brainstorming to uncover the right solution
Handoff design to the App & Flow team
Talk to founders and understand their goals
High fidelity prototype to validate idea and generate user feedback
Get feedback from founders and refine features based on usage
UX Audit
When I started working with Snapsize, the team an MVP that they felt was in need of UX revamp.
After auditing the app, and going through the onboarding flow, it was very clear to me that the main blocker to a successful user experience was a better flow especially given how novel the app idea was.
Client interview
Instead of talking to end users directly, I spoke to co-founders who had a good idea on what they wanted to bring to market
Onboarding
When reworking onboarding the goal was to ensure that the user understand how to navigate the app with confidence the moment they jump into the app. This means doing some hand holding when user first log into the app to show them the important actions they can take.
Pain points we were trying to address
First time users are not familiar with how to use Snapsize and where to go once in the app.
Adding garments to wardrobe
Adding garments to the wardrobe has been simplified and made more intuitive through more clear controls and overlay of guiding instructions. One common complain that the team got before was that users were not aware prior to getting started that they needed a debit card for measurement purpose which has now been fixed by the redesign.
Pain points we were trying to address
User doesn't know that they need to have a debit/credit card on end when adding garment into their wardrobe.
Drag controls were not clear.
Not enough feedback from to let the user know if they are doing the right thing.
Comparing garments
Designing the compare feature required accommodating various scenarios. After exploration, we found that overlay and width vs. height comparisons provided the clearest visualization of potential fit.
Pain points we were trying to address
Comparing garment fit digitally is challenging due to scale differences—two items can share the same height but have different widths, and vice versa.
Overview
Custom website
Following the success of the app rebranding, which boosted adoption and retention, Snapsize entrusted me with redesigning their landing page as well.
The goal was to align the website with the new branding while keeping it minimalistic. We designed a streamlined landing page with just three sections—introducing Snapsize, highlighting the problem it solves, and providing a direct path to download the app from both the App Store and Google Play.
I designed the landing page in Figma and built it using Framer, a low code tool similar to Webflow.
Tools used
Figma
Framer
Preparing for Handoff
Once designs were ready, I would usually jump on a call with Charles, who the founder of App & Flow, walk him through the design and make sure all assets are available and easy to export.
I would also create lottie for screens that required splash animation and share them them with so they could be implemented
Note
Charles was my main point of contact at App & Flow. I only communicated with him although the team had a handful of engineers.
Key takeaways
More Projects
