A Premium Brand into a High Performing Digital Experience

Delivered a responsive, user friendly website aligned with Pinnacle Oak’s brand vision, improving clarity, engagement, and providing a strong foundation for growth and enquiries

+35% increase in qualified enquiries within 90 days

Open laptop with a webpage displaying wine barrels.

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.

+42% increase in conversion rate

Industry

Wine Cooperage Agency

Client

Pinnacle Oak

Project

Web Design | Mobile Optimisation

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.
Laptop displaying a webpage for French Oak wine barrels with an image of barrels and flames.

The Challenge

Pinnacle Oak needed to establish a credible digital presence from the ground up clarifying complex French oak barrel information while building trust in a traditionally offline, word of mouth industry.

The challenge was to create a UX driven platform that educates users, strengthens brand positioning, and drives qualified enquiries from day one.

UX Strategy

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.

Clear information

SEO & visibility

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.

Typography and branding design for 'Pinnacle Oak' with font styles Libre Bodoni and Jost, example text layout, color palette with navy, light blue, gold, and red, and a gold tree logo.

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.

Identified friction points in navigation and product information structure

Optimised key user journeys to support higher engagement and conversions

Validated design decisions through iterative testing and feedback loops

Identified friction points in navigation and product information structure

Let’s Work Together

We create websites that don’t just look beautiful they’re designed to perform, turning user experience into real business results.

Get In Touch
Get In Touch
View More Projects
View More Projects
Silver astronaut suit on a green screen background.