Montvalley
Website Redesign
Brief
A website that reflects the vineyard
Montvalley is a family-owned vineyard in Mount View, in the Hunter Valley, Australia. Its story extends beyond the wines themselves, encompassing the people behind them, the winemaking process and the place they call home.
​
The existing website no longer reflected the vineyard in the way it deserved. The brief was to redesign the website, bringing Montvalley’s wines, heritage and wider offering together in a more cohesive and contemporary digital experience.
Challenge
Defining a new visual direction
With no established visual guidelines for the website, I needed to define a new visual direction from the ground up. The existing logo provided a starting point, but the typography, colour, imagery and layouts needed to work together as a consistent visual language.
The challenge was to create a more contemporary, polished online experience without losing the warmth, heritage and personality of the vineyard.
old website
Creative direction
Creating a look and feel for Montvalley
I began by establishing the website’s visual direction, bringing together typography, colour and imagery to create a look that feels both welcoming and refined.
The aim was to complement Montvalley’s heritage without making the website feel dated. A consistent visual language ties the pages together, while the imagery brings the vineyard and its story to life.
Colours
#8A774C
#FFF7E5
#2F3035
#4A463B
40%
Fonts
Bodoni Moda Regular
ABCDEFGHIJKLM
NOPQRSTUVWXYZ​
abcdefghijklm
nopqrstuvwxyz​
0123456789!?#
Raleway Regular
ABCDEFGHIJKLM
NOPQRSTUVWXYZ​
abcdefghijklm
nopqrstuvwxyz​
0123456789!?#
Website design
From idea to reality
The aim was to create more than a website that showcases Montvalley’s wines. I wanted to tell the story of the vineyard through the design itself, using imagery, typography and layout to give visitors a sense of the place, its people and the wines they create.
​
A clearer structure and more intuitive navigation make it easier to explore the different aspects of Montvalley, from its wines and winemaking to its family history and wider offering. Each page has its own focus, while a consistent visual direction brings everything together into one cohesive experience.
​
From idea to reality, I translated the initial wireframes into the finished designs, refining the layouts to balance visual storytelling with the practical needs of the website. The result is a more engaging way to discover Montvalley, with the content and design working together to bring the vineyard’s story to life.
Homepage
Our Winemaking
Solution
Bringing the design to life
The new website gives Montvalley a more contemporary online presence while staying true to the character of the vineyard. I brought the visual elements together to create a consistent look and feel, using imagery, typography and layout to tell the story behind the wines.
​
The clearer structure makes it easier for visitors to find their way around the site and discover what Montvalley has to offer. Thoughtful page layouts help the content flow naturally, while the responsive design ensures the experience works across desktop and mobile.
​
The clients loved the finished website and felt it represented Montvalley perfectly — exactly what I had hoped to achieve.
​
​
Explore the live website
Authors Book Launch and Expo
Website Redesign
Brief
The client was looking for help with redesigning the Authors Book Launch and Expo website but also wanted to focus more on user-friendliness to improve the website's useability.
old design
Challenge
Create a more elegant and luxurious look & feel while using the existing assets. The event is the stage for authors to celebrate and support the publishing of their books with a grand gala night among other things.
The website focus on selling tickets for the event, but due to useability issues, sales stayed behind expectations.
Research
To receive a detailed impression of the event and its mood, I did review last year’s images, videos and reviews. In doing so, I gained lots of information about the look & feel and the dimension of the event.
Ideation
I started improving the website’s useability. Therefore, I stepped back and created wireframes to concentrate on the functionality. I ensured the information was clearly laid out and broken down into easy-to-understand bits.
In the next step, I created a colour scheme, harmonising with the logo, before I changed the fonts to match them better.
Primary colours
#06213E
#B5872F
Secondary colours
#F2E380
#06213E
20%
Fonts
Poppins
Semi Bold
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
​
abcdefghijklm
nopqrstuvwxyz
​
0123456789!?#
Noto Sans
Light
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
​
abcdefghijklm
nopqrstuvwxyz
​
0123456789!?#
I designed the website in Adobe XD, with some excursions to Adobe Photoshop and Illustrator, before I brought the assets to the client’s WIX account for the final touches.
old
new
Revision
In his feedback, the client mentioned that he would like to add a little extra to the header image. But he was more than happy with the overall look, the clear but elegant style and the user-friendliness.
before
after
Solution
The solution is a user-friendly website with an elegant design that reflects the event’s personality. The clear structure and light and pleasant design make it easy for the user to navigate and find the information they are looking for.
After editing, the images look fresher and more vibrant and creating the seal for next year’s event creates further excitement.
home page
ticket page
Happy Wave
Happiness comes in waves
UX Design
In a nutshell
What is Happy Wave?
Happy Wave is a weather app. Another weather app?
Yes, there are millions of weather apps out there. And some of them are pretty good! So why do we need another one?
Because Happy Wave is so much more than just a weather app: Imagine it is the best weather, and you want to go surfing, but at the beach, you find out that there are no waves. Or you want to go kayaking, but there is no kayak rental. Or you just want ice cream, but there is no bistro ...
Happy Wave has all the information you need for a happy and safe day at the beach and in the water.
Journey
It all started with a problem and its understanding by gathering information and conducting interviews. Once the key questions were defined, it was time to think about a solution. With this in mind, it was time to translate the idea into action before giving it back to the user to see if the challenge is mastered.
Challenge
Watersports enthusiasts and beach lovers need an easy way to find all the necessary information about watersports and beach facilities for their beach days. Even if their needs change, they want to make sure they are going to have a perfect day at the beach.
Solution
Besides comprehensive and actual weather data for different watersports, Happy Wave not only gives directions to the spots but provides watersports enthusiasts and beach lovers with additional information such as rental possibilities for watersports equipment, tour booking and detailed info about the beaches' facilities.
First reactions
But is this just wishful thinking or a valid idea? The best way to figure this out is to ask the most important people: the users.
​
So I started with a survey with 21 people to find out what users expect from a beach/watersport app, which watersports they are interested in, and to narrow down the options a bit.
Key learnings
-
The need for beach facilities varies from user to user, so an individual profile could help them find their perfect beach faster and easier.
-
The need for weather information varies with the watersport, so an individual profile could help users to check if the conditions for their favourite watersport are faster and more precise.
-
So far, there seems to be no favoured app for watersport equipment rentals or watersports course booking, so this could become a real USP for Happy Wave.
In qualitative interviews, I talked to three people about their beach and watersport habits to experience more about their preferences and pain points.
Affinity mapping clusters
Key learnings
-
The app should consolidate basic information like waves, weather & currents as well as safety notes and facilities, so users do not have to gather information at different spots.
-
People expect a lot from their days at the beach. To keep the app handy and neatl, it would be helpful to cluster the features.
-
Showing users where to rent watersports equipment or where to book courses/tours makes planning their day on the beach a little easier.
Goals
As a User Experience Designer, it is our mission to put the users first and make sure to meet their needs. But it is also our job to help businesses achieve their goals. So let's see where they are coming from and find out their focal point.
Key learnings
​
-
In the crowded market of weather apps, additional features let Happy Wave stand out. A handy and intuitive user experience will bring users back regularly, and a smart marketing strategy will make sure that people got to know about the app.
So what can and what should the app do in the end?
Pioneers
All these data are valuable, but this abstract knowledge is not what Happy Wave is for–real people. To really understand the user, we need to translate the research learning into something more tangible. Cause the users already told us what their perfect day at the beach or in the water looks like, what their pain points are, and how the app could make it easier for them to reach their goals.
So who are the people Happy Wave is for?
​Let me introduce you to Abby, Caro, and Steve – our 3 lovely but fictional users who represent the main user groups of Happy Wave.
User Personas
Now that we know our users, we can start to think about the single steps they take on their journey to their perfect beach day to better understand their needs and pain points.
User Journeys
Find a beach
Now that we know who we are talking to and what their pain points are, we can analyse the tasks the users have to go through and think about the steps they would have to take to find the perfect beach.
User Flow
Find the right words
After we look at the users’ journey and know their single steps, it is time to cluster the patterns and test if it feels natural to the user. With 6 participants, the card sort confirmed that they agree on the cluster and understand it.
Affinity Mapping
Card Sort
Key learnings
​
-
clusters felt highly intuitive to users
-
users agreed on the matching of categories
-
the naming of categories is clear to the user
Blueprint
After getting to know our users well, it is time to think about the app's framework. It helps organise the features and shapes the flow making sure the navigation is logical and intuitive.
Sitemap
From mind to paper
When the architecture works well, it is time to translate all the knowledge into something more tangible: low-fidelity wireframes, roughly sketched with pen & paper, bring the app to life and give a first feeling for what is needed.
Low-Fidelity Wireframes
Get in shape
Adding more and more details, the app starts to show its soul. While the Low-Fidelity Wireframes mainly set the navigation, this step also gives the first feeling for content and room layout.
Get in shape
Adding more and more details, the app starts to show its soul. While the Low-Fidelity Wireframes mainly set the navigation, this step also gives the first feeling for content and room layout.
Mid-Fidelity Wireframes
Acid test
With a precise approach to navigation and content, it was time to give Happy Wave back to the users' hands to see their reactions and hear their thoughts and feelings. The mid-fidelity interactive prototype allows users to explore the main features and reveal errors and frictions.
​
With six participants, the user testing showed that overall the navigation and functions work very well. The biggest challenge for the participants was understanding the difference between a first prototype and a ready-to-go app. So instead of following the flow and completing the given tasks, they ran wild and wanted to check out every function without the goal in mind asking for colours and pictures. But back on track, they all found it very easy to finish the given task and had no problems reaching the goals.
Rainbow Spreadsheet
Smooth out errors
Issue
Links were not identified as clickable at first glance
​​
Issue
The abbreviation "SUP" was not understood
​
Issue
Icons were not decoded immediately, even though their meaning became obvious later
​​
Issue
Price info for courses was missing
Solution
Rework design to make links recognisable easily
​
Solution
Change wording to stand-up paddling
​
Solution
Introduce icons with an explanation before using them without any caption
​
Solution
Add prices
Soul shaping
When all content aspects are distinct and lashed, it is time to breathe life into the app: Colors, pictures, and copy reveal Happy Wave's soul and whet the user's appetite for beaches and watersports.
To make the experience touchable and fun to use it is crucial to develop a constant design language that considers design principles as well as accessibility to make the app available to a broad audience.
If you are interested in the Happy Wave app, feel free to check out the interactive prototype.
Click to start prototype
Last but not least
So now that we have a polished prototype, it is time to double-check if we have reached our goals. The app should give watersports enthusiasts and beach lovers a reliable and easily accessible opportunity to check actual news about water, weather, and hazards. But it should also provide information about possible watersport activities, watersport equipment rental options, course or tour booking options, as well as other facilities at the beach, including the directions to get there.
Referring back to the users’ feedback these goals are very well achieved, as with this app, they can enjoy their time at and in the water to the fullest without worrying about anything.