Website and online shop for Glarner Kaffee
Roastery, café and online shop in one website.
The result in one sentence
Roastery, café and online shop in one website.
Concept, Information Architecture, UX/UI Design, UX Writing, Shopify, Framer, Shop Setup, Content, Image Concept and Ongoing Development
Owner, Glarner Kaffee
A local coffee roastery with its own café needed a digital presence that brought the shop, the brand and direct sales together.
More than an online shop
Coffee, tea, other products, the roastery, the café and courses all needed to come together in one clear presence.
Translate a local brand into digital
The personal atmosphere of the roastery needed to feel as tangible online as the product range itself.
Direct sales
Visitors should not only read about coffee. They should be able to choose and buy the right beans directly.
The scope grew during the project through additional content and requests.
Connecting several offers
The roastery, café, courses and shop needed a shared structure.
The website and online shop connect the local roastery with online sales.
Shop and brand brought together
Products, roastery and café do not feel like separate worlds but one connected brand experience.
Products structured clearly
Roast level, preparation methods, pack sizes and prices are visible directly at product level and make selection easier.
The local character preserved
Images from the roastery, information about production and a clear Frauenfeld connection show who is behind the coffee.
Website and shop launched
Products, roastery and café brought together in one website.
Buying products directly
Roast level, brewing method, quantity and price support product selection.
A flexible menu system brings the main menu, evening offer and seasonal specials into one consistent visual language.
The visual identity was extended to events and physical sales touchpoints, keeping Glarner Kaffee recognisable from the online shop to the roll banner.
What I take away from it
Addressing additional requests
I now identify additional requests as scope changes early.
Swisscom Versicherungen: Verständlich vergleichen
Nach dem Redesign lagen die gemessenen Conversion-Raten 16 bis 110 Prozent höher.
Swisscom Insurance: Fünf Produkte in acht Monaten
Fünf Versicherungsprodukte in acht Monaten eingeführt.
GGA Maur: Website-Redesign innerhalb bestehender Markenvorgaben
Wiederverwendbare Templates für Produkt- und Kampagnenseiten.