Dating back to 1685, Klein Constantia is set amidst ancient trees on the upper foothills of the Constantiaberg, with views across False Bay. The perfect location for cool climate wines, Klein Constantia produces some of South Africa’s top wines, including one of the world’s best natural sweet wines, Vin de Constance.
The 146-hectare estate originally formed part of “Constantia”, a vast property established by Simon van der Stel, the first governor of the Cape. This particular valley was chosen not only for its beauty but also for the decomposed granite soils on its slopes, gently cooled by ocean breezes.
Tenacity Works has enjoyed a long-standing partnership with the team at Klein Constantia having taken care of their digital marketing needs for several years. Getting the green light for an all-new website meant we were able to fuse our experience of the brand with the very latest web technologies to create a beautiful new online home for this exceptional estate.
IA, UX, and UI Design
There are many facets to the Klein Constantia experience. The rich history, the highly coveted wines, the dining and tasting experiences, the complex terroir as well as the grounds of this beautiful estate. We needed to create a site structure and user experience that made navigating the site easy, allowing the user to experience the estate without becoming overwhelmed by the sheer number of options available. We were also very aware of the distinct user journeys involved in a site of this nature, which meant we designed the experience with both discoverability and specific user tasks in mind.
Following our long-standing methodology, the user interface designs were crafted over high fidelity wireframes in Figma. We then created a design system called Clara which was used to define every styling aspect of the site from colours to buttons and typography. Both the wires and UI were thoroughly prototyped and tested prior to developer hand-off.
The Commerce7 platform was selected to facilitate the eCommerce aspects of the new Klein Constantia site. With Commerce7 we were able to integrate the following features:
With a number of integration options available, Tenacity Works made it possible for users to browse and purchase the full range of Klein Constantia wines via a custom theme which displays the data stored within Commerce7. Reservations and club management options were integrated as well to deliver a comprehensive eCommerce winery experience.
Having studied analytics from the previous version of the site, we were able to determine that a majority of the users visited the site via mobile and that certain information (such as directions and opening times) tended to be a priority in mobile use cases. We were able to craft an experience that catered to mobile users whilst not diminishing the overall impact of the site.
We are always proud of the work we do with Klein Constantia. The end product of this particular project is an elegant, modern, and highly effective site that will help extend the reach and reputation of the brand for years to come.
Visit the estate at KleinConstantia.com
Are you part of the team at a winery or wine distributor looking to build a comprehensive web and eCommerce solution? We can help!