Oh Lily!

Final Project I completed in UX Academy

Overview

Oh Lily is an online website that specialises in selling water lily seeds. The websites provides a range of different water lily seeds that the customers can browse through and purchase. Oh Lily needed a solution to get more engagement with their website and blog and keep their users interested.  While also providing a enhancement to their UX/UI experience.

Tools

You X - Figma Logo - Personal Brand Webflow Template



Team Members

4 People

Challenge

Oh Lily faced several challenges, including difficulty explaining what water Lily seeds are and their connection to Ayurveda. The project also aimed to showcase more information about water Lily seeds and their benefits, declutter and simplify information for better comprehension, and also enhance user interaction and user engagement.

Role

User Research and Analysis
Persona Creation
UI Design and Prototyping
Illustration and graph design
Usability Testing

Solution

To understand the habits of consumers in regards to healthy snacking and improve the experience of the Oh Lily! website so that it's easy to navigate, make it informative, and engaging.

Duration

6 Weeks

Process

In our process, we started by conducting research and testing the current website with users to gain a deeper understanding of their needs and identify existing problems. We then gathered insights from this research and observed how user needs related to the current issues. Brainstorming solutions based on our research, we built a prototype incorporating the best ideas. Subsequent testing with users allowed us to collect valuable feedback, which we used to iterate and refine our solutions for an improved user experience.

Research

The first stage of our UX/UI project for Oh Lily! was conducting research. We gathered information about the target audience, competitors, and industry trends. This allowed us to gain insights into what consumers were looking for in healthy snack options and what to expect from the website. These are a sample of some of the questions we asked.

Part 1: Eating habits and approach to healthy snacks

What is your relationship with food? How important is the nutritional value of what you eat? Why?
Do you snack? How many times a day do you snack?
What do you think about healthy snacks? What will it take for you to buy one?
How do you choose your snacks? What’s more important for you to make a choice?

Part 2: Current website testing

Browse the website and tell me your impressions and  what you like / dislike about the website.
What are the most and least useful parts of the website?
Find the page with information about the product and tell me if it’s easy to understand
Is there anything you’d like to see more or less of the website?

Insights

The insights drew from the research and were used to develop a better understanding of the potential users' needs. These insights further informed the design of the website.

Users find it challenging to eat healthy meals during the week due to busy lifestyles
Users find packaged snacks generally unhealthy
Users need clear, concise and to the point information about the product and the story behind it
Users have a basic or no knowledge of Ayurveda and they’re willing to know more if it’s something that is going to help their health and diet
Users have a lack of trust and they want an expert guarantee that a product is nutritious and healthy
Users wouldn’t subscribe to the newsletter unless they’re promised valuable and informative content
Users use social media to gain information about nutritional diets
Users prefer fruit, vegetables, and healthy fats for snacking

User Journey Map

This is an ideal journey of the experience a user has until they find the Oh Lily! products. This is created in relation to our research and helps us make better design solutions later on. Developing user journey maps allowed us to visualize how potential customers would interact with the website and identify specific areas that needed improvement.

Persona

To better predict how users are going to react and make better design solutions, we combined all our users we interviewed into one person. This persona represents goals, the characteristics and needs of a larger group. Developing a persona allowed us to create a personality that represents the ideal customer. This aspect allowed us to better understand the target audience and ensure that the website design catered to their needs.

Problem Statement

After analysing our research findings and understood the users needs and frustrations through the journey map and persona we proceeded formulating problem statements so that we could design solutions for it. We developed a problem statement that summarised the issues that the user had that needed to be resolved. Here are a number of problem statements we came up with:

Final Problem Statement

The user is a busy professional who exercises regularly and needs to have healthy, quick snacks throughout the day because their lifestyle is demanding and requires a lot of energy.

‘HMW’ Statement

After formulating our final problem statement we came up with a lot of How Might We (HMW) questions to find the specific areas that we could develop further. The problem statement informed our ‘how might we’ statement that challenged our design process and allowed for creativity while keeping in mind the primary objectives.

Final How Might We Statement:

How might we attract new users through education about water lily seeds and the holistic approach of Oh Lily! and engage them through storytelling and community?

Ideation

After formulating our ‘HMW’ question we responded to it with a variety of design solutions. We worked as a team to come up with a variety of ideas. Ideation involved brainstorming and idea generation, which led to the creation of multiple wireframes that addressed the issues identified in the earlier stages.

What we tested!

After analysing all our ideas we selected three with low risk and low impact for the business to take forward. From these ideas three assumptions are extracted we then created our hypothesis, We documented our assumptions and hypotheses to support the design decisions made throughout the process. Hypothesis was crucial in supporting the assumptions made during the design process. What We Tested: We tested our prototype with users and created a user-centered experience that achieved the business goals of increased engagement and interaction.

Prototype

The prototype resulted from the ideation stage. Users’ feedback allowed us to make improvements and determine the final prototype that we believed to be the best solution to the issues we discovered.

User Feedback

User feedback was gathered throughout the designing process. Based on the user feedback, we continued to improve the design, user experience, and address user needs.

What worked well?

General

  • UI is improved (colours and layout)
  • It’s cleaner, clearer
  • User now knows what the product is about
  • It has everything I need to know

Recipe

  • I liked the fact each product is linked to a recipe
  • I liked the fact each product is linked to a recipe

Product Page

  • It’s helpful to see images of the product in bowls etc
  • It’s good we can see both sides of packaging

Room for Improvement

General

  • Text could be bigger and shorter
  • I want to see the nutritional value of the snacks and how it compares with an unhealthy snack
  • This is a website about a snack, it should serve this purpose very easily

Ayurveda Test

  • I don’t know what ‘dosha’ is, please explain
  • I don’t understand the test and what is Ayurveda

Product Page

  • Calorie count is missing
  • Serving size is missing and size of package

Before and After

The final product was the culmination of the research and design process outlined above. The prototype provided a streamlined website that explained the seeds' benefits, provided easy navigation, and offered a positive user experience for potential customers looking for healthy snack options.

Landing Page

Before

After

Product Page

Before

After

Next Steps

For the next steps, we plan to further refine our prototype based on the valuable feedback gathered during user testing. We will conduct additional usability testing to ensure the proposed solutions effectively address user needs and pain points. Moreover, we will collaborate closely with stakeholders to incorporate their input and align the design with the overall project vision. Additionally, conducting a comparative analysis of competitor websites will allow us to identify potential areas of improvement and best practices. Finally, before the final implementation, we will conduct a comprehensive review of the revised prototype, considering all the insights and iterations made throughout the process. By following this iterative and user-centered approach, we aim to create a seamless and enjoyable user experience that meets our users' needs and enhances their interactions with the website.

Final Thoughts

My final thoughts on this UX case study reflect a rewarding and insightful experience. Embracing a user-centered approach was instrumental in understanding our users' needs and the existing challenges. The process of conducting research, testing, and iterating allowed us to develop effective solutions that catered to our users' preferences. Collaborating with stakeholders and incorporating user feedback played a vital role in refining our design. Moving forward, I recognize the importance of continuous improvement and keeping the user at the forefront of every decision. This project not only improved the website's usability but also reinforced the value of prioritizing user-centric design principles in all future endeavors. The journey reaffirmed the significance of empathy and thorough understanding in crafting compelling user experiences that resonate with our audience.

Read More Case Studies

Ski Classes Booking Website

Other Case Studies

Wolfpack ITS
Website Redesign and Marketing Material
UX/UI Designer and Marketing at Wolfpack, leading a website revamp and brand enhancement. Created high-impact assets like business cards and email campaigns, achieving measurable engagement improvements.
Angel Shot
Mobile App Design
Served as a UX Consultant & Sales Representative, promoting safety solutions that discreetly empower patrons to request help from venue staff. I onboarded multiple establishments, enhancing customer safety awareness and adoption.
Add New Entity
Feature for SaaS Product
Designed the Add New Entity feature to prevent duplicate entries, manage complex, multi-source data, and optimize usability for a diverse user base. Ensured efficient data handling and consistent response times across various systems to enhance user experience and compliance.
Market Minds
Trading Platform - Personal Project
Designed Market Minds beginner-focused trading platform, prioritizing clarity and user education through intuitive tooltips and information icons. Created a simplified interface to help novice traders confidently make informed decisions.
Reporting
Feature for SaaS Product
Led the design of a user-friendly, highly configurable Query Builder, allowing users to efficiently search, filter, and customize complex reports. Focused on balancing intuitive navigation with robust functionality, making it accessible to users of varying technical expertise and providing a clear preview for error prevention.
Oh Lily
Website Redesign - UX Academy Group Project
Enhanced Oh Lily's website UX/UI to boost user engagement, improve blog interaction, and create a more captivating browsing experience. Focused on making product discovery and purchase flow seamless for customers.