Rippl - App Design

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

Introduction

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. We designed the product end to end, from the first wireframe to the launch event.

Introduction

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. We designed the product end to end, from the first wireframe to the launch event.

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]
No items found.
[CHALLENGES] — [THE DATA FRAGMENTATION]
No items found.
[STRATEGY] — [SIGNAL OVER NOISE]
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
.
Sookti AI
VIEW CASE STUDY