Most of the longer, information driven pages on the site utilize scrolling animations to help give a visual of what the user is reading.
Well Organized Content
Important content is easily accessible. For example, the FAQ page can be filtered by category and searched by keyword to narrow results. The questions will also expand to bring focus to their answers.
It’s kind of a must nowadays, right?
Device vectors made by Macrovector
Pages on the site always provided a challenge due to, often times, the accompanying amount of information. The landing pages, in particular, had quite a bit of content that expanded the page quite a bit. We had to create well structured and new ways to prevent users from becoming bored with the amount of information, but also keep everything relevant to the topic. The designers would do a fantastic job of creating these pages, and it was my job to implement their creative ways.
Trial and error, along with many reviews, improved the pages as we moved along. There were certain areas that we would think “How can we make this more prominent?”, and would have to brainstorm the possibilities. Simple things, such as an enlarging animation when coming into the viewport, were used to draw attention to details. In particular the sustainability page, we used creative means to visualize the impact of the product.
Check it out
It’s a lot cooler to experience it yourself