Website
Design. Genuss.

Description

Für Hüttenzauber haben wir eine neue Website entwickelt. Die Seite besticht durch eine frische Farbgestaltung, inspiriert von den Schweizer Bergen, eine benutzerfreundliche Navigation und die Integration mehrerer externer Tools.

Client

Kappeler Gastro AG

Year

2024

Logo Hüttenzauber
Farbpalette
Mockup Mobile

Das Design der Hüttenzauber-Website zeigt die Schönheit der Schweizer Bergwelt. Mit Farben, die an Bergseen, Enzianblumen und Nadelwälder erinnern, haben wir eine harmonische und klare Benutzeroberfläche geschaffen. Verspielte Schriften in Kombination mit einer gut lesbaren Lauftext-Schrift sorgen für ein modernes und gleichzeitig traditionelles Erscheinungsbild.

Mockup Laptop

Unser Team hat das Webdesign von Hüttenzauber von Grund auf neu gestaltet. Wir haben die Struktur der Seite überarbeitet, die Texte neu verfasst und die Farbgebung sowie die Typografie neu entwickelt. Dank der engen Zusammenarbeit mit dem Kunden und externen Dienstleistern ist eine Seite entstanden, die sich sehen lässt!

Ostendis | Jobs Mockup Laptop

Hüttenzauber setzt für die Ausschreibung und Verbreitung aller ihrer Jobinserate auf den schweizer Anbieter für Recruiting Systeme Ostendis. Wir haben externe Komponente von Ostendis perfekt in die Website eingearbeitet und das Design angeglichen, sodass die Besucher:innen der Website gar nicht merken, dass hier ein externer Teil eingebunden wird.

Boncard | Shop Mockup Laptop

Für Gutscheinkarten und Print@Home-Gutscheine hat Hüttenzauber in Boncard einen super Schweizer Partner gefunden. Insbesondere die Print@Home-Gutscheine haben wir nahtlos in den Bestellprozess des Onlineshops integriert mit dem Ziel, dass die Nutzer:innen eine automatische und schnelle Bestell-Experience erfahren.

Wallee | Checkout Mockup

Als Zahlungsabwickler für den Onlineshop nutzt Hüttenzauber den Schweizer Anbieter Wallee. Das von uns eingesetzte Shopsystem unterstützte Wallee jedoch nicht – bis jetzt! Wir haben einen Schnittstelle programmiert, welche die beiden Welten nahtlos verbindet, ohne dass die Besteller:innen dies merken.

Diesntleister Diagramm

Hüttenzauber Shop

Die Website von Hüttenzauber nutzt die Dienste von diversen externen Anbietern, um die Funktion des Onlineshops zur Verfügung zu stellen. So werden die Produkte und sämtliche deren Eigenschaften direkt im CMS eingestellt und bearbeitet. Das Warenkorbsystem von Snipcart holt sich diese Informationen dann ab und befüllt damit den Warenkorb. Dies ist auch möglich für dynamische Produkte, wie die Gutscheine und Print@Home-Gutscheine. Snipcart führt die Nutzer:innen durch den Checkout-Prozess und leitet dann automatisch auf die Zahlungsabwicklung von Wallee weiter. Nach erfolgter Zahlung (oder wenn die Nutzer:in die Zahlung abbricht) führt der Fluss zurück zu Snipcart's Abschlussbildschirm. Das Hüttenzauber-Team wird dann automatisch darauf hingewiesen, dass eine Bestellung eingetroffen ist.

Spezialfall P@H-Gutscheine
Hat der Nutzer einen (oder mehrere) Print@Home-Gutscheine gekauft, werden diese automatisch über einen mehrstufigen Prozess bei Boncard angemeldet und generiert. Im Anschluss werden die Gutscheine automatisch per E-Mail an die Nutzer:in versendet. Übrigens: Für den Versand von E-Mails setzen wir auf die Dienste von Sendgrid.

Mobile Mockup RestaurantsMobile Mockup Hotel

Traumhafte Bergwelt, einzigartige Konzepte, ein Ziel: Regionale Gastronomie mit besonderem Flair, gepflegte Übernachtungsmöglichkeiten für jedes Portemonnaie und herzliche kundenorientierte Mitarbeitende. Das ist Hüttenzauber – in den schönsten Regionen der Schweiz.

Tablet Mockup JournalTablet Mockup Events

Kulinarische Highlights, Sonnenuntergänge, Wanderungen, Kultur und Musik erwarten Sie an den zahlreichen Events in den Hüttenzauber-Betrieben. Wir von Fruitcake durften schon einige dieser Betriebe besuchen und in den Genuss von grossartiger Gastronomie kommen. 

Vorheriges Projekt Nächstes Projekt
Zurück zur Übersicht
1 / 1