RoundGlass Living Home Page

RoundGlass Living was part of an initiative to restructure the way that users interact with the RoundGlass interface. Instead of being sent to the individual departments like Meditation, Healthy Eating, or Fitness, RoundGlass Living brings related content from all departments together. I designed this page to educate users about the new service.

To create more visual interest, I created an animated background for the hero image in Photoshop. To make the page more dynamic I incorporated elements that use parallax scrolling.

This video that I created in After Effects shows all of the animations I planned for the page. You can view the static desktop design here.

I found all of the images online and edited them to work better on the page. One of the images I wanted to use showed the model in a pink outfit with a pink background. I liked the highly saturated image, but wanted it to be more aligned with our brand. I edited the image in Photoshop to replace the pink with RoundGlass brand orange.

I also created responsive designs for mobile and tablet.

You can view the mobile version here and the tablet version here.