A solution to: 
In 2020, I got commissioned to deliver a showcase website for TUBC Whisky Trail, together with Amelie Nicklas

TUBC Whisky Trail was born from a father and son's common passion: Scotch Whisky. Once in holidays, they discovered those amazing small, family-owned, and traditional distilleries on the West Coast of Scotland. 
They immediately fell in love with the destination and the product, and vowed to share this discovery in Germany, and to create a tour for Germans to discover the region, the products and the experience. 

We were then commissioned to deliver the following:
- Brand strategy and positioning
- Showcase responsive website developed on Webflow (to be completed if needed by an e-commerce website)

This project enabled me to put Fluid Design into practice, to identify breakpoints, flex-boxes, and make use of CSS components, such as grids, blocks and flexboxes. 
First User Research
To get a first grasp of the direction we needed to take, we conducted a thorough user research, first among users that had already had the distillery tour experience, to understand what they had felt, how pleasant/unpleasant was the experience, and which feel they had associated with the experience. 
We discovered that what had matters for our users was the authenticity provided by those places, the warm welcome they had received, the beauty of the nature surrounding the distilleries, and the sense of intimacy and belonging they had felt. 

Then, we conducted a second user research focused on potential users. We chose to conduct our user research in a qualitative way, rather than a quantitative one, with long interviews, to get a good understanding of how the experience should be. 

We soon came with an Empathy Map and a Persona:
Competitor Analysis
In a second time, we deep-dived into a Competitor Analysis, to get a better grasp on how the distilleries or the whisky tours agencies presented themselves and the product, and which sections were available to the user. 

Brand Attributes
Thanks to this multitude of research tools, we then could define our brand attributes with TUBC:
Authentic, warm, sustainable, never generic. 

And could create a first Style Tile:

High-fidelity prototype and development using Webflow
To work together on the project, we chose Figma, for its possibilities of collaboration.  We worked closely with TUBC Trail at each stage of the design process to be sure we were agreeing with our design decisions. 
Fluid Design: Small breakpoint behaviour
Responsive Design: Smartphone
Responsive Design: Smartphone
Responsive Design: Smartphone
Responsive Design: Smartphone
Prototype (built on Webflow)
Back to Top