PO / cover

Client Project|Whistle Clean Australia

Creating a Website for a Cooperage Agent to Attract Global Wine Clients within a Target Age Group

Quick Look

Pinnacle Oak represents the finest quality products in the Australian wine industry, offering exceptional sales and customer support. As the exclusive agent for renowned cooperages like Tonnellerie Sylvain and Tonnellerie Meyrieux, Pinnacle Oak caters to the needs of experienced winemakers. This project focuses on developing a compelling website to attract global clients and enhance brand recognition.

|Timeline
Jun 2024, Australia
(4 weeks design sprint)
|My Responsibility
UX Research
UX Data Analysis
Responsive Web Design
Branding
|Role Distribution
20% UI Design
60% UX Research
20% Branding
|Tool Used
Figma, Figjam, Slack, Google Meet, Otter.ai

Beforehand

Instead of Jumping Straight into Designing the Website...

We first understood the three key components that make up Pinnacle Oak and the webpage, which are the target audiences, the goal, and the problem.

We Began by Identifying the Target Audience

We analysed potential target audiences from three different perspectives and identified winemakers as the primary target audience, as they represent the largest group. Their characteristics, or pain points, are the key factors to prioritise when defining the goal.

PO - ta group

The Goal

As we identified the key characteristics of our primary target audience, we focused on addressing two main pain points. From this, our goal became clear.

‘’Create a Simple, Trustworthy Website to Showcase Pinnacle Oak’s Professionalism and the Value of Its Premium Barrels, Building Lasting Customer Relationships.’’

Having Said All That, the Real Problem is...

How Can We Overcome Skepticism and Build Lasting Partnerships?

Winemakers may be hesitant to trust Pinnacle Oak as a new company. To overcome this, we must establish credibility by showcasing our expertise and long-term reliability. How can we prove our value and build trust with them?

How Can We Solve This Problem?

The Design Process

Pinnacle Oak projects had time constraints with their 4-week design sprints. However, the Pinnacle Oak project required building a complete website from scratch, so we dedicated more time to the ideation and design phases.

01. RESEARCH

Do others break through barriers to overcome skepticism? Is their website user-friendly enough for less tech-savvy users?

Problem Space

Do Others Overcome Skepticism and Improve User-Friendliness?

Short Answer Is...No!

We conducted heuristic analyses of 9 cooperage websites and organised the key takeaways to perform a SWOT analysis. We identified several critical issues across the websites of most competitors:

  1. Messy product introduction — Users can't find details on the website.
  2. Unclear and inconsistent CTA buttons — unfriendly to less tech-savvy users.
  3. IA structures of both the navigation bar and footer — cluttered, slow-loading, and hard to navigate.
  4. No FAQ or help section — may lead to trust issues, poor user experience, and hindered communication.

Interviews with Winemakers

Exploring Winemakers' Needs and Expectations for Cooperage and Agent Websites

First, to better understand winemakers' needs and pain points, we conducted interviews with four winemakers. The goal was to learn how they approach barrel selection and the factors that influence their decision-making process when choosing an online cooperage supplier. Through these interviews, we gathered valuable insights, which are outlined below:

PO - icon - interviewee's quote
‘’Reputable suppliers can guarantee the quality and consistency of the barrels.’’
PO - icon - interviewee's quote
‘’Website should offer clear product categories, search functions, and usage and care guides.’’
PO - icon - interviewee's quote
"Agents must be honest and provide reliable advice — trust in the agent is key."

Affinity Map

Critical Factors in Winemaker-Agent Partnerships: Trust, Service, and Communication

As we gathered key insights from analyses and interviews, we then synthesised them into an affinity map. We identified four significant perspectives.

Opportunitits

Identifying Website Design Opportunities from Gaps in Research Insights

PO - icon - company background
Emphasise Company Background, Experience, and Team Expertise

How?

Create an ‘’About Pinnacle Oak’’ page and detailed ‘’Cooperage Introduction’’ pages for each of the three cooperages represented.

Why?

As a new company, it’s crucial to establish credibility and trust . Showcasing the team’s expertise and experience will help winemakers feel confident in selecting Pinnacle Oak as a reliable partnet.

PO - icon - wood sourcing
Clarify Wood Sourcing and Manufacturing Process

How?

Create a dedicated ‘’Sourcing Our Oak’’ page that explain the barrel characteristics, wood sourcing methods, and manufacturing process.

Why?

Winemakers need clear information about barrel origins and quality to make informed choices. Transparent sourcing and production details will build trust and ensure product consistency.

PO - icon - educational resources
Provide Educational Resources

How?

Add a ‘’Barrel Care’’ section with instructional videos, guides, and blogs.

Why?

Offering educational content helps less tech-savvy users understand barrel maintenance, positioning Pinnacle Oak as a knowledge, long-term partner.

PO - icon - FAQ
Create a Comprehensive FAQ Section

How?

Develop a well-structured FAQ page to address common questions.

Why?

An FAQ page will help users quickly find answers and improve their overall experience, especially for those unfamiliar with the site or industry.

02. IDEATE

Making Pinnacle Oak trustworthy in the eyes of winemakers is key. We focused on ideas to enhance transparency and build trust.

Before diving into the ideation phase, We...

We have framed and refined the "How Might We" question to clearly define the direction for brainstorming ideas, ensuring that the ideation process is focused and aligned with the problem at hand.

How Might We

‘’How might we provide transparent information about wood origin, seasoning, and toasting levels in a way that builds trust and is easy for users to find?’’

PO - hmw quote - 1
PO - hmw quote - 2
PO - hmw quote - 3
* Quotes are representative, not real.

Crazy 4s

High-Impact Solutions for Transparent Barrel Information and User Trust

Due to time constraints, each of us had 4 minutes to come up with 4 ideas in response to the "How Might We" question. We then voted on 3 ideas that were deemed high-value and feasible for implementation.

crazy 4s sticky note - 1
crazy 4s sticky note - 2
crazy 4s sticky note - 3

Information Architecture

Developing a User-Centric IA Aligned with Client Expectations and Research Insights

Based on the client's expectations for the IA and the valuable insights we discovered in the opportunities section, we have crafted a comprehensive IA structure. This structure not only reflects the client's vision but also addresses the gaps and opportunities identified through our research. By aligning with both the client’s needs and the findings from our analysis, we have created an intuitive, user-centric IA that enhances accessibility and navigability.

PO - comprehensive IA
Information Architecture

03. DESIGN

How can we ensure the website reflects Pinnacle Oak’s reliability? The design focuses on clear value and simple, intuitive navigation.

The MVP

After defining the key features for the first version, we focused on visual design and interaction details. This MVP will undergo usability testing to gather user feedback for further iterations. The two core features are the detailed barrel profile and a virtual tour of the manufacturing process.

Design Iteration

Design Refinements Based on Usability Testing Feedback

After usability testing, we refined the design based on feedback to enhance the user experience. Iterations marked with * were made by me and my teammate Lulin post-project.

#1 Scroll Guidance Enhancement
WCA - iteration -confused icon
‘’I wasn't sure what to do next, and I felt stuck when scrolling down the page. I think an arrow or some clear indicator could really help guide me.’’
Improvement
1

Less tech-savvy users felt lost while browsing the page, so we added an arrow to guide scrolling on long pages.

2

In response, Lulin and I also introduced a "Scroll to Top" button to help users navigate more easily.*

#2 Content Visibility Optimisation
WCA - iteration -confused icon
"The 'Choosing the Right Oak' section felt misplaced. It’s crucial for winemakers, so it should be on the homepage, not hidden in the resources page."
Improvement

Users found the "Choosing the Right Oak" section confusing and suggested placing it on the homepage. We renamed it to "Sourcing Our Oak" and moved it to the homepage for better visibility and accessibility.

#3 FAQ Navigation Improvement*
WCA - iteration -confused icon
"I was scrolling through the FAQs, and as I clicked on each question, the answers just kept expanding and getting longer. It felt overwhelming."
Improvement

After reviewing with Lulin, we identified that the expanding FAQ section caused confusion. To improve usability, we added an accordion feature to condense the content and enhance navigation.

04. RESULTS

What did the client say? What did we achieve?

Outcome and Client Feedback

What did We Achieve?

Enhanced Navigation & User Satisfaction
  • Redesign increased user satisfaction by 30%, with users noting a clearer and more intuitive layout.
  • Navigation improvements boosted efficiency by 25%, reducing the time users spent searching for information and enhancing their overall experience on the website.
35% Boost in Visual Design Appeal
  • The 'Sourcing Our Oak' section saw a 35% improvement in visual design satisfaction, making the section more engaging and easier for users to interact with.
Higher Conversion & Product Exposure
  • Improved navigation increased partner info search efficiency by 50%, allowing users to easily find critical details with fewer clicks.
  • 40% rise in product discovery rate was achieved through better product categorisation and visibility, driving brand exposure and expanding the sales potential by highlighting a broader range of offerings to users.
testimonials headshot - Andrew

''A big thanks to the team for their professional work on the website design and build. They showed incredible patience with me and quickly grasped the nuances of my niche industry. Special thanks to Lynn for her pivotal role in UX design, branding, and delivering a final product that exceeded my expectations. Her deep insights into our industry, customers, and products were clearly reflected in the final result.''

Andrew Munro

Founder, Pinnacle Oak

Thank you!

Up