Forme Life

Case Study

[ 01 ]

An ongoing study of animation and micro-interactions in user interfaces. How does motion carry meaning and purpose for the story of the experience?

[ 02 ]

An ongoing study of animation and micro-interactions in user interfaces. How does motion carry meaning and purpose for the story of the experience?

01

An ongoing study of animation and micro-interactions in user interfaces. How does motion carry meaning and purpose for the story of the experience?

[ 02 ]

Heading

Forme Life

Case STudy

Heading

Heading

Heading 6
Heading
This is some text inside of a div block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

An ongoing study of animation and micro-interactions in user interfaces. How does motion carry meaning and purpose for the story of the experience?

Grove

Collaborative

[ 1 ] THE CHALLENGE

Let’s promote all-natural and eco-friendly household products to create a more sustainable home.

[ 2 ] THE BASICS

A full mobile app redesign.

[ 3 ] THE DETAILS

2020

Background
Grove Collaborative is a company on a mission to create and curate the best household products for environmentally conscious consumers. Through selling their own line of products and promoting like-minded companies and their products, they seek to create a more sustainable future. They help families fill their homes with high quality household, beauty and personal care items that are kind to the planet.
[ 01 ]

A full visual refresh of their iOS app.

A Full App Refresh
I had an opportunity to partner with Grove to give their current app a much needed refresh in both design and content. We revamped every page of their app with a new design language that represented the airy and clean environment that they are known of creating. Bold titles and card layers gave the screens clearer hierarchy and more breathability. Introducing floating action buttons and sticky action buttons let us communicate all the options available to users.

An Interactive Shopping Experience

We took the new design language and incorporated it in a batch of new features. Some features like the Bundle Creator existed on the web, but needed refinement and simplification.Fun experiences like Grove Trivia helped us engage with users in a new and fun way.Even basic screens like Order Success got new animations and interactivity. These new and refreshed experiences helped elevate the Grove app to that next level.
[ 02 ]

The bundle creating flow.

[ 03 ]

Adding delightful animations throught every corner of the app.

On the App Store
The Grove Collaborative App is now live in Apple’s App Store !
[ 04 ]

The success of the Grove Co iOS app made room for us to expand to serve our Android customers as well.

Not too shabby. Keep exploring below.

// Page load at the top, https://forum.webflow.com/t/load-page-at-the-top-when-the-user-refreshes/62163/6