Myself
Web designer
Webflow developer
October - December 2024
Figma
Webflow
Raw By Robyn is a local business specializing in cold-pressed juices, smoothies, and fresh foods. Collaborating with them to redesign their website, I encountered various usability and branding issues that hindered user engagement and disconnected it from the brand's desired image. For instance, cluttered layouts, inconsistent product information, and buried deals made navigation challenging leading to missed opportunities for sales and customer engagement.
My goal was to enhance the user experience, drive engagement and sales, all while aligning with their brand identity. Throughout the redesign process, I worked closely with Robyn to address these issues and find thoughtful solutions, marking my first full Webflow site development journey.
How might we transform the website to effectively address usability and branding issues, such as unclear product information and poor promotion visibility, thus enhancing user engagement and aligning with the desired brand image?
The redesign resulted in a 1.5% increase in online sales and a significant rise in the click-through rate for memberships, ultimately doubling membership purchases. Additionally, the updated website design effectively decreased the bounce rate. The new look not only resonated with Raw By Robyn's brand identity, fostering cohesion across the brand, but also streamlined user flows and navigation pathways. As a result, the website now provides a smoother and more intuitive browsing experience, leading to enhanced user satisfaction and increased engagement.
To me this was more than updating the UI, it was a chance to showcase who the brand is, what makes them stand out and why customers will love Raw By Robyn. I made sure to understand the Raw By Robyn DNA, taking it into account every step of the way.
My process began by conducting research the brand's identity, values and target audience, laying the foundation to create a clear and consistent brand identity. I then collaborated closely with Robyn to define clear and measurable objectives for the website redesign. Next I conducted a thorough analysis of competitor websites to identify industry trends, best practices, and areas for differentiation. I identified strengths and weaknesses of competitor websites to inform the redesign strategy and ensure the new website offers a competitive advantage.
Before starting designs, I conducted an audit of the existing site to identify usability issues, technical issues and design inconsistencies. Through this process I was able to
identify and compile a list of prioritized user pain points based on severity on user experience to inform design decisions. Along with the audit I did a content review to assess the quality, relevance, and effectiveness of existing content, and identify gaps or opportunities for improvement. I was then able to develop a content strategy, ensuring consistency and alignment with the brand's messaging and objectives.
I began the design iteration process by translating research insights into design concepts, incorporating accessibility and inclusivity considerations into the design process. Working closely with Robyn, we ensured that the design addressed user pain points and aligned with the content strategy. From there, I built high fidelity mockups to visualize and refine design concepts. This collaborative approach ensured that the final design met both user needs and business objectives.
As I move into the implementation phase, I develop the website based on the finalized design prototypes, ensuring every element aligns with the brand's vision and objectives. Seamlessly integrating content and design elements, I aim to create a cohesive and engaging user experience. Prior to launch, I conduct thorough testing and quality assurance checks to guarantee optimal performance and functionality. This approach ensures that the website is not only visually appealing but also user-friendly and technically sound upon its launch.
My process began by conducting research the brand's identity, values and target audience, laying the foundation to create a clear and consistent brand identity. I then collaborated closely with Robyn to define clear and measurable objectives for the website redesign. Next I conducted a thorough analysis of competitor websites to identify industry trends, best practices, and areas for differentiation. I identified strengths and weaknesses of competitor websites to inform the redesign strategy and ensure the new website offers a competitive advantage.
Speaking with Robyn her main goal was to have her website match the aesthetic she had curated on her Instagram. She wanted to keep it minimalistic, clean and simple with pops of color while focusing on her products and promoting a healthy lifestyle.
During the competitive analysis, I assessed a wide range of competitors, from local to global stores. I found that most effectively promoted deals and memberships on their digital platforms, with clear visuals and persuasive messaging. They also excelled in highlighting the benefits of their juice products utilizing icons to guide customers. By identifying weaknesses in the local industry and leveraging insights from larger stores, I differentiated Raw By Robyn from its competitors, aiming to drive competitive advantage
Before starting designs, I conducted an audit of the existing site to identify usability issues, technical issues and design inconsistencies. Through this process I was able to identify and compile a list of prioritized user pain points based on severity on user experience to inform design decisions. Along with the audit I did a content review to assess the quality, relevance, and effectiveness of existing content, and identify gaps or opportunities for improvement. I was then able to develop a content strategy, ensuring consistency and alignment with the brand's messaging and objectives.
During the initial audit, I identified several areas for improvement. Firstly, important information such as locations and membership details were hidden under a "More" button in the navigation, leading to missed opportunities. Additionally, the setup of the smoothie package page was confusing; users had to select the quantity before viewing available packs, causing unnecessary navigation steps if the user wanted to change the quantity. Moreover, design inconsistencies were prevalent across the website; for instance, the juices page had excessive spacing and information overload before displaying products, impacting user experience negatively.
The content review brought to light a lot of inconsistencies across the website, particularly concerning product information. There was significant variation in the presentation of product details; while some products had detailed ingredient lists with explanations of their benefits, some had only the ingredients and others lacked this information entirely. Furthermore, brand messaging was found scattered throughout the pages, lacking a cohesive impact aligned with the brand's message. Additionally, the placement of these messages occasionally impeded user experience by occupying valuable real estate.
I began the design iteration process by translating research insights into design concepts, incorporating accessibility and inclusivity considerations into the design process. Working with Robyn, I ensured that the design addressed user pain points and aligned with the content strategy. From there, I built high fidelity mockups to visualize and refine design concepts. This collaborative approach ensured that the final design met both user needs and business objectives.
As I moved into the implementation phase, I developed the website based on the finalized design prototypes, ensuring every element aligned with the brand's vision and objectives. Seamlessly integrating content and design elements, I aimed to create a cohesive and engaging user experience. Prior to launch, I conducted thorough testing and quality assurance checks to guarantee optimal performance and functionality. This approach ensures that the website is not only visually appealing but also user-friendly and technically sound upon its launch.
If you like what you see and want to work together, get in touch!