Tea Product Page
Customers can now explore a tea format of their choice with additional helpful advice on perfect pairings and how to brew.
Large imagery was used on all product pages and utilised the full width on mobile to showcase the beautifully designed Fortnum & Mason packaging.
I designed an experience so users could easily discover the loose leaf and tea bag range by easily switching where they can now compare price & information without leaving the page.
Customers can now view tasting notes and how to make the perfect brew. They also now have the option for a perfect pairing with their Tea of choice whether that be a loose leaf strainer to help with the making of their Tea or F&M's famous biscuits to enjoy along with their purchase.
Creating this additional information & advice aligns with the exceptional service of the in-store experience where the customer is happy & confident with their final purchase.
Hamper Product page
Hamper products and information now easily viewable along with hamper upgrades.
Fortnum & Mason's famous Hampers were also given a different treatment where the customer has the option to view all contents in the hamper and view detailed descriptions on each item without leaving the page.
An option to be able to enjoy a little more was also designed to be close to the main CTA button and within the fold of the page to entice customers to explore additional hampers within their purchase range.
Biscuits Product page
Creating a perfect pairing for tea and biscuits allows for a seamless purchasing experience.
The perfect pairing was designed to be able to add both items easily straight to your bag accompanied with a short description as to why they're a match made in heaven.
Personalisation
Customers can instantly view their personalised item as they type.
I worked on prototyping personalised products, such as custom labels for champagne bottles for customers to be able to add a personalised message to offer as a gift.
When the customer starts typing, their message automatically appears on the label in the product image. It was important that the fields of input for the message was in close proximity to the product image so the customer gets instant feedback on how it would look.
With this in mind I focused on a mobile-first approach to designing this functionality as there was limited screen space to work with and I had to make sure the customer can view their updates whilst typing.
