- HOME
- ● PROJECTS
- ● CASE STUDY - Tannwerk
Tannwerk
Animierte Abschnitte / Scrollanimationen / Fotografie / Textgestaltung
Handwerk / Schreinerei
Redesign
7
2026
Elementor/HTML/CSS/JS
Fotos/Texte
Konzept / Design / Entwicklung
Live
Status
Eine überladene
und unklare
Website.
Die bisherige Website war in zahlreiche einzelne Leistungsseiten unterteilt, mit sich überschneidenden Inhalten und ohne klare Hierarchie. Die Struktur erschwerte das Verständnis des tatsächlichen Angebots von Tannwerk, während die visuelle Sprache uneinheitlich wirkte und nicht zum Charakter der Marke passte.
Weniger Komplexität.
Mehr Klarheit.
Wir haben die gesamte Struktur von Grund auf neu gedacht. Statt jede Leistung einzeln darzustellen, reduzierten wir die Inhalte auf vier klar definierte Bereiche: Holz, Klang, Reif und Licht. Darauf bauten wir das gesamte Nutzererlebnis auf. Das Ziel war nicht nur eine neue Website, sondern eine klarere digitale Darstellung dessen, was Tannwerk einzigartig macht.
Eine klare und
eindrucksvolle
digitale Marke.
Die neue Website verbindet eine verfeinerte visuelle Sprache mit einer klaren und intuitiven Struktur. Die vier Kernbereiche lassen sich nun als eigenständige Teile der Tannwerk Welt entdecken. Interaktive Details und sorgfältig ausgewählte Bilder machen Materialien, Handwerk und Atmosphäre erlebbar.
AUSZUG AUS DER VORHERIGEN WEBSITE
Ein genauerer Blick auf
das neue Tannwerk
Von der Struktur und dem Storytelling bis hin zu Interaktionen und responsivem Design – ein genauerer Blick auf die Entscheidungen, die das neue digitale Erlebnis geprägt haben.
Von vielen einzelnen Leistungen zu vier klaren Welten.
Statt jede Leistung als eigenen Teil der Website darzustellen, haben wir die vielfältige Arbeit von Tannwerk in vier eigenständige Welten zusammengeführt: Holz, Klang, Reif und Licht. Jeder Bereich hat seinen eigenen Charakter und bleibt zugleich Teil eines stimmigen Gesamterlebnisses.
- ● Vier eigenständige Welten
- ● Klare Navigation
- ● Ein zusammenhängendes Erlebnis
- ● Jeder Bereich mit eigenem Charakter
Von einer statischen Website zu einem lebendigeren Erlebnis.
Dezente Animationen, Scroll Effekte und dynamische Übergänge erwecken die neue Tannwerk Website zum Leben. Bewegungen führen durch die Inhalte, schaffen visuelle Verbindungen zwischen den Abschnitten und verleihen dem Erlebnis mehr Tiefe, ohne von den Informationen abzulenken.
- ● Animationen und bewegte Elemente
- ● Scrollanimationen
- ● Dynamische Übergänge
- ● Interaktive Elemente
Ein stärkerer visueller Auftritt für Tannwerk.
Das neue Design schafft eine unverwechselbare visuelle Sprache für Tannwerk. Es verbindet ausgewählte Typografie, sorgfältig zusammengestellte Bilder und ein einheitliches Gestaltungssystem. Jedes Element greift den Charakter der Marke auf und verleiht der Website einen zeitgemässen, wiedererkennbaren Auftritt.
- ● Einheitliche visuelle Sprache
- ● Unverwechselbare Identität
- ● Verfeinerte Typografie
- ● Stärkerer Markenauftritt
Eine natürliche und
verfeinerte Bildsprache.
Die Farbpalette und Typografie spiegeln Tannwerks Verbindung zu natürlichen Materialien, traditionellem Handwerk und zeitgemässem Design wider. Eine ruhige, erdige Basis trifft auf dezente Blautöne und schafft eine zeitlose, authentische visuelle Identität.
Starker Kontrast
Inhaltsbereiche
Rahmen und Trennlinien
Buttons und Highlights
Bereiche und Details
Icons und Elemente
Von Tanner zu Tannwerk.
Das neue Tannwerk Logo vereint den Namen, das Handwerk und die Geschichte hinter der Marke zu einem unverwechselbaren Zeichen.
Ein Name wird zum Symbol.
Tannwerk leitet sich vom Nachnamen Stefan Tanners ab. Die Tanne schafft eine natürliche Verbindung zu seinem Namen und steht zugleich für Holz, das zentrale Material seiner Arbeit als Schreiner. Diese Idee wird direkt im Schriftzug sichtbar: Der Buchstabe A wird zu einer stilisierten Tanne. So wird das Symbol zum festen Bestandteil des Namens statt zu einem separaten dekorativen Element.
Eine Form mit Bedeutung.
Das dreizehnseitige Emblem ist von der traditionellen Form von Stefans handgefertigten Trommeln inspiriert. Die Zahl dreizehn steht in Verbindung mit dem Mondzyklus und den schamanischen Traditionen, die mit seiner Trommelbaupraxis verbunden sind. Dadurch erhält das Emblem eine Bedeutung, die über sein Erscheinungsbild hinausgeht und die visuelle Identität mit einem besonderen Teil seines Handwerks verbindet.
Eine Identität, viele Ausdrucksformen.
Das fertige Logo verbindet einen verfeinerten Schriftzug, das integrierte Tannensymbol und den dreizehnseitigen Rahmen. Helle und dunkle Varianten ermöglichen den Einsatz auf unterschiedlichen Hintergründen. Das dreidimensionale Relief in Kupferoptik überträgt das Design in eine greifbare, materielle Form. Das Tannensymbol wird zudem als Favicon eingesetzt und bewahrt die Identität in ihrer reduziertesten Form.
So entsteht eine visuelle Identität, die in Stefan Tanners Namen, dem Werkstoff Holz und den Traditionen seines Handwerks verwurzelt ist.
Eine Geschichte, erzählt durch Bilder, Bewegung und Inhalte.
Anstatt Informationen in isolierten Abschnitten zu präsentieren, verbindet die neue Website Inhalte, Bilder und Bewegung zu einer zusammenhängenden Geschichte. So entsteht ein Erlebnis, das nicht nur vermittelt, was Tannwerk macht, sondern auch das Handwerk, die Materialien und die Atmosphäre dahinter spürbar macht.
- ● Visuelles Storytelling
- ● Zusammenhängende Inhalte
- ● Information und Atmosphäre
- ● Stärkere emotionale Wirkung
Eine verfeinerte visuelle Welt.
Die Fotografie wurde zu einem integralen Bestandteil der neuen visuellen Identität. Sorgfältig ausgewählte und professionell bearbeitete Bilder schaffen eine einheitliche Bildsprache über die gesamte Website hinweg, während jede der vier Welten ihre eigene Atmosphäre und ihren eigenen Charakter bewahrt.
- ● Gezielter Einsatz von Fotografie
- ● Professionelle Bildbearbeitung
- ● Einheitliche Bildsprache
- ● Eigenständige Bildwelten für jeden Bereich
- ● Material, Detail und Atmosphäre
Von der Erklärung zum greifbaren Erlebnis.
Die neue Website rückt die Materialien, das Handwerk und die Erlebnisse hinter Tannwerk in den Mittelpunkt. Von handgefertigten Produkten und individuellen Details bis hin zum Trommelbau-Workshop machen Bilder und Inhalte die Arbeit greifbarer und vermitteln Besuchern ein besseres Gefühl dafür, was Tannwerk ausmacht.
- ● Material und Handwerk
- ● Handgefertigte Produkte
- ● Workshops und Erlebnisse
- ● Produktdetails
- ● Atmosphäre und Authentizität
Ein durchdachtes Erlebnis auf jedem Gerät.
Die neue Website wurde so gestaltet, dass sie sich nahtlos an Desktop, Tablet und Smartphone anpasst. Layouts, Typografie, Bilder und Interaktionen wurden sorgfältig für kleinere Bildschirme optimiert. So bleiben der Charakter und die Benutzerfreundlichkeit des Erlebnisses erhalten, ohne die Desktop-Version einfach nur zu verkleinern.
- ● Responsive layouts
- ● Angepasste Typografie
- ● Optimierte Bilder
- ● Touchfreundliche Interaktionen
- ● Einheitliches Erlebnis auf allen Geräten
zURÜCK
8-ung-steil
WEITER