IKUNA

Website Design auf Basis eines bestehenden Design Systems

Design Systems

UI Design

Figma

Token Architecture

Component Libraries

Überblick

IKUNA ist das Naturresort einer etablierten Marke – Erlebnispark, Tipi-Suiten, Chalets und Camping auf 200.000 m². Die Website sollte technisch und strukturell auf dem etablierten Design System der Muttermarke aufsetzen, gleichzeitig aber eine eigene, eigenständige Markenwelt bekommen. Kurz: gleiche Foundation, anderer Charakter.

Kontext:
Eigenständiger Markenauftritt für IKUNA, abgeleitet vom Design System der Muttermarke

Zusammenarbeit:
Umgesetzt gemeinsam mit heyrise.at

Live: ikuna.at

Die Aufgabe / Das Problem

Das Design System der Muttermarke war als Library vorhanden und bewährt – seriös, klar, sachlich-reduziert. IKUNA spricht aber eine völlig andere Zielgruppe an: Familien und Direktkund:innen, die einen Ausflug oder Urlaub planen. Verspielt, einladend, erlebnisorientiert statt klinisch.

Die Herausforderung lag im Spannungsfeld:

  • Reuse maximieren – nicht alles neu bauen, vom bestehenden System profitieren (Konsistenz, Geschwindigkeit, Wartbarkeit).

  • Eigene Identität schaffen – IKUNA durfte sich nicht wie ein Subbrand der Muttermarke anfühlen.

  • Print-CI übersetzen – es existierte ein Print-CI für IKUNA, aber kaum digitale Vorgaben. Grundfarben und primäre Schrift mussten erst digital nutzbar gemacht werden.

Die Kernfrage: Was bleibt, was wird angepasst, was wird neu gebaut?

Gedankenprozess


Zuerst bin ich die bestehende Library durchgegangen und habe jede Component nach drei Kategorien sortiert: behalten, anpassen, neu bauen. Leitfrage war immer die Funktion vs. der Markencharakter – funktionale Bausteine bleiben, charaktertragende Elemente werden überarbeitet.

So blieb die Foundation stabil, während der sichtbare Layer komplett auf IKUNA umgestellt wurde.

Statt die bestehende Library zu verlinken, habe ich sie kopiert und als eigene IKUNA-Library aufgesetzt. So konnte ich Variablen, Token-Werte und Styles überschreiben, ohne die Quell-Library zu gefährden, und IKUNA kann sich unabhängig weiterentwickeln.

Die Lösung

Eine eigenständige IKUNA-Library auf bestehender Foundation – gleiche strukturelle DNA, eigener Markenausdruck.

Token & Styles Komplett überschriebene Color-Token aus dem Print-CI abgeleitet, angepasste Typo-Skala, IKUNA-spezifische Button-Styles. Die Variant-Struktur der Buttons blieb erhalten, nur Fill, Type und States wurden neu gestylt.

Beispiele neuer Components

  • Hero – großflächig, bildgetrieben, in mehreren Varianten (Resort, Erlebnisbad, Übernachtungen).

  • Unterkunfts-Teaser – Tipi/Chalet mit Bild, Beschreibung, Preis-Indikator und doppeltem CTA (buchen / anfragen).

  • Ticket-Teaser – filterbare Ticket-Cards mit Preisstaffel (voll/ermäßigt) und Kategorie-Tag.

  • Galerie / Impressionen – kategorisierbares Bildraster als emotionaler Anker.

Page Templates Aus den Components habe ich durchgängige Page Templates aufgebaut, sodass die unterschiedlichen Seitentypen (Home, Übernachtungen, Freizeitpark, Tickets) konsistent und schnell bespielbar sind.

Ergebnis Eine Website, die technisch und strukturell vom bestehenden System profitiert, sich aber wie eine eigene Marke anfühlt – verspielter, wärmer, familienorientiert. Reuse, wo sinnvoll; Neubau, wo es den Charakter braucht.

Reflexion

Das Projekt war im Kern eine Design-System-Adaption: Die schwierigste Arbeit lag nicht im Pixel-Layout, sondern in der Entscheidung, welche Teile des bestehenden Systems Marken-neutral genug sind, um sie zu behalten – und welche neu gedacht werden mussten. Genau diese Trennung von Funktion und Charakter hat ermöglicht, schnell und konsistent zu liefern, ohne dass IKUNA wie ein Klon der Muttermarke wirkt.
Es fehlt noch das es auch schwierig war vom klinschen biogena zu einem familienfreundlichen Design umzuspringen.
Und auch das IKUNA vorher nur die Campingplatz ist und jetzt eher eine Dachmarke für mehrere Angebote ist.