TEAM:
1 Engineer + 3 Designers
STATUS:
Shipping Soon
DATE:
2025
ROLE
Led end-to-end design for onboarding and user identity. Worked with design and engineering leads to align the product, ensure feasibility and maintain quality.
Users need to know they’re receiving trustworthy feedback. How can the platform collect credibility-driven data and use it to build user confidence?
Designloop ID, a badge used throughout the platform to validate expertise and establish credibility. So users can request feedback with confidence.
Design Process
We started from a traditional flow
We started with a standard multi-screen onboarding flow. But it felt too typical, especially for the design community. Inspired by employee IDs and conference badges, we combined onboarding with user identity. That’s how the badge came into play.
The concept blended familiarity and novelty, but it still felt slow. We wanted users to start sharing work, not get trapped in a task-heavy process. We reframed the problem: onboarding shouldn’t feel like a chore. It should reflect the platform’s values and onboard users in a compelling way. So we started over. We pushed the badge concept further and explored multiple iterations focused on making the experience fast, simple, and fun.
NOVELTY AT THE EXPENSE OF FUNCTIONALITY
One version let users fill out the badge directly. It felt dynamic but didn’t survive stress testing due to complicated UX factors and poor accessibility compliance that would compromise the badge’s visual integrity.
The badge is used consistently throughout the platform as each user’s identity card, helping to build trust in this new community.
NOVELTY AT THE EXPENSE OF FUNCTIONALITY
One version let users fill out the badge directly. It felt dynamic but didn’t survive stress testing due to complicated UX factors and poor accessibility compliance that would compromise the badge’s visual integrity.
DESIGN LOOP ID
The concept blended familiarity and novelty, but it still felt slow. We wanted users to start sharing work, not get trapped in a task-heavy process.
We reframed the problem: onboarding shouldn’t feel like a chore. It should reflect the platform’s values and onboard users in a compelling way. So we started over.
We pushed the badge concept further and explored multiple iterations focused on making the experience fast, simple, and fun.
DESIGN LOOP ID
One version let users fill out the badge directly. It felt dynamic but didn’t survive stress testing due to complicated UX factors and poor accessibility compliance that would compromise the badge’s visual integrity.
DESIGN LOOP ID
We landed on a single-screen concept centered on a blank ID card and badge editor. It put user identity and credibility front and center while shifting data input to a dedicated component.
DESIGN LOOP ID
Next, we had to finalize the badge editor. Early ideas for a side panel or interactive popovers felt over-designed. A focused modal worked better and was simpler to build.
DESIGN LOOP ID
The last step was figuring out how the badge would be displayed throughout the platform experience. We designed three display states: hover, expanded, and full.
DESIGN LOOP ID
Hover breakpoint was dropped to simplify the path to the full profile view. What remained struck the right balance: easy access without drawing undue attention to itself.
From anywhere in the product, users can view someone’s badge, a quick and consistent signal of credibility that reinforces trust across the platform.
