Riff Raff AI Collab - Branding + Framer Design and Development

Dan Lee

Frontend Engineer
Framer Developer
Framer Designer
Figma
Framer
Riff Raff

Partnering with Riff Raff to design and build their website in Framer

Role: Lead Designer Tools: Figma, Framer Link: Riff Raff

Introduction

Riff Raff is a Slack App designed to make AI document creation super easy and collaborative. Directly from Slack you can chat with the Riff Raff app and spin up new documents with your Marketing and Sales teams.

Project Objective

The objective was to transform the landing design in Framer with new messaging and a flow that directed new users to sign up to a waitlist. Partnering with the Riff Raff team I began drawing together a cohesive typography system and color palette that would better reflect the creative and collaborative energy they were seeking.

The Riff Raff App

As well as designing and building the landing page in Framer we curated the content for the app's various use cases helping to tell a story centred around a new energy drink focused on female athletes.
Riff Raff in action in Slack
Riff Raff in action in Slack

Simple Storytelling with Animation in Framer

To help tell communicate the benefits of Riff Raff we landed on a scrolling text animation that would highlight the App's impact with icons that move in as you scroll down the page.
Story Telling with Animation in Framer
Partner With Dan
View Services

More Projects by Dan