Explore

Clutch’s website needed to be brought up to speed with their existing iOS and Android apps, which required a design system that would increase autonomy and provide a cohesive user experience. The new components needed to be made under three avenues; foundational app and web components, app-specific components, and web-specific components. The task was to drive users to interact with the primary user base that exists on the app.

How We Helped

  • Product design system
  • Desktop app, mobile app & tablet document
  • User testing
  • Branding
  • Prototyping for development

Outcomes

60K

Total impressions

6

Months since product re-launch

01.

Building the desktop and mobile design systems

Applying the new brand refresh to the mobile and desktop system would establish a cohesive user experience. By pinpointing shared items among the desktop and mobile experiences, an overlap between the design systems would create a foundational system from which unique branches could be built off of it. These unique branches would cater to the differences between platforms.

Sampling of Clutch's design system.
No items found.
No items found.
Clutch's Twitch streaming profile.
Clutch's Twitch streaming profile with comments.
No items found.
No items found.
No items found.

02.

Implementing the new system

We reexamined the user flows of app experiences, such as challenges, editing clips, and the user profile to see how they could be better-implemented on desktop. This included the post detail pages, in which a single post gets its own page and suggested content, which doesn’t exist on the mobile app.

User profile pages on Clutch.win.
No items found.
No items found.
Clutch.win onboarding and clip editing examples.
No items found.
No items found.
No items found.

03.

Reimagining the user experience

Clutch’s next step was to introduce a new sign up flow to better onboard new users that never interacted with Clutch before as well as a new product feature that involves microtransactions to incentivize community engagement and methods of supporting active creators.

Clutch's mobile app onboarding experience.
No items found.
No items found.
No items found.
No items found.
No items found.

Contact Us

Interested in working with us? Get an estimate or send us a message.

🖥

🔎

🤖

👾