Nooflow’s E-Commerce Site Informs Users With A Creative Yet Simple Portal & Strong UX Design
The Nooflow website aims to boost brain power and ease the mind. And to get the cogs in users’ heads turning, the designers behind its creation went with a dynamic and creative layout to lead users on an interactive and serene journey.
There's only one product — one bottle of brain-enhancing vitamins — so the entire website is dedicated to showing these products off. Images of the bottles and boxes take up the main imagery, with different versions sliding in and out as you watch.
Scrolling down, you’re lead on a journey about the product, with each section shaded in a slightly different color, including creative icons and interesting parallax scrolling to add more depth to the site and additional intrigue.
And as you make your way down the homepage, you’re met with exciting and innovative movement — both with images and text — that encourages you to read and unearth the beauty behind these tiny little capsules.
Users can learn what goes into these products, why they were made and who uses them. This information is neatly organized on the web page. The most important information is seen in bold, charcoal sans-serif font. Subsequent details are listed in increasing the smaller font, allowing visitors to focus on the most important details and empowering them to learn more only if they wish, or keep navigating deeper into the website.
When you’re ready to learn more, a helpful menu bar to the right of the screen is available to enlighten further. This semi-transparent grey bar slides across the screen with clear, clean menu options to choose from. Need help? Click a small icon in the bottom right corner to access an easy-to-use chatbot that connects you to customer service immediately, fostering a customer-centric vibe immediately.
The additional landing pages follow the same theme and orientation. There’s that same grey, pink and white layering with text and imagery. This creative depth is consistent and cohesive across the entire site.
And the layout of the product page is equally stunning, putting products first.
There’s only one offering here, but the product is offered in multiple forms and multiple packs. But to show these products off, each offering gets an entire screen. Here, you see the product in its entirety, the price and a clear CTA that encourages users to the checkout page.
As you scroll down this page, the layout is the same and you are offered the option of buying amounts of different sizes.
But it’s this clear, clean and straightforward layout that eases users to the checkout page without them even really knowing it.
There’s a dynamic nature that comes from the smooth transitioning across sections and pages, as well as a cleanliness and modernity with the use of creative design elements like movement and color. But overall, this colorful and sophisticated interface puts these products first in a spectacular way.