By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.
VRB Labs is a US-based performance veteran-owned brand delivering effective natural solutions for stress, sleep, and pain. The brand collaborates with a team of experienced researchers and pharmacologists to develop natural solutions for patients suffering from neurological disorders to chronic pain.
They create their own unique formula using hand-picked and verified natural ingredients which work as tactical solutions for sleep, stress, and pain and help people train, perform and recover at their best.
After discussing with VRB Labs about their expectations, we defined a scope of work that suited both their needs and could complement their in-house team's expertise as well, to move faster with the changes.
UI/UX Design & Shopify Custom Development
CBD
Redesigning & Smooth
User Experience
VRB Labs was looking to upgrade its website to rebrand itself, increase traffic, add enhanced functionality, improve user experience and generate more leads. They had created a basic website showcasing their performance products but it did not follow a set content or design structure.
The brand reached out to Friction Studio for a complete design and content overhaul. Upon a detailed analysis of their site’s user experience and technical parameters, we discovered that their current website design lacked in the following aspects:
Their homepage was lengthy and messy and it lacked a clear content structure. Due to this, the brand witnessed maximum drop offs from the homepage itself.
Uncategorized content on its product pages lead to a higher bounce rate from product pages as the pages failed to put the message forward to its visitors.
Their homepage was lengthy and messy as it did not follow a clear content structure. As a result, the brand witnessed maximum drop offs from the homepage itself.
Their homepage was lengthy and messy as it did not follow a clear content structure. As a result, the brand witnessed maximum drop offs from the homepage itself.
Their homepage was lengthy and messy as it did not follow a clear content structure. As a result, the brand witnessed maximum drop offs from the homepage itself.
Their homepage was lengthy and messy as it did not follow a clear content structure. As a result, the brand witnessed maximum drop offs from the homepage itself.
To begin with, we conducted a thorough site-wide content audit where we pinpointed the minutest of issues that were hindering the site's user experience and conversion. Our team helped the VRB Labs team understand the changes we were going to bring forward and divided them into 4 actionable items:
A Complete user research followed by persona-based journeys to arrive at a design that’s intuitive yet simple.
We worked on drawing a clear visual hierarchy to the site’s new design through a well-defined design layout and improved product display on product pages.
A clear sense of visual hierarchy is a vital part of creating an optimal user experience and guides people through the content or important actions that the brand wants the viewer to take. It defines the order in which people consume and process the information on a page.
Visual hierarchy in brand UI designs reinforces brand awareness, creates an emotional connection with customers, and builds trust and loyalty with the brand.
Screens
After defining the Information Architecture, we createda color palette and Typeface that resonated with the branding of Flashhouse.
Typography
Primary Font
Color
Primary Colors
#D7D0BC
#38A283
Secondary Font
Supporting color
#E59275
#8F905E
#D3E1DF
After defining the Information Architecture, we createda color palette and Typeface that resonated with the branding of Flashhouse.
We rewrote and categorized the content on product pages so that visitors can quickly discover various categories of products when they land on the site. This also helped visitors discover new categories when they land on a product page and do not find what they’re looking for.
A well-categorized product page not only improves the SEO score of the site, increases discoverability, but also eases a visitor’s journey on your site by helping them discover their preferred products quickly.
For VRB Labs, we created a brand new structural design backed up with our user research and experience.
A well-thought-out website structure makes your website more user-friendly by making it easy for users to find what they are looking for. Moreover, it helps visitors build trust with your brand as they are able to reach out to all aspects of your brand by getting a quick overview of what it’s about.
.png)
Finally, after defining a clear brand guideline, our team adapted the site’s design as per the guidelines. This helped the brand communicate their brand’s vision and offering more effectively.
Establishing Brand guidelines helps to ensure brand consistency by creating a more cohesive and consistent design and influencing the overall user experience for a visitor. Moreover, it creates an emotional connection and trust with the visitor, making it more likely for them to engage further with the brand in the future.
.png)
.png)
Screens
After defining the Information Architecture, we created a color palette and Typeface that resonated with the branding of Flashhouse.
Post the launch of their new website, VRB Labs witnessed a rise in engagement and traffic on its product pages.
Increase in Online Store Sales
Reduction in Bounce Rate
Increase in Conversion Rate
.png)