Case StudiesServicesAbout UsBlog

Contact Us

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.
Accept
Our WorkServicesAbout UsBlog

Contact Us

Pott Farms

Friction Studio was approached by Pott Farms, an ethical, kind, and restorative CBD brand to redesign and develop its website.

The Challenges

Pott Farms is a company that produces and sells CBD products that are ethical, kind, and restorative. However, their website was outdated and did not effectively communicate the company's message.

1

Outdated Design: Pott Farms' website had an outdated design that did not reflect the company's brand identity or values. The website lacked modern design elements, making it difficult for the company to compete with other CBD brands that had updated and contemporary websites.

2

Poor Messaging: The website did not effectively communicate Pott Farms' message of ethical, kind, and restorative CBD products. The messaging was confusing, and customers were not clear on the benefits of the products or the company's mission.

3

Navigation Issues: The website had navigation issues, making it difficult for customers to find what they were looking for. The navigation menu was cluttered, and the website lacked clear calls to action.

4

Not Mobile-Friendly: The website was not mobile-friendly, which was a significant disadvantage as more and more people are using mobile devices to place an order.

The Solution

To address these issues, a web design case study was undertaken to revamp the company's website and improve its messaging. The updated website effectively communicated the company's message of ethical, kind, and restorative CBD products and provided customers with an easy-to-use and engaging online shopping experience.

How we manage the project?

A Complete user research followed by persona-based journeys to arrive at a design that’s intuitive yet simple.

UX Design

UI Design

Interactive

Development

Logo Construction

Packaging Design

Simplified Navigation

The website's navigation was simplified, and clear calls to action were added. The navigation menu was streamlined, making it easier for customers to find the products they were looking for.

Our first task was to give a makeover to Sleepiest's logotype and corporate identity.

Our first task was to give a makeover to Sleepiest's logotype and corporate identity.

The illustration style went through severalphases and multiple iterations.

Colors & Typography

Color

Primary Colors

#F26D22

#8866C5

Supporting color

#FFBBD8

#EEB746

Iconography

Clear Messaging

The website was updated with clear messaging that communicated the company's mission and the benefits of their products. The messaging was presented in a way that was easy to understand and was consistent with the company's brand identity and values.

Extra attention to detail development

Our team really got into the application's mood. We weremotivated to focus on every little detail including icon animation,to really enhance the user interaction.

Brand Guideline oriented UI Design

Finally, after defining a clear brand guideline, our team adapted thesite's design as per the guidelines. This helped the brand communicate their brand's vision and offering more effectively.

Extra attention to detail development

Our team really got into the application's mood. We weremotivated to focus on every little detail including icon animation,to really enhance the user interaction.

Every element made with love

Brand Guideline oriented UI Design

Finally, after defining a clear brand guideline, our team adapted thesite's design as per the guidelines. This helped the brand communicate their brand's vision and offering more effectively.

5+

Screens

Modern Design Elements

The website was redesigned to incorporate modern design elements that reflected the company's brand identity and values. The new design included updated typography, color scheme, and graphics that were consistent with the company's branding.

Extra attention to detail development

Our team really got into the application's mood. We weremotivated to focus on every little detail including icon animation,to really enhance the user interaction.

Brand Guideline oriented UI Design

Finally, after defining a clear brand guideline, our team adapted thesite's design as per the guidelines. This helped the brand communicate their brand's vision and offering more effectively.

Extra attention to detail development

Our team really got into the application's mood. We weremotivated to focus on every little detail including icon animation,to really enhance the user interaction.

Every element made with love

Brand Guideline oriented UI Design

Finally, after defining a clear brand guideline, our team adapted thesite's design as per the guidelines. This helped the brand communicate their brand's vision and offering more effectively.

5+

Screens

Design Consistency

The website's design was standardized and made more consistent, ensuring that all design elements were aligned with the brand's messaging and aesthetic.

Extra attention to detail development

Our team really got into the application's mood. We weremotivated to focus on every little detail including icon animation,to really enhance the user interaction.

Brand Guideline oriented UI Design

Finally, after defining a clear brand guideline, our team adapted thesite's design as per the guidelines. This helped the brand communicate their brand's vision and offering more effectively.

Extra attention to detail development

Our team really got into the application's mood. We weremotivated to focus on every little detail including icon animation,to really enhance the user interaction.

Every element made with love

Brand Guideline oriented UI Design

Finally, after defining a clear brand guideline, our team adapted thesite's design as per the guidelines. This helped the brand communicate their brand's vision and offering more effectively.

5+

Screens

Full Responsive

The website was optimized for mobile devices to ensure that users could easily access the site from their smartphones or tablets. The website was made responsive, with a design that automatically adjusts to different screen sizes and orientations

Results

Post the launch of their new website, our client witnessed a rise in engagement and traffic on its product pages.

58%

Increase in Online Store Sales

40%

Reduction in Bounce Rate

62%

Increase in Conversion Rate

Ready to reinvent your Shopify store design?

Friction Studio has helped hundreds of small eCommerce businesses over the years, to develop custom websites, create stunning brand designs, analyze engagement behavior, and offer a complete website makeover that takes businesses to the next level of success. Connect with us to book a session today!

Let's Talk!

See more of our works

Branding and Web Design for Pet Accessories Brand

Mya&Friends is a dog accessories brand looking for complete branding and Shopify website design.

Shopify store for the comfiest hoodie brand

The Roo approached Friction Studio to help them establish a strong online presence to stand out in a competitive market.

Shopify store for a Party Event brand

Friction Studio was approached by Partyholics, a brand for party and entertainment products, to redesign its website.

Shopify store for a CBD brand

VRB Labs was looking to upgrade its website to rebrand itself, add enhanced functionality, and improve user experience.

Shopify store for a CBD brand

Potter Hemp was looking for a rebranding and redesigning of their product labels and Shopify store.

Custom Storefront for supplements brand

Orphic Nutrition wanted a user-experience-oriented Shopify store that converts. They had a basic idea of what they wanted to look like, however, they lacked clarity.