Pieroth.de - Creating an online shop for Pieroth Wein AG

Modern online shop for a pioneering wine distributor

Homepage desktop view for Pieroth - a premium wine merchant. Hero section reads 'More than just buying wine' with two young women toasting and a prominent CTA button.

Overview -
The Pieroth Shop

It is the Summer of 2020 and Pieroth Wein AG is on the prowl. With a sophisticated and complex digitization strategy in tow, they are on the lookout for a skilled and knowledgeable partner to implement their new E-Commerce concept.

Client

Pieroth Wein AG

Services

UX Design

/

UI Design

/

Web development

/

App development

Duration

5 Months

The team

1 Project Manager

/

2 Front-end

Engineers

/

2 Back-end

Engineers

/

1 UX Designer

/

1 Visual Designer

Challenges & goals

We needed to seamlessly merge tradition with tech. Our task was to incorporate and accurately represent Pieroth’s extensive wine history, dating back 300 years, whilst also creating a modern online shop. We therefore equally focused on content and storytelling, as well as on products and services, to ensure that we protected and included Pieroth’s corporate identity.

Our approach

We had two main tasks: Unite tradition with modernity AND make the services easily accessible. This is turf that we are very familiar with, so we knew exactly what to do. Start with a UX and concept workshop to create a collective vision for Pieroth’s future online presence.

5

National companies

1k

Passionate employees

4

Weeks to implementation

6

Especial dream team employees

Desktop view showing Pieroth top navigation bar and a wine type selection section: Red, White, Rose, Sparkling, and All wines.
Desktop view of Pieroth’s brand history timeline. Shows a black and white photo of two men next to key historical dates and events.

Roadmap - Shop Implementation

Together with the stakeholders, we run through the Concept Phase of establishing wireframes and developing features in Design Sprints or UX Workshops. The wireframes are then refined in Visual Design in terms of color and aesthetics, and ultimately converted into their Shop Theme. Furthermore, individually programmed interfaces ensure the connection of all relevant systems.

Concept & UX Design
Visual Design
Programming
Mobile view of product detail page with a close up of the image gallery. A red wine 'Grappe de Lumiére.' Is displayed with product tags and customer ratings. Tablet view of product listing page showing three white wines. Product cards have light blue background, descriptions, prices and a blue ATC button.
Desktop view of Pieroth e-commerce interface showing recipe cards with stylish food photography.

Concept & UX UI Design - Meeting All Needs

01 Oh, the Tales That Wine Could Tell

A full experience. For Pieroth, wine represents so much more than simply being a luxury good. Every variety, every bottle, every winery has its origin, its history and unique taste. This passion needs to be felt by their audience through their new online shop, along with blog style posts of recipes and tips.

02 Tailored to Your Palate

Pieroth doesn’t only sell wine, they are also invested in sharing knowledge. They are eager to expertly guide their customers on the discovery of finding their ‘perfect blend’. They do this by holding tasting events, as well as offering online wine tastings from home. Customers can book these services via the new online shop.

03 Cover Your Bases

Make a splash! The newly designed online shop also serves as the company website for Pieroth Germany. We created a webpage that was stylish, functional, and represented the companies’ current market distribution position. It also includes important internal bits, such as a career page.

04 The Full Omnichannel Experience

Pieroth Germany has grown considerably, due to its unique direct sales concept which comprises of their close business partnerships with their cherished advisors. The back-end programming is ready and waits in eager anticipation for the potential of future customer sales. It is geared toward making for an enjoyable omnichannel experience for customers by pulling on Pieroth’s strengths – their current direct sales funnel & their new E-Commerce site.

Mobile view of Pieroth homepage promoting ‘Wine of the month’ and ‘Explorer packages’ with images and clear pricing. Tablet view of Pieroth's 'Online wine tasting' package. Shows photos of people toasting, a 4.5 average rating alongside a description of the service.
Minimal mobile navigation menu for Pieroth wine. Users can browse wine by 'All wines,' ‘Wine type,’ and  'Countries’.
The new online shop is an important step in Pieroth's digital strategy.

Their online appearance hints toward a sturdy foundation or an ambitious omnichannel concept through which Pieroth wants to combine its ctraditional strengths with digital added value.

Visual Design

Once the Concept Phase is completed, we further explore and develop the Visual Design. This is where we implement the visual and aesthetic refinements to Pieroth Germany’s new online presence.

As part of the relaunch, a revised corporate design was released that had a significant influence on the make-up of site. Resulting in a design that brings Pieroth's tradition and future together in the digital world.

A balance of informative text and stimulating images was ensured to properly tell the many tales of this reputable brand.

Tablet view of product listing page, and mobile view of a product carousel showing white wine recommendations.

Programming - Microservices powered by The Cloud

The company website and the online shop were set up together on the Shopify Plus platform. We made sure that the layout of their new Shopify website matches Pieroth’s unique corporate design with an Individual Shopify Theme.

In the background, microservices act as interfaces for an optimal data flow between the shop and the customer's SAP ERP system, the booking system for wine tastings and other third-party systems.

Front-end

Shopify Plus

/

Shopify Liquid

/

HTML 5 + CSS3

Back-end

GraphQL

/

Node.js

/

Vercel

/

GraphCMS

/

Serverless Functions

Four mobile Pieroth screens: Wine of the month, a bestseller card, wine taste rating sliders, and a full shopping cart summary.

Outcome & outlook - Time to bear fruit

Creating a tech-savvy modern website and online shop is Pieroth Germany’s token to paving the way for new sales avenues. With a revised corporate design and online presence, Pieroth demands market space in the digital future of wine sales that still builds on their tradition and existing strengths.

5

National companies

1k

Passionate employees

4

Weeks to implementation

6

Especial dream team employees

Two desktop Pieroth wine screens: A 'bestseller' product page next to a product listing page with advanced filtering for wine type, region, and flavour.

Client reference -
Exactly the right partner

“Especial was exactly the right partner for our relaunch. They supported us with all challenges related to design and associated technical services and always delivered on time. I look forward to expanding Pieroth’s digital offerings and on a continued partnership with Especial.”

- Nicolas Johansson, Digital Manager

0 hours

maintenance due to cloud infrastructure

Shopify Plus

serves as a reliable platform

See how we helped other businesses

GDCh e.V.

How we developed an App for +30,000 chemists

GDCh app development case study — custom software solution for over 30,000 chemists, designed to enhance community engagement and access to scientific resources.

PGM Art World

Modern tech meets modern art

PGM Art World website design mockup on tablet and smartphone — modern art eCommerce store built with advanced web technology showcasing artwork and clean minimal UI.

Vetevo

Theme overhaul - Shopify Plus

Vetevo Shopify Plus theme redesign mockup displayed on mobile devices — modern eCommerce website for pet health products with optimized UX and responsive layout.

Betriebseinrichtung Sofort

Revamping furnishing retail

Betriebseinrichtung Sofort website revamp mockup on laptop and smartphone — furniture retail eCommerce redesign featuring improved product catalog and modern responsive design.

Hey there!

We’d love to connect with you. If you prefer, you can email us at hello@especial.digital
By sending this form, you agree to our
Privacy Policy.
Thanks for reaching out.
We will get back to you shortly!
Oops! It looks like there was an issue submitting your form.