Life Of Colour
Boutique Supplier of Unique & Modern Art
Improving conversion and product discovery for Life of Colour
-
My role
UX consultant
-
Duration
3 weeks
-
Tool
Figma
Miro
Improving conversion and product discovery for Life of Colour
My role
UX consultant
Duration
3 weeks
Tool
Figma
Whimsical
Project overview
Context
Five years ago, Life of Colours began as a small online business with a single product—paint pens. Today, it has expanded its range to provide a complete creative experience.
Despite the brand's growth, the website fails to effectively showcase its diverse range, missing key opportunities to engage and convert visitors.
Observation
The website already receives good traffic, but much of it doesn't convert into purchases.
Visitors often come for specific content (like blog posts) but don’t explore or buy products.
Business Goals
Turn existing traffic into paying customers
Raise awareness of their product range
Maximise email collection for marketing
Projects constraints
Design Limitations Within Shopify:
Since the client's website is hosted on Shopify, which comes with predefined templates and features, we've been asked to focus on small adjustments rather than major changes.
Tight deadline:
Only 3 weeks to complete the project and deliver a solution.
Research phase
Our research officially kicked off with a stakeholder interview. After they shared their goals and concerns, I asked lots of questions — about the business landscape, their constraints, customers, value proposition, previously tried solution, and current priorities. Their answers shaped and guided the direction of my research. From that first conversation, I was able to define the research statement and objectives.
Research statement
Why are users visiting the site but not purchasing—especially beyond the initial product they're exposed to?
Research goals
To understand why users weren’t converting, identify the barriers in their journey, and uncover actionable solutions to improve the experience and drive more purchases.
Heuristic evaluation
I did a heuristic evaluation to take the temperature of the site and get a sense of where usability issues might be bubbling up.
Key observation:
1. The product pages are hard to scan which makes decision-making difficult for users.
There’s too much cluttered information presented all at once
Poor prioritisation
2. Users can’t add items to their cart directly from the product range page, which adds unnecessary steps.
Competitive & comparative analysis
To gain some inspiration, I researched the business landscape, and I did that by conducting a competitive and comparative analysis. I looked at how other brands adressed similar design and conversion challenges, and how they promoted their product range.
I analysed three art supply websites and one lifestyle retail brand:
Mont Marte – Identified as a direct competitor.
Poscart – Also identified as a direct competitor.
Eckersley’s – One of Australia’s largest art and craft suppliers; included for additional insights and inspiration.
Smiggle – Although not a direct competitor, it offered useful inspiration for product presentation.
Why Smiggle?
I included Smiggle, a colorful, kid-focused stationery and gift brand, for two main reasons:
Effective bundling strategy –using themed product bundles to boost average order value.
Parent-friendly UX – While the brand targets children, the website is optimized for easy navigation by parents, a key user group for our client.
Key features that stood out across competitors & comparators
1. “You may also like” feature for product suggestion
2. Prominent and well-timed email sign-up prompts
3. Gift bundles and curated sets to encourage multi-item purchases
Traffic Analysis
I did some retrospective research using Google Analytics to understand how people were using the website. It gave me a clear picture of how users were interacting with the site and which areas mattered most. One key insight stood out — a large number of visitors were coming just to read the blog. It felt like a missed opportunity, so I started thinking about how to guide that traffic towards exploring the product range as well. The data also helped identify key user flows and raised an important question: how can we encourage users who come in for a blog post or a specific advertised product to explore further and make a purchase?
Key findings:
70% of users visited the site on mobile devices, highlighting the need to prioritise the mobile experience.
Around 30% of total traffic landed on the blog, yet these users rarely went on to make a purchase.
Users coming from paid ads typically purchased the specific product advertised—but rarely explored or added other items.
Main Discovery:
The blog page holds untapped potential as a conversion opportunity. It showcases DIY craft projects using Life of Colour products, but the current setup doesn’t support a smooth transition from inspiration to purchase.
Research Direction:
These insights helped me define two key pathways to explore:
Product Pathway – Understanding the journey from a paid ad to completing a purchase
Blog Pathway – Investigating how blog visitors engage with content and what stops them from buying the featured products.
User Segmentation & Personas
Through stakeholder discussions and analysis of client data, I identified two primary user types:
Lisa – The Art Enthusiast
Represents individuals who buy art supplies for personal creative expression.
Behaviours, needs, and challenges:
Shops regularly for herself
Has a clear idea of what she wants
Looks for variety, good deals, and high-quality products
Time-poor; wants quick updates on what’s new without browsing the whole site
Helga – Family Creator
Parents or grandparents who purchase art supplies for their children or grandchildren.
Behaviours, needs, and challenges:
Buys primarily for children or grandchildren
Prefers budget-friendly, mess-free, and long-lasting kits
Wants a simple and smooth shopping experience with minimal searching
User Testing & Scenarios
We tested two real-world flows:
1. Blog to Buy: From blog post to check out
Scenario 1:
We asked 5 users to choose a blog post they liked and try purchasing all the featured products.
Key Finding:
Users felt the process was confusing. They had to jump back and forth between the blog and product pages, which broke the flow.
Takeaway:
We need to make it easier to shop straight from the blog by clearly showing featured products and reducing page switching.
2. Purchase Flow: From Ad to Check out
Scenario 2 :
We asked 5 users to buy a product they were interested in, then explore other items.
We followed up with questions like:
“Do you feel like exploring more of the website?”
“What would encourage you to do so?”
Key Findings:
Most users did not explore further after finding the product they needed
They wanted a clear reason to keep browsing
e.g. discounts, or personalised suggestions
Without an incentive, users preferred to buy and leave
Takeaway:
To boost add-on purchases, offer value upfront—don’t expect users to seek it out themselves.
Finding the bridge between the business and users through research
I conducted research to design an experience that serves both the business and the user. Through stakeholder conversations, usability testing, and behavioural insights, I identified key needs and aligned them to uncover practical, high-impact solutions.
Paint Points, User Needs & Challenges Found Through Research VS. Business goals
Usability Issues
Cluttered product pages with poor hierarchy
→ Affects scannability and decision-making — key principles of usability (clarity, efficiency, content prioritisation).No direct add-to-cart from product range page
→ Introduces unnecessary steps, reducing efficiency and violating user control/flexibility.Clunky shopping flow from blog to product pages
→ Breaks the user's mental flow and adds friction, making the experience less intuitive and harder to complete.
User Needs
Quick access to new arrivals or updates
Variety, good deals, and high-quality product options
Budget-friendly, mess-free, and long-lasting kits for kids
A smooth, easy shopping experience
User Challenges
Time-poor – doesn’t have time to browse the whole site
Wants to avoid messy or low-value kits
Finds it hard to quickly discover what’s new or relevant
May get frustrated by too much searching or unclear navigation
Finding the bridge between the business and users through research
I conducted research to design an experience that serves both the business and the user. Through stakeholder conversations, usability testing, and behavioural insights, I identified key needs and aligned them to uncover practical, high-impact solutions.
Ideation and sketches
Ideas to streamlining shopping experience
1. Direct add-to-cart feature for blog products
Implementation: Add functionality that allows users to add the products mentioned in the blog articles directly to their cart from the blog page. Offer options to add all the products as a bundle or individually.
Benefit: Streamlines the shopping process by reducing the need to navigate back and forth, enhancing user convenience and reducing frustration
2. Accordion function for product descriptions
Implementation: Integrate an accordion function into the product descriptions. This will organize the large amounts of information in a compact space.
Benefit: Makes it easier for users to navigate and find the information they need without being overwhelmed by too much visible content at once
3. Plus button on the product range page
Implementation: Include a plus button (+) on the product range page that enables users to add a product to their cart without needing to visit the individual product page.
Benefit: Simplifies the shopping process by allowing users to add products with fewer clicks, saving time and improving the overall shopping experience.
Ideas to increase product discovery
1. “You May Also Like” Suggestions on Product Page
Implementation: Display related or frequently bought-together products beneath each product page.
Benefit: Encourages exploration, product discovery and cross-selling, increasing order value and enhancing the shopping experience.
2. “Make it a Bundle” Feature on Product Pages
Implementation: Add a “Make it a Bundle” option on specific product pages. When clicked, users see a list of curated bundles that include the selected item, with a single-click add-to-cart option.
Benefit: Simplifies decisions, highlights value, increases product discovery, and boosts conversions.
Recommendations to increase email collection
Loyalty Program Pop-Up
Show a subtle pop-up on blog pages inviting users to join for exclusive deals, early access, or rewards.
Grows email list, supports targeted marketing, and adds user value without being intrusive.
User feedback and insights before prototype development
8 users were asked to compare the current and proposed sites. Each participant first navigated through both pathways on the current site and then repeated the process using the prototype, noting any areas they enjoyed or found challenging.
Positive Feedback:
Add-to-Cart Functionality: Users appreciated the ability to add products directly to their cart from the product range pages, stating it would increase their likelihood of continuing shopping.
Bundle Opportunities: Users liked make it a bundle feature, suggesting it would positively influence their decision to opt for bundle deals.
Featured Products on Blog Pages: Users found the inclusion of featured products on blog article pages seamless, indicating it would highly increase their chances of purchasing reading.
Suggestions for Improvement:
Add-to-Cart Button: Users found the plus button for the add-to-cart functionality confusing and recommended using a cart icon to make the action clearer.(4 out of 8 user)
Take a minute to write an introduction that is short, sweet, and to the point.
Project constraints
Design Limitations: Since the client's website is hosted on Shopify, which comes with predefined templates and features, we've been asked to focus on small adjustments rather than major changes.
Tight deadline: only 3 weeks to complete the project and deliver a solution.
The main factors that guided the direction of our research path.
At the outset of the project, the client provided us with key aspects of their traffic and user behaviours.
1
The website’s blog, known for its practical product introductions, is popular, but 30% of visitors read it without making a purchase.
2
Traffic from paid ads primarily purchases the advertised product but rarely buys other items.
Who are we designing for?
During our initial discussions with the client and our research, we identified two main target user groups.
1.Family Creators: Individuals who buy art supplies for children or grandchildren.
Their Goal:
To entertain their kids or grandchildren with creative, non-screen activities.
Their Needs:
Convenient access to complete craft kits.
Inspiration for craft ideas.
Their Challenges:
Lack of time or patience to gather individual craft materials.
Finding affordable options, especially when buying for multiple children.
2. Art Enthusiasts: People who purchase art supplies for themselves as a creative outlet.
Their Goal:
To buy high-quality art supplies to express their creativity.
Their Needs:
A wide variety of art supplies.
Their Challenges:
Regular purchases can be costly.
Lack of time to browse the website for new products and their uses.
What are the client's objectives?
Increased conversion rate
Increased user awareness of the product range.
Maximize the collection of visitor email addresses for targeted marketing efforts.
Our client is looking to implement minor adjustments rather than major ones to obtain the above goals due to the constraints of the Shopify platform, which has limitations because it's a hosted platform with predefined templates and functionalities that restrict extensive structural changes.
The kick-off
Understanding the research
At the outset of the project, the client provided us with key aspects of their traffic and user behaviours:
Traffic sources: paid ads and organic visitors.
The behaviour of paid ads traffic: primarily buys the advertised product, seldom purchases other items.
Website usage: 30% of all traffic to the website is to visit their blog rather than for purchasing reasons.
70% of traffic comes from mobile devices.
Strategic research focus
Enhancing Mobile Website Experience for Key User Journeys
In the initial phases of our research, we emphasized the importance of optimizing the mobile website experience, given that a significant 70% of our website traffic originates from mobile devices. We further refined our research by concentrating on the two primary pathways of the website:
1. Product pathway: Within this journey, users explore the product range, select a specific item, and proceed with the purchase process.
2. Blog pathway: This pathway entails users navigating from the home page to a blog article, subsequently discovering and purchasing a product featured within the blog.
Exploring competitors' strategies
We dove deep into understanding what makes our competitors successful in driving sales, boosting product awareness, and building email lists for marketing. This exploration shed light on their tactics and uncovered valuable insights that could benefit our client.
We took a closer look at key players in our industry, including:
1. Mont Marte
2. Poscart
3. Eckersley
By unravelling these success stories, we're not just mimicking our competitors but understanding what truly resonates with our audience and how we can craft a unique strategy for our client's success.
Who are we designing for?
During our initial discussions with the client, combined with their firsthand experiences and research insights, along with user testing and our investigations, we identified two primary target user groups.
Art Enthusiasts: People who purchase art supplies for themselves as a creative outlet.
Family Creators: Individuals who buy art supplies for children or grandchildren.
Crafting target user scenarios for deeper understanding
We placed them in real-world scenarios to gain a deeper understanding of our target users, including their goals, needs, and challenges. This approach helps us empathize with their experiences and ensures our solutions are tailored to meet their specific requirements.
Now that we have a clear understanding of our users, their needs, and their goals, let's gain insights by walking through the expected user experience.
Discovered pain points on the current site
Lengthy and unorganized product descriptions: The product descriptions on the product page are lengthy and not well-organized, making it difficult for users to quickly scan and prioritize the information they need.
Overwhelming shopping process for featured products on the blog page: The shopping process for featured products presented on the blog page is overwhelming. Customers need to navigate back and forth between the blog page and the product page, which leads to confusion and frustration, often causing them to leave the page.
Inconvenient add-to-cart process: Customers are unable to add products directly to their cart from the product range page; instead, they must navigate to the individual product page to do so. This extra step is inconvenient, requiring more time and clicks, leading to a less streamlined shopping experience.
Proposed Solutions
Accordion function for product descriptions
Implementation: Integrate an accordion function into the product descriptions. This will organize the large amounts of information in a compact space.
Benefit: Makes it easier for users to navigate and find the information they need without being overwhelmed by too much visible content at once.
2. Accordion function for product descriptions
Implementation: Integrate an accordion function into the product descriptions. This will organize the large amounts of information in a compact space.
Benefit: Makes it easier for users to navigate and find the information they need without being overwhelmed by too much visible content at once
2. Direct add-to-cart feature for blog products
Implementation: Add functionality that allows users to add the products mentioned in the blog articles directly to their cart from the blog page. Offer options to add all the products as a bundle or individually.
Benefit: Streamlines the shopping process by reducing the need to navigate back and forth, enhancing user convenience and reducing frustration.
3. Plus button on the product range page
Implementation: Include a plus button (+) on the product range page that enables users to add a product to their cart without needing to visit the individual product page.
Benefit: Simplifies the shopping process by allowing users to add products with fewer clicks, saving time and improving the overall shopping experience.
Finding the bridge between the business and users
To create an experience that benefits both the client and the user, our team identified the needs of both the business and the user based on conversations with stakeholders, research, and usability testing.
After multiple conversations with the client, usability testing, research, and assessing the needs of both the business and the user, we have identified some key insights that will guide our proposed solutions. Given the project's time frame, we have prioritized the most important and achievable solutions that benefit both the client's goals for an improved conversion rate and the user's needs for an enhanced experience.
Proposed strategies to meet people’s needs along with business goals
The Sketches
Product page
Adding the accordion function.
The inclusion of a related products section broadens the user’s scope of what they can purchase.
Product range page
Including the plus button signifies to the user that they can add a product to their cart and continue shopping.
Blog page
This featured product functionality allowed the users to add the products written about within the article to their cart directly from the page.
Make it a bundle function
Including the make it a bundle functionality on the product page.
User feedback and insights before prototype development
Before creating a higher-fidelity, clickable prototype, we gathered qualitative feedback from the client, potential users, and target users. This approach provided invaluable insights into their experiences with the current flows, enabling us to make necessary improvements.
We focused on two primary pathways:
Blog Pathway: Navigating from the home page to a blog article, followed by purchasing a featured product.
Product Pathway: Browsing the product range page, selecting a product, and completing a purchase.
Eight users were asked to compare the current and proposed sites. Each participant first navigated through both pathways on the current site and then repeated the process using the prototype, noting any areas they enjoyed or found challenging.
Key Takeaways:
Positive Feedback:
Add-to-Cart Functionality: Users appreciated the ability to add products directly to their cart from the product range pages, stating it would increase their likelihood of continuing shopping.
Bundle Opportunities: Users liked being informed about bundle deals earlier in the purchasing process, suggesting it would positively influence their decision to opt for bundle deals.
Featured Products on Blog Pages: Users found the inclusion of featured products on blog article pages seamless, indicating it would highly increase their chances of purchasing reading.
Suggestions for Improvement:
Add-to-Cart Button: Users found the plus button for the add-to-cart functionality confusing and recommended using a cart icon to make the action clearer.
Wireframes
After synthesizing the feedback received from potential users, our team produced annotated wireframes that detail how a user would progress through both proposed pathways. These wireframes incorporate the insights gained and illustrate the user journey improvements.
Key considerations
Identify the most popular blog articles to include the featured products component.
Ensure users have the option to opt out of the rewards/loyalty program to maintain user autonomy.
Next steps
Share the designs with the current web developer to assess the difficulty and feasibility of the proposed changes.
If implemented, monitor the conversion rate changes associated with key targeted pathways.
Consider expanding and increasing the number of bundle deals if the proposed functionality proves successful.