Helloclue.com is an important resource for female health information for women around the world.

It has more than 3.5 million users each month and accompanies the Clue menstrual cycle tracking app.

Client

Clue
(while employed at Clue)

Role

Lead Product Designer

Platforms

Web

Time period

2018-2019

During the two years that I worked at Clue, I touched every part of the website. Instead of listing all these, I want to highlight one of the parts that was the most fun to work on: Implementing scroll animation to add a strong visual information component that creates a fun, interactive experience.

I might still write a detailed case study about this but in the meanwhile, have a look at the short story!

Step 1

In order to get the tech of scroll interaction work on both the engineering and design side, I worked on this fun piece together with a frontend developer. This was planned to be the proof of concept for more complex projects on the roadmap.

The goal in this project was to simulate the motion of each vibrator by scrolling through the page.

Click to see the live article.

Noticed a difference between typefaces and layout between the two pages? Eagle eye! That's because a brand refresh happened in between.

Step 2

The project above worked out well and was a great success, so we decided to take scroll interaction to the next level and use it for the Clue app showcase page.

As you scroll down the page, an animation takes you through the main parts of the app and highlights its features.

Click to see the live page.

You made it to down here! Might as well say hi :)
hello@susivetter.com

Copyright © 2020 Susi Vetter