Symrise AG

Gallery of Taste

Grafikdesign

Dieses Kompendium führt Flavoristen auf der Suche nach den passenden Aromen metaphorisch in eine Galerie unvorhergesehener Möglichkeiten. Ein wichtiges Gestaltungselement sind (Bilder-)Rahmen: Sie betonen Anwendungsaspekte und tragen dazu bei, die Ingredienzen von Symrise zu einem kleinen Kunstwerk zu machen. Ergänzt wird dieser Eindruck durch eine künstlerisch anmutende Typografie. Die Navigationselemente am Kopf jeder Produktseite in Verbindung mit drei verschiedenen Indizes sorgen dafür, dass die Nutzer sehr schnell in die für sie relevante Produktkategorie gelangen. Die vielfältigen Informationen zu jedem Produkt sind trotz ihrer enormen Komplexität übersichtlich angeordnet, was einen schnellen Vergleich zwischen ähnlichen Aromen ermöglicht. Wie es sich für gutes Design gehört, gehen hier Form und Funktion Hand in Hand und sorgen für ein in sich äußerst schlüssiges Buch, welches die Zielgruppe – auch wegen detailverliebter, haptischer Elemente – gerne in die Hand nimmt.

Unsere Leistungen: Art Direction, Beratung, Konzeption, Printmedien, Realisationsbegleitung

Credits

Produktion
Gutenberg Beuys

Awards

Berliner Type
2024 · Silber Award
DNA Paris
2024
European Design Award
2023 · Gold

Auch interessant

Herbase

Beleaf in yourself

Pilzgarten GmbH

Einfach gestapelt

/** * Event-Listener für die Geräte-Rotation (orientationchange) * Führt Elementor-Neuberechnungen aus, um Darstellungsfehler zu beheben. */ document.addEventListener('DOMContentLoaded', () => { // Überprüfen, ob die Elementor-API verfügbar ist if (window.elementorFrontend && window.elementorFrontend.elements) { // Funktion, die die Elementor-Elemente neu initialisiert/rendert const refreshElementorWidgets = () => { // Die Methode elementorFrontend.elements.all.forEach() iteriert über alle // geladenen Elementor Widgets auf der Seite. window.elementorFrontend.elements.all.forEach((element) => { // Wir suchen nach Elementen, die eine 'resize'-Methode haben, // da der Header und ähnliche Widgets oft diese Methode nutzen, // um sich an neue Bildschirmgrößen anzupassen. if (element.hasOwnProperty('resize')) { element.resize(); } // Alternativ/zusätzlich: Manchmal hilft auch eine generische // window.dispatchEvent(new Event('resize')); // um alle responsive Skripte des Browsers zu triggern, // aber der spezifische Aufruf ist oft sauberer. }); console.log('Elementor Header/Widgets nach Rotation neu getriggert.'); }; // Event-Listener für die Geräte-Rotation einrichten // 'orientationchange' ist das Standard-Event für Mobile/Tablet-Rotation window.addEventListener('orientationchange', () => { // Wir verwenden setTimeout, um dem DOM Zeit zu geben, die neue // Größe zu registrieren, BEVOR Elementor neu berechnet. setTimeout(refreshElementorWidgets, 500); // 500ms Verzögerung }); } else { console.warn('Elementor Frontend API nicht gefunden. Der Rotation-Fix wird nicht ausgeführt.'); } });