HomeInspirationCoverage Customization

Published on Dribbble / ui | Cole Perkins Coverage Customization

The ability to test out ideas in realistic situations is essential to what we do at Metalab. It allows us to explore how a users will interact with the products we design and how we can improve and iterate upon them.

We wanted to provide a way for a user to explore various pricing options while also having the ability to pinpoint amounts easily.

This interaction built with Framer, allowed us to demonstrate and test how the each scroll bar effects the text field it is attached to and how the change also effects the total price.

Close Drawer

Prototyping

Inspired by Material Design & FORM