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.
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.
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.
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.