Designloop
Designloop is a new feedback platform that serves the design community. This new platform needs to establish and maintain a sense of trust in the domain expertise of its users.
SCOPE:
Onboarding & User Identity
GOAL:
Establish User Trust
DATE:
March 2025
The Problem
Users need to trust who they're getting feedback from
The Solution
DESIGN LOOP ID
The Solution
Users complete essential profile creation tasks through a single-screen experience. A typically tedious task reframed as a creative exercise to reduce friction and encourage completion. Onboarding tasks are completed using a transforming modal that edits their badge in real time.
DESIGN LOOP ID
The badge is used consistently throughout the platform as each user’s identity card, helping to build trust in this new community.
Design Process
Balancing reliability with novelty
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.