Build a reusable system
Created design-system patterns and components that carried the new brand through the profile feature.
Case study / 02
abillion
Profile Revamp
Translating a new brand system into a clearer profile experience.
RoleSole UX DesignerDuration2 sprints · 2–4 weeksToolsFigma · UXArmy
I led the UX design for abillion’s profile revamp, applying a new visual brand system across the profile experience for people creating and exploring vegan reviews.
A profile is not one screen—it is a system of states, paths, and expectations.
I designed the end-to-end feature: personal profiles, personal empty states, other-user profiles, empty other-user profiles, creation, error, and offline states, plus settings and collections. I worked directly with stakeholders to align on concepts and deliver a build-ready direction.
Make intent visible
Used flows, wireframes, and prototypes to clarify content hierarchy, completion cues, and next actions.
Prepare for production
Delivered production-ready specifications so the feature could move from stakeholder approval to implementation.
Validation
Testing the hierarchy with real people.
Before launch, I ran moderated remote testing in UXArmy with four participants across eight tasks. Participants could find collections and settings, while the sessions revealed ambiguity around donation progress, following versus followers, and some icon meanings to address before release.
04Participants
08Tasks tested
02Sprint cycles
Test the redesigned profile with people who could speak to its clarity.
I ran moderated remote usability testing in UXArmy with four participants. Across eight tasks, participants explored the profile, collections, settings, donation progress, and social information. The goal was to check whether they could orient themselves quickly and understand what each element enabled them to do.
Core destinations were easy to find
Participants could locate collections and settings, supporting the information hierarchy and navigation direction.
Progress needed a clearer explanation
The donation-progress module created questions about what the visual status meant and what action, if any, was expected next.
Social labels needed more precision
Following versus followers and several icon meanings were not immediately clear, highlighting places where labels and supporting cues could do more work.
The profile revamp launched in the app, giving users a clearer way to understand profile content, collections, settings, and the actions available to them.