Oral hygiene innovation

Brief

Dedicated click-through landing pages for Everloop marketing campaigns, helping capture leads and present targeted messages to the specific audience.

Project type

UI/UX Web Design
Webflow Development

Year

2020

See live

everloop

everloop toothbrush animation
About “Everloop”

New era of dental care

Everloop was born after trying to find a solution for the toothbrush disposal epidemic and analyzing the different sustainable options in the market. The innovation is based on how the bristles exchange and dispose of. The head of the toothbrush has a clipping mechanism that lets the user open and close in order to replace new sets of bristles.

Determining goals

Environment-friendly mission

Everloop is the first eco-friendly toothbrush that is 100% recycle and environmentally friendly. Each year, around 50 million pounds of plastic toothbrushes end up in landfill sites, taking as long as 1,000 years to decompose. Everloop helps recycle existing plastic waste to reduce the motive for more plastic production.

mobile responsive UI UX Website Design landing page everloop mockup
Project scope

Promoting Everloop, focused on creating more leads

Designing product landing page as a virtual elevator pitch to promote and sell Everloop. Focused on everything a visitor needs to know to make a purchasing decision, designing it to be more actionable than educational. Leading the audience toward purchasing Everloop, optimized for making sales immediately.

What we did

Often it is necessary to dig deeper and create not only the appearance but also the process within it. How are service and experience created? That's what design is all about.

Empathize

From analyzing the data and heat maps to create site maps, we held multiple discussions to pinpoint each problem and reimagine the intact structure.

Rethink

Using sketches and wireframes, multiple potential designs were explored to find the best solution for underlying problems and creating a better brand-centered design.

Execute

After finalizing the art direction with the client, the web interface was designed in Figma and then developed using Webflow to bring it to life.

Test

The website was launched and tested to gather data regarding performance and user flow through heat maps, analytics tools, and surveys.

everloop showcae
Design

UI/UX

From structure to typography, everything was considered making sure it aligns with the brands' goals and is helping in solving the problem and creating a better product.

Site-map
mobile responsive UI UX Website Design everloop site map
Wireframe
mobile responsive UI UX Website Design everloop wireframe
Color Palette
mobile responsive UI UX Website Design everloop color palette
Typography
mobile responsive UI UX Website Design typography
Icons
mobile responsive UI UX Website Design everloop icons
Adaptive Interface
mobile responsive UI UX Website Design everloop multi device mockup
Webflow

Development

Webflow was the tool of choice to execute the development process in the most seamless way possible, considering the ease of management and need of the project.

mobile responsive UI UX Website Design everloop webflow development mockup
Setting-up

Integrations

The website was integrated with third-party tools and products to add enhanced features, gather user data, and process it to provide the best experience possible, all without compromising product functionality.

mobile responsive UI UX Website Design everloop
mobile responsive UI UX Website Design everloop
mobile responsive UI UX Website Design everloop
mobile responsive UI UX Website Design everloop
mobile responsive UI UX Website Design everloop
mobile responsive UI UX Website Design everloop
Final product

Educational and actionable

Focused on everything a visitor needs to know landing page was designed as a virtual elevator pitch to promote and sell Everloop. Leading the audience toward exploring more about Everloop, optimized for making sales immediately.

mobile responsive UI UX Website Design everloop device mockup
Work Lab