Rippl - App Design

Rippl - App Design

[APP DESIGN] - [PRODUCT DESIGN] - [MOTION]

Introduction

Studio Huncho designed the Rippl app end to end, from the first wireframe to the launch event, for a social shopping app built on creator recommendations. Rippl is the internet's new way to find what's next: scroll creator-led content, spot trending products, and shop instantly, all in one app. In a feed flooded with ads, Rippl is built on trusted recommendations, everything you love, in one place.

Introduction

Studio Huncho designed the Rippl app end to end, from the first wireframe to the launch event, for a social shopping app built on creator recommendations. Rippl is the internet's new way to find what's next: scroll creator-led content, spot trending products, and shop instantly, all in one app. In a feed flooded with ads, Rippl is built on trusted recommendations, everything you love, in one place.

Challenges

The hardest problem wasn't designing one app, it was designing two interconnected experiences that work together seamlessly. A shopper scrolling for what's trending and a creator running a digital storefront, inside the same product, one toggle apart. Discovery, social, curation, commerce and AI in a single scroll, analytics that give creators clarity instead of overwhelm, and a system built to scale with the product.

Challenges

The hardest problem wasn't designing one app, it was designing two interconnected experiences that work together seamlessly. A shopper scrolling for what's trending and a creator running a digital storefront, inside the same product, one toggle apart. Discovery, social, curation, commerce and AI in a single scroll, analytics that give creators clarity instead of overwhelm, and a system built to scale with the product.

Strategy

Structure first, flows and wireframes before style, then four brand directions before the identity locked: Electric Blue and Heliotrope, Open Sauce Sans with IvyPresto Display, custom icons and illustrations. Shoppers get four surfaces, Explore, Rippls, Dive and Shopping, one loop from scroll to checkout. Creators get MyRippl, a modular storefront to curate, sell and run brand deals, with Riva AI as a companion throughout. All in light and dark.

Strategy

Structure first, flows and wireframes before style, then four brand directions before the identity locked: Electric Blue and Heliotrope, Open Sauce Sans with IvyPresto Display, custom icons and illustrations. Shoppers get four surfaces, Explore, Rippls, Dive and Shopping, one loop from scroll to checkout. Creators get MyRippl, a modular storefront to curate, sell and run brand deals, with Riva AI as a companion throughout. All in light and dark.

Impact

A complete product with a personality you can feel in one scroll, energetic where the culture lives, calm where the money moves. Two connected experiences on one scalable system, carried through to dev handoff, and launched into the world as a moment of its own: The Rippl Effect, the brand on stage, on screens and in hands at its own launch event.

Impact

A complete product with a personality you can feel in one scroll, energetic where the culture lives, calm where the money moves. Two connected experiences on one scalable system, carried through to dev handoff, and launched into the world as a moment of its own: The Rippl Effect, the brand on stage, on screens and in hands at its own launch event.

[INTRODUCTION] — [THE CLARITY ENGINE]
Rippl app on a phone held over a green landscape, app design by Studio Huncho
Rippl app icon and home screen: where content meets shopping
Rippl app pitch: trusted creator recommendations in one place
Rippl app screens for Explore, Rippls, Dive and Shopping
Rippl app low-fidelity wireframes
Rippl app redesign goals: better discovery, stronger identity, scalable system
Rippl app early brand directions: bold and playful, dark and sleek
Rippl app brand directions: retro pop revival and minimal
Rippl brand personality and colour palette: Electric Blue and Heliotrope
Rippl app colour gradients
No items found.
[CHALLENGES] — [THE DATA FRAGMENTATION]
Rippl app typography: Open Sauce Sans type hierarchy
Grid of Rippl app screens
Rippl app custom icon set
Rippl app UI illustrations and promotional cards
Rippl app screens consolidating shopping and content
Rippl app light mode for shoppers and dark mode for creators
Rippl app transition into creator mode
Rippl creator hub profile screens
MyRippl creator storefront screens
Rippl app shopper and creator views, two connected experiences
Rippl app custom categories: shopping, watching, learning, travelling
No items found.
[STRATEGY] — [SIGNAL OVER NOISE]
Rippl app custom category builder flow
Rippl product design process from idea to product
Rippl app splash and onboarding screens
Rippl app creator inbox screens
Rippl creator analytics and insights screens
Riva AI personal companion screens in the Rippl app
Rippl creator mode brand visuals
The Rippl Effect launch event branding
Rippl brand typography: IvyPresto Display
No items found.
[Impact]
Two experiences
Shopper and creator, one toggle apart
MyRippl
A modular storefront for every creator
Riva AI
An AI companion with personality, not a chatbot
Idea to launch
Wireframes to dev handoff to launch event
[OUR ROLE]
  • Mobile app design end to end: flows, IA, wireframes, prototypes, dev handoff
  • Four brand direction explorations and the full in-product identity
  • Design system: colour, type, iconography, UI illustrations, light + dark modes
  • Creator experience: MyRippl storefronts, custom category builder, inbox and insights
  • Riva AI: the companion's presence, personality and touchpoints
  • Launch: brand carried into The Rippl Effect event
Next case study
.
Next case study
.
Dcluttr case study: website, Framer build, marketing design and product design by Studio Huncho
Dcluttr
VIEW CASE STUDY