Ihr Schaufenster. So oft neu, wie Sie wollen.
Haltung
Der Name sagt, was das Schaufenster leisten soll: Passanten drehen sich um und bleiben stehen. Die Gestaltung folgt Zielto, aber zum Anfassen. Besucher bauen ihr eigenes Plakat ins echte Schaufenster, sehen, dass ihre Bildschirme passen können, und fragen direkt eine Vorführung an.
Altstadt, Fachwerk, Kopfsteinpflaster. Aus Bretten, persönlich betreut.
Das Produkt im echten Schaufenster zeigen, nicht abstrakt erklären.
Ausprobieren statt erklären: Branche, Foto und Anlass wählen, Plakat erscheint im Fenster.
Logo
Produkt-Lockup aus der Zielto-Raute, dem Produktnamen und der Absenderzeile „von Zielto“. Die Raute bleibt immer Gold, so wie im Zielto Design Guide.
Schutzraum rundum: halbe Rautenhöhe.
Ab 120 px Breite mit Absenderzeile, darunter nur Raute und Name.
- Raute nicht umfärben
- „von Zielto“ nicht weglassen, wenn Platz ist
- Name immer in drei Wörtern schreiben (Turn to Stay)
- Kein eigenes Produktlogo neben die Raute stellen
Farben
Hauptfarben mit Anteil, darunter Hilfsfarben. Kontraste nach WCAG 2.1 berechnet.
| Beispiel | Kombination | Kontrast | Text | Groß / UI |
|---|---|---|---|---|
| Aa Beispiel | Text auf Hintergrund | 17.1 : 1 | AA | AA |
| Aa Beispiel | Sekundärtext auf Hintergrund | 4.8 : 1 | AA | AA |
| Aa Beispiel | Knopftext auf Akzent | 6.4 : 1 | AA | AA |
| Aa Beispiel | Weiß auf Akzent (nicht verwenden) | 2.7 : 1 | nein | nein |
| Aa Beispiel | Akzent als Text auf Hintergrund | 2.7 : 1 | nein | nein |
| Aa Beispiel | Hell auf Dunkel | 17.1 : 1 | AA | AA |
Auf Gold steht Text immer in Ink (6,4 : 1), Weiß schafft nur 2,7 : 1. Gold ist keine Textfarbe auf Hell: Für Text auf Weiß immer Gold-Text (#6E5A00) nehmen.
Typografie
Alle Schriften stehen unter der SIL Open Font License und liegen lokal als WOFF2 bei, ohne Anfragen an Google.
Alles: Titel 700, Text 400/500 (Zielto-Hausschrift)
Eyebrows mit Raute, Kalenderwochen, Labels
700 · 0,95 · −0,04 em
700 · 1,0 · −0,035 em
700 · −0,025 em
400 · 1,55
Versalien · +0,08 em · Gold-Text
Abstände und Ecken
Ein 8er-Raster. Großzügige Abschnitte, damit jede Seite nur eine Sache erzählt.
Bausteine
Die wichtigsten Elemente der Website, live gerendert.
Packung oder Flyer mit dem Handy aufnehmen.
Aus dem Hersteller-Flyer wird Werbung für Ihr Schaufenster.
Bildsprache
- Echte Orte: Altstadt, Fachwerk, inhabergeführte Läden
- Bildschirme im Foto leer erzeugen, Plakat exakt einsetzen
- Menschen freundlich und bei der Arbeit, keine Stockposen
- Kein Foto von Markus auf der Produktseite
- Jedes KI-Bild trägt sichtbar „AI GENERATED“ unten rechts (22 % Breite) und IPTC-Metadaten (DigitalSourceType)
Bewegung
Bewegung erklärt, sie schmückt nicht. Bei „Bewegung reduzieren“ im System stehen alle Animationen still.
Einblenden, Überschriften
cubic-bezier(0.2, 0.8, 0.2, 1)Handy-Menü fährt herein
cubic-bezier(0.7, 0, 0.2, 1)Hover
Plakatwechsel, Einblenden
Neues Motiv, so oft Sie möchten
Signatur-Momente
Beim Scrollen wird es im Schaufenster von 08:00 bis 20:00 Abend.
Das Plakat wechselt mehrmals am Tag, das Schild zeigt die Uhrzeit, seit der es läuft.
Ladeschimmer, drei Statuszeilen, dann blendet das Plakat perspektivisch korrekt ins Fenster.
Beim Scrollen füllt sich die goldene Linie, die Rauten der vier Startschritte werden gold.
Sprache und Ton
Persönlich und lokal. Sie-Form. Konkrete Situationen aus dem Laden statt Technik.
- Bringen Sie einen aktuellen Lieferanten-Flyer mit.
- Mehr Werbung, ohne mehr Aufwand.
- Ihr Bildschirm oder ein neuer von uns: Wir schauen es uns an.
- Disruptive Retail-Media-Plattform
- Heilversprechen oder Arzneimittel auf Plakaten
- Zahlen ohne Quelle
Website
