Industry

Wine Cooperage Agency

Client

Pinnacle Oak

Live Website

https://www.pinnacleoak.com.au

Turning user feedback into clear strategies

Laptop displaying a website with an image of burning wine barrels and text "Premium French Oak Wine Barrels."

Wine barrels in a cellar with the text 'Pinnacle Oak' on a navy background.

Project overview

The Pinnacle Oak project aimed to design a premium website for a business showcasing high-quality French oak barrels from the prestigious Sylvain Famille Cooperage. The client wanted a website that conveyed the craftsmanship and heritage of Sylvain barrels while enhancing the user experience. The project involved a clean, sophisticated UX/UI design with a focus on showcasing the barrels as a luxury product for wineries and distilleries.

Process

User research
Competitor Analysis
Persona & Journey Map
Branding Workshop
UX & UI Design
Project Management
Usability testing

Deliverables

Branding
Design System
Wireframes
User Interfaces
Prototypes
Responsive app design
SEO Optimisation

Icon of a dart hitting the center of a target within a blue circular background.

Symbol of a light bulb with a lightning bolt inside, surrounded by a blue circle

Icon of a wireframe webpage within a blue circle

Icon of a computer monitor with code brackets on the screen inside a blue circle.

Key takeaways

After conducting user interviews, we discovered the following key insights: users are highly interested in the origin of the oak trees used for wine barrels. Specifically, the forest where the oak is sourced as it plays a vital role in shaping wine flavours. Additionally, factors such as the grain, toasting level, size, and quality of the oak barrels significantly influence the wine's character and the overall winemaking process.

Clear information on the origin of the oak

Three white tree icons on a blue circle background

Oak Origin

Barrel Information

Descriptive details on seasoning and toasting

Icon of a wine barrel with grapes on a blue background

Building Trust

Leverage testimonials and endorsements from respected industry figures

Line illustration of a beekeeper with beehive in a blue circle.

Opportunity discovered

Our UX research revealed key opportunities: Many companies fail to provide specific oak origins and clear oak barrel details. Additionally, mobile optimisation is lacking, which is critical since wineries operate in the field rather than at a desk. As a startup, strong SEO is essential for visibility, and building trust through an ongoing relationship with users is a top priority

Blue icon of a smartphone with a heart on the screen.

Icon of a desktop computer screen displaying a web page layout on a blue background.

Mobile optimisation

Brand identity

Icon of a computer monitor displaying images on a light blue background.

Magnifying glass icon on a blue background.

SEO & visibility

Clear information

A UX research workshop covering Competitive Analysis, Heuristic Evaluation, and SWOT Analysis, along with Persona development and User Journey Mapping.

Design system

The Pinnacle Oak design system embodies sophistication and timeless elegance, using a refined colour palette and classic typography to convey trust and prestige. The colour scheme consists of deep navy for depth and reliability, gold for luxury and heritage, soft blue for balance, and rich red for a bold accent. The typography combines Libre Bodoni for a refined, traditional feel with Jost for modern versatility, ensuring clarity and professionalism. The design system seamlessly integrates these elements to create a cohesive and premium brand identity, reflecting Pinnacle Oak’s dedication to excellence.

Wireframe

Transforming user journey insights into information architectures that drive engagement, bringing ideas to life through low-fidelity design.

Flowchart displaying the sitemap for "Pinnacle Oak Homepage" with sections for "Famille Sylvain," "About Us," "Our Range," "Resources," and "Contact Us." Under "Famille Sylvain," there are subcategories for "Sylvain Cooperage," "Cooperage Meyrieux," and "Marc Grenier." "Our Range" has "Wine Barrels" leading to "Distillery Barrels" and "Product Details." "Resources" includes "FAQs," "Barrel Care," and "Sourcing Oak."

Website wireframe designs showcasing multiple page layouts with text, buttons, and image placeholders. Pages include Home, Family, About Us, FAQs, Contact Forms, and Wine-related content.

Prototype

Bringing visual design to life by transforming concepts into interactive, user-centric prototypes that bridge creativity and functionality.

Close-up of premium French oak wine barrels being toasted with fire.

Three images each showing a person working on wine barrels. The first image is labeled 'Premier CRU', the second 'Tradition' with a barrel being heated, and the third 'Grand Sélection'. Below each image are placeholder texts and a 'View Product' button.

Contact page with wine barrels background, phone number, email address, and message form fields.

Forest of tall oak trees under a clear blue sky, associated with Pinnacle Oak's barrel sourcing from France.

Promotional banner for Pinnacle Oak, featuring a French oak barrel and contact information, emphasizing personalized advice, product information, and price guides.

Collage of website sections featuring text and images promoting wine barrels, showcasing barrel making and wooden barrels in various stages of production.

Usability testing

During the user testing phase for Pinnacle Oak, we gathered valuable feedback to refine the website's design, functionality, and user experience. Participants tested key features, navigation flow, and overall usability, providing insights that helped us optimise the interface for clarity and efficiency. The feedback highlighted areas for improvement, such as streamlining content layout and enhancing accessibility, ensuring a seamless and engaging experience for Pinnacle Oak's audience.

Person using a laptop on a table with a smartphone, coffee mug, and papers nearby.

Creating a unique and premium visual interface

Valuable resources for winemakers

Sourcing the oak, barrel care and FAQs.

Exploring the Sylvain connection

Reputation, 3 Cooperages, stronger together, artisan expertise and modern practices.

All about Pinnacle Oak

Bridging the gap, trusted expertise, customer focus and industry passion.

Deliver

Our team ensured that the final product aligned with the brand’s vision, delivering a functional, responsive, and user-friendly website that met Pinnacle Oak’s business objectives. The client was highly satisfied with the outcome and decided to move forward with our design for their live website.

Open laptop with a webpage displaying wine barrels.

Clear Product Information

Responsive Design

Two smartphones display a website about oak barrels. The first phone shows a webpage with trees and barrels, titled 'Sourcing Our Oak', and includes a 'Learn more' button. The second phone displays a page titled 'Our Wine Barrels', featuring images of barrels, text about barrel craftsmanship, and buttons to view barrel ranges.

Mobile screen displaying a website for Pinnacle Oak featuring premium French oak wine barrels, with text about the company's representation of Famille Sylvain. A small section shows a person in front of wine barrels.