WEBDESIGN
Ein Atelier stellt sich vor.
Eine klare Website für Arbeiten, Leistungen und Kontakt.
KLEINE FUNKTIONEN. GROSSE MÖGLICHKEITEN.
Interaktive Website-Beispiele. Selbst ausprobieren.
Entdecke 30 Ideen für deine Website – ein Klick bringt dich direkt zum gewünschten Beispiel.
01 / BILDER VERGLEICHEN
Vorher und nachher.
Ein Motiv im Vergleich.
Zieh die Trennlinie nach links oder rechts. Dasselbe Motiv zeigt dir unmittelbar den Unterschied zwischen Schwarz-Weiß und Farbe.
Schwarz-WeißFarbe
↔Oberbaumbrücke, Berlin · Bildbearbeitung in unseren Markenfarben · Ausgangsfoto: Ikechukwu Prince / Unsplash
Wofür passt das? Für Vorher-Nachher-Vergleiche, Bildbearbeitung, Renovierung, Gestaltung und Produktvergleiche. Hier zeigen wir einen Farbvergleich desselben Motivs.
Für meine Website anfragen ↗02 / VARIANTEN WECHSELN
Farben und Design.
Dein Stil auf einen Klick.
Welche Farbe passt zum Auftritt? Wähle eine Variante und sieh direkt, wie sich ein kleines Website-Beispiel verändert.
Die Auswahl verändert Farbe, Flächen und Akzente der Vorschau.
Kobaltblau ist ausgewählt.
RÄUME MIT PERSÖNLICHKEITGute Ideen.
Gute Ideen.
Ein eigener Charakter.
Ein stimmiger Auftritt verbindet klare Formen, bewusste Farben und Raum für das Wesentliche.
Wofür passt das? Für Produktfarben, Ausstattungen, Materialvarianten oder die Auswahl einer Gestaltung.
Für meine Website anfragen ↗03 / ANFRAGEN FÜHREN
Mehrstufiges Formular.
Schritt für Schritt.
Wähle ein Vorhaben. Das Formular fragt anschließend genau die Angaben ab, die dafür hilfreich sind.
Wofür passt das? Für Projektanfragen, Beratungen und Angebote mit unterschiedlichen Anforderungen.
Für meine Website anfragen ↗04 / DETAILS ENTDECKEN
Interaktive Bildpunkte.
Mehr entdecken.
Klicke auf einen Punkt. So lassen sich Funktionen, Produkte und besondere Details direkt am passenden Ort erklären.
01 / DESKTOP
Raum für den Überblick.
Auf großen Bildschirmen können Bilder, Texte und Funktionen nebeneinander stehen. Klare Hierarchien helfen dabei, sich schnell zu orientieren.
Wähle einen anderen Punkt im Bild.
Wofür passt das? Für Produktdetails, Räume, technische Anlagen und erklärungsbedürftige Leistungen.
Für meine Website anfragen ↗05 / SCHNELLER FINDEN
Beispiele filtern.
Schneller zum passenden Projekt.
Wähle einen Bereich oder gib einen Suchbegriff ein. Die Übersicht zeigt sofort die passenden Beispiele.
Fiktive Anwendungsbeispiele zum Ausprobieren.
6 Beispiele gefunden.
MARKE
Ein Auftritt mit Charakter.
Farben und Gestaltung, die eine Marke zusammenhalten.
ANWENDUNGEN
Termine einfach organisieren.
Ein Buchungskalender mit freien Zeiten und klarem Ablauf.
WEBDESIGN
Produkte übersichtlich zeigen.
Ein Katalog mit Kategorien und hilfreichen Produktdetails.
MARKE
Gestaltung über alle Medien.
Ein gemeinsamer Stil für Website, Druck und Werbetechnik.
ANWENDUNGEN
Aufträge im Blick behalten.
Ein Portal, das Informationen und Arbeitsschritte verbindet.
Hier passt gerade kein Beispiel.
Versuche einen anderen Begriff oder zeige wieder alle Beispiele.
Wofür passt das? Für Referenzen, Produktkataloge, Leistungen und große Wissensbereiche.
Für meine Website anfragen ↗06 / LIVE GESTALTEN
Texte live ändern.
Direkt im Bild.
Schreib deine eigene Überschrift und verändere Größe und Ausrichtung. Die Vorschau reagiert sofort.
49 / 90 Zeichen
Dein Text bleibt in dieser Vorschau und wird nicht versendet.
DEIN AUFTRITT. DEINE WORTE.
Gute Ideen verdienen einen starken Auftritt.
So bekommt eine Botschaft ihren eigenen Platz.Wofür passt das? Für personalisierte Produkte, Beschriftungen, Grußkarten und einfache Gestaltungsvorschauen.
Für meine Website anfragen ↗07 / REIHENFOLGE BESTIMMEN
Inhalte sortieren.
Du entscheidest.
Zieh die Einträge am Griff in deine Wunschreihenfolge. Mit den Pfeiltasten an jedem Eintrag geht es genauso.
- 01Ein starker erster Eindruck
- 02Mehr passende Anfragen
- 03Weniger Aufwand im Alltag
- 04Inhalte selbst pflegen
So geht’s: Links die sechs Punkte gedrückt halten und nach oben oder unten ziehen – oder rechts auf die Pfeile ↑ und ↓ klicken.
Beispiel zum Ausprobieren. Die Auswahl wird nicht versendet.
Wofür passt das? Für Wunschlisten, Projektbriefings, Planungen und die Reihenfolge von Inhalten.
Für meine Website anfragen ↗08 / FORMULAR & DATEN
Kontaktformular.
Eine Eingabe, viele Wege.
Fülle das Beispielformular aus und wähle, was danach passiert: einen Datensatz speichern, eine E-Mail vorbereiten oder beides zusammen.
Zum Ausprobieren mit Beispieldaten. Diese Demo speichert ausschließlich in deinem Browser. Der Posteingang ist eine Vorschau; es werden keine E-Mails verschickt. Andere Besucher können deine Einträge nicht sehen.
01 · Formular ausfüllen→02 · Verarbeitung wählen→03 · Ergebnis wieder aufrufen
LOKALE DEMO-DATENBANK0 Datensätze
Gespeichert. Wiedergefunden.
Wähle eine gespeicherte Anfrage und lies ihre Daten wieder aus. Die Einträge bleiben auch nach dem Neuladen in diesem Browser erhalten.
Dein erster Datensatz erscheint hier, sobald du eine Beispielanfrage mit aktivierter Datenbank speicherst.
DEMO-POSTEINGANG0 Nachrichten
Eine Anfrage im Postfach.
So kann dein Team eine strukturierte Formularanfrage als E-Mail erhalten. Hier zeigen wir eine Vorschau ohne echten Versand.
Deine Nachricht erscheint hier, sobald du eine Beispielanfrage mit aktivierter E-Mail-Option verarbeitest.
Nur deine lokale Demo: Bis zu 50 Einträge pro Bereich. Gelöschte Browserdaten entfernen auch diese Beispiele.
VOM FORMULAR ZUR DIGITALEN LÖSUNG
Mail, Datenbank oder beides.
So, wie dein Unternehmen arbeitet.
Direkt ins Postfach
Anfragen gehen automatisch an die passenden Empfänger – mit klarer Struktur und den gewünschten Angaben.
Zentral in der Datenbank
Datensätze speichern, suchen, filtern und weiterbearbeiten. Daraus können Kundenverzeichnisse, Auftragsübersichten und umfangreiche Datenbanken entstehen.
Mit deinen Abläufen verbunden
Beide Wege lassen sich kombinieren und um Schnittstellen, Benutzerrechte, Auswertungen oder ein eigenes Verwaltungsportal erweitern.
Wofür passt das? Für Kontakt- und Angebotsanfragen, Bewerbungen, Buchungen, Kundenportale und die strukturierte Erfassung großer Datenbestände.
Mein Formular besprechen ↗09 / VORFREUDE WECKEN
Countdown für deine Website.
Die Zeit läuft.
Wähle einen Termin und probiere deinen Countdown aus. Die Anzeige zählt live bis zum gewählten Zeitpunkt herunter.
BEREIT FÜR DEN GROSSEN MOMENT?
Etwas Neues kommt.
07Tage
00Stunden
00Minuten
00Sekunden
Der Beispiel-Countdown wird gestartet.
Wofür passt das? Für Website-Launches, Veranstaltungen, Anmeldeschlüsse und zeitlich begrenzte Aktionen. Wenn der Termin erreicht ist, kann eine passende Nachricht oder der neue Inhalt erscheinen.
Für meine Website anfragen ↗10 / LIVE-DESIGNSTUDIO
Design konfigurieren.
Deine Marke, dein Look.
Ein Name, eine Farbe, ein anderer Charakter. Gestalte dein Website-Beispiel und sieh direkt, wie dein Auftritt auf Desktop und Handy wirkt.
IDEEN MIT PERSÖNLICHKEIT
Gute Ideen. Ein starker Auftritt.
Wir machen aus deinen Vorstellungen etwas, das zu dir passt. Klar gestaltet. Mit Liebe zum Detail.
Lass uns redenRaum für deinen nächsten Schritt.
zu deinem.↗
Ideen mit Richtung.
Wir hören zu und denken mit.
Gestaltung mit Gefühl.
Ein Look, der zu dir passt.
Einfach gut gemacht.
Vom ersten Gedanken zum Ergebnis.
Desktop-Ansicht · Die Vorschau passt sich dem verfügbaren Platz an.
Zurück zur Gestaltung ↑Ein Look, den du dir merken möchtest?
Studio Morgen · Kobaltblau · Elegant · 12 px · Button mit Farbfläche
Wofür passt das? Für Markenauftritte, Produkt-Konfiguratoren und individuelle Gestaltungsoptionen. Hier siehst du, wie Besucher ihre Auswahl direkt erleben können.
Ein Gestaltungsbeispiel von Knall & Kante.11 / ZUSAMMENARBEIT ERLEBEN
Kundenportal.
Dein Projekt an einem Ort.
Entwürfe ansehen, eine Anmerkung hinterlassen und deine Lieblingsvariante freigeben. Öffne das Beispielprojekt und probiere den Ablauf selbst aus.
DEMO
Ein fiktives Projekt zum Ausprobieren. Deine Anmerkungen und Freigaben bleiben in diesem Browser-Tab. Es werden keine Nachrichten versendet.
BEISPIELPROJEKT / KK–024
Ein neuer Auftritt für Studio Nord.
Website-Gestaltung · 2 Entwürfe zur AuswahlEntwürfe bereit
- 01Entwürfe bereitZwei Richtungen entdecken
- 02Dein FeedbackAnmerkungen sind optional
- 03Deine FreigabeLieblingsvariante wählen
Deine Entwürfe
ENTWURFSRUNDE 01STUDIO NORDIDEEN MIT RICHTUNG.Studio / Projekte / Kontakt
GUTE IDEEN BEGINNEN MIT EINEM GESPRÄCH.Raum für
Raum für
neue Ideen.
Wir verbinden klare Gedanken mit Gestaltung, die im Gedächtnis bleibt.
Unser Studio entdecken ↗01 ZUHÖREN.02 WEITERDENKEN.03 GESTALTEN.
Variante A · Klar & modern
Kräftiges Blau, klare Schrift und eine direkte Ansprache. Ein prägnanter erster Eindruck mit viel Raum für die Botschaft.
Fiktiver Website-Entwurf · Vorschau ohne eigene NavigationALLES NACHVOLLZIEHBAR
Dein Projektverlauf.
Entwürfe, Rückmeldungen und Freigaben an einem Ort.
- Zwei Entwürfe stehen bereit.Knall & Kante · Beispielprojekt
Öffne das Projekt, um Entwürfe, Anmerkungen und Freigaben auszuprobieren.
Wofür passt das? Für Entwurfsabstimmungen, Kundenprojekte und Freigabeprozesse. Ein echter Kundenbereich kann geschützte Zugänge, Dateien und Benachrichtigungen für dein Team verbinden.
Meinen Kundenbereich besprechen ↗12 / TERMINE EINFACH BUCHEN
Online-Terminbuchung.
Dein Wunschtermin.
Wähle eine Leistung, einen freien Tag und deine Uhrzeit. So kann die Terminbuchung auf deiner Website aussehen – direkt hier zum Ausprobieren.
PROBEBUCHUNG
Die Leistungen und freien Zeiten sind Beispiele. Es wird kein echter Termin reserviert und keine Nachricht verschickt.
02 / Dein freier Tag
Kalender wird geladen
Freie Termine Nicht verfügbar
Beispieltermine ab morgen, bis zu 60 Tage im Voraus.
03 / Deine Uhrzeit
Wähle zuerst einen freien Tag.
Alle Uhrzeiten gelten für Berlin (Europe/Berlin).
Wann passt es dir?
Klicke links auf einen freien Tag. Hier erscheinen die passenden Uhrzeiten.
Die verfügbaren Zeitfenster richten sich nach der Dauer deiner Leistung.
SO KÖNNTE DEINE BESTÄTIGUNG AUSSEHEN
Deine Probebuchung steht.
- Leistung
- Datum
- Uhrzeit & Dauer
Das war eine Demo. Es wurde kein echter Termin reserviert und keine E-Mail versendet. Auf deiner Website können hier eine Buchungsbestätigung und weitere Informationen folgen.
Erstberatung ist ausgewählt. Klicke auf einen freien Tag im Kalender.
Wofür passt das? Für Werkstätten, Beratungen, Studios und Dienstleister. Ein echtes Buchungssystem kann Öffnungszeiten, Mitarbeiter, Kalender und automatische Bestätigungen miteinander verbinden.
Meine Terminbuchung besprechen ↗13 / STANDORTE ENTDECKEN
Interaktive Standortkarte.
Mit einem Klick ganz nah.
Eine Stadt, die passenden Informationen. Entdecke auf der Karte, wie Standorte, Projekte und Ansprechpartner zusammenfinden.
BEISPIELKARTE
Sechs echte Städte, ein fiktives Unternehmensnetzwerk. Alle Standorte, Projekte und Personen sind frei erfunden.
DEUTSCHLAND
Ein Netzwerk. Viele Möglichkeiten.Klicke auf eine Stadt – oder wähle sie unten aus.
Kartengrundlage: Natural Earth
KONTUR · BEISPIELUNTERNEHMEN02 / 06
Zentrale & Projektstudio
Berlin
Berlin & Brandenburg
DER STANDORT IM BEISPIEL
Digitale Lösungen & Zusammenarbeit
Hier kommen Strategie, Gestaltung und Entwicklung zusammen. Ein zentraler Ort für Projekte mit vielen Beteiligten.
So finden Besucher das richtige Team in ihrer Region.
EIN FIKTIVES PROJEKT VOR ORT
Ein Kundenportal, das verbindet.
Entwürfe ansehen, Rückmeldungen bündeln und Freigaben nachvollziehen – an einem gemeinsamen Ort.
Portal & digitale AbläufeDEIN BEISPIELKONTAKT
Alex Berger
Projektberatung Berlin
Dein Beispiel-Ansprechpartner für digitale Vorhaben und die Zusammenarbeit über mehrere Standorte.
Persönlich verbunden.
Auf deiner Website können hier Telefonnummer, E-Mail und ein Kontaktformular zum passenden Team stehen.
Fiktive Person · keine echten Kontaktdaten
Beispielstandort ausgewählt Berlin
Zur Karte & Stadtauswahl ↑
Deine Stadt.Direkt zur passenden Information.
Berlin ist ausgewählt. Entdecke Standort, Projekt und Kontakt.
Wofür passt das? Für Unternehmen mit mehreren Niederlassungen, Händlernetze, regionale Ansprechpartner oder Projekte an verschiedenen Orten. Die Karte bringt Besucher direkt zur passenden Information.
Meine Standortkarte besprechen ↗14 / DIGITALER STEMPELPASS
Digitale Stempelkarte.
Ein Grund, wiederzukommen.
Fünf kleine Momente. Ein schönes Dankeschön. Sammle deine Stempel und entdecke, wie aus einem Besuch eine Verbindung wird.
KANTEKAFFEE & GUTE GESELLSCHAFTCOFFEE CLUB
FÜR DEINE KLEINEN AUSZEITEN.
Dein Lieblingsplatz.
Dein nächster Kaffee.
0102030405
MEMBER CARD NO. 000 0250 / 5 BESUCHE
DEIN STAMMPLATZ IM SMARTPHONE.Ganz ohne Papierkarte. ↗
DEINE LETZTEN MOMENTE
- Dein erster Besuch wartet auf dich.
KLEINE GESTE. GROSSE VORFREUDE.
Wiederkommen
schmeckt besser.
Ein Kaffee auf dem Weg. Eine Pause zwischendurch. Jeder Besuch bringt dich deinem nächsten Lieblingskaffee näher.
Dein erster Stempel wartet.0 von 5
DEIN DANKESCHÖN
Noch gesperrtEin Kaffee aufs Haus.
Dein Lieblingsgetränk in Standardgröße – nach fünf gesammelten Stempeln.
DEIN DEMO-GUTSCHEINKANTE-00025
Wähle ein Beispiel und sammle deinen ersten Stempel.
01
Vorbeikommen.Beim Einkauf, Besuch oder Check-in.
02
Stempel erhalten.Dein Fortschritt bleibt bei dir.
03
Freude mitnehmen.Belohnung freischalten und einlösen.
Fiktive Marken und Belohnungen · keine echten Gutscheine. Diese Demo speichert nur deinen Sammelfortschritt lokal. In einem echten Stempelpass bestätigt das Team vor Ort den Besuch.
Wofür passt das? Für Cafés, lokale Geschäfte, Studios und Events. Eine digitale Kundenkarte macht aus einzelnen Besuchen einen Anlass zum Wiederkommen.
Meinen Stempelpass besprechen ↗15 / DIGITALES RUBBELLOS
Digitale Rubbelkarte.
Ein schöner Fund.
Manche Überraschungen muss man erst entdecken. Rubble die Fläche mit Finger oder Maus frei – darunter wartet eine kleine Aufmerksamkeit.
KLEINE ÜBERRASCHUNG. GROSSER MOMENT.INTERAKTIVE DEMO · JEDES LOS EIN FUND
KNALL & KANTEEDITION 015 / ENTDECKERSTÜCK
FÜR DICH.Ein kleiner Moment Vorfreude. ↘
Hier steckt etwas Gutes drin.Drüberstreichen & entdecken✦
Ein kleiner Wisch kann viel auslösen.
ENTDECKEN FÜHLT SICH BESSER AN.
Der nächste Wisch?
Vielleicht ein Lächeln.
Ein Gutschein, ein guter Gedanke oder ein Motiv: Wähle, was sich hinter deiner nächsten Überraschung verstecken soll.
Deine Überraschung wartet.0 %
Maus gedrückt halten oder mit dem Finger über die silberne Fläche streichen.
ENTDECKT. UND JETZT?
Dein Beispiel-Gutschein ist bereit.
Immer wieder neu entdecken.
Wähle einen Inhalt oder rubble direkt los.
01 Neugier wecken.02 Aktiv entdecken.03 In Erinnerung bleiben.
Gestaltungsdemo mit festen Beispielinhalten · keine echten Gewinne oder gültigen Gutscheine. Die Bedienung funktioniert auch per Tastatur über „Überraschung aufdecken“.
Wofür passt das? Für Rabattaktionen, digitale Einladungen, Produktenthüllungen oder ein persönliches Dankeschön. Eine kleine Interaktion macht deine Botschaft zum Erlebnis.
Meine Überraschung besprechen ↗16 / EIN WARENKORB ZUM AUSPROBIEREN
Produkte und Warenkorb.
Einkaufen ausprobieren.
Lieblingsstücke aussuchen, Mengen anpassen, einen Gutschein einlösen. Erlebe einen kleinen Shop vom ersten Klick bis zum schönen Abschluss.
THE EVERYDAY EDIT / 01
Für jeden Tag.
Mit ein bisschen Kante.
Kleine Auszeit
01 / KERAMIK · ROSÉ
Der Pausenbegleiter.
18,00 ۆberall dabei
02 / BAUMWOLLE · NATUR
Dein Alltagsheld.
24,00 €Platz für Ideen
03 / NOTIZBUCH · KOBALT
Der Ideenfänger.
12,00 €Ein kleines Extra für deinen ersten Fund.Probiere KANTE10 aus und erhalte 10 % Demo-Rabatt auf deine Produkte.
Drei fiktive Produkte. Ein echter Eindruck davon, wie einfach Einkaufen sein kann.
01 Lieblingsstücke finden.02 Auswahl verfeinern.03 Mit gutem Gefühl abschließen.
Alle Produkte und Preise sind Beispiele. Dein Demo-Warenkorb wird lokal in diesem Browser gespeichert. Es werden keine persönlichen Daten abgefragt.
Wofür passt das? Für kleine Onlineshops, Produktkollektionen und Merchandise. Ein übersichtlicher Warenkorb begleitet deine Kunden von der Auswahl bis zur Bestellung.
Meinen Shop besprechen ↗17 / PARALLAX-SCROLLING
Parallax beim Scrollen.
Bilder in Bewegung.
Scrolle ganz normal weiter. Das Bild bleibt im Hintergrund, während die Inhalte darübergleiten. Vergleiche drei Arten, Bewegung und Tiefe auf einer Website zu gestalten.
GLEICHES MOTIV. ANDERE WIRKUNG.SCROLL-DEMO
Der Hintergrund bleibt im sichtbaren Bildabschnitt stehen. Die Texte scrollen darüber.
Dein Gerät bevorzugt reduzierte Bewegung. Deshalb zeigt diese Demo normales Scrollen.
Jetzt weiterscrollen und den Unterschied erlebenBERLIN. EIN MOMENT MIT TIEFE.
Manche Bilder
bleiben.
Andere Dinge dürfen sich bewegen.
Zum Beispiel deine Geschichte.
Scroll weiter.Die Seite selbst ist die Demo.
Vorne die Worte.
Hinten der Moment.
Ein Bild gibt dem Auftritt Atmosphäre. Der Inhalt führt weiter. Wenn sich beide Ebenen unterschiedlich bewegen, entsteht ein Gefühl von räumlicher Tiefe.
EIN MOTIV. MEHR RAUM FÜR DEINE GESCHICHTE.Bewegung, die
etwas erzählt.
Für besondere Projekte, starke Marken und Orte, die man nicht nur zeigen, sondern spürbar machen möchte.
Andere Variante ausprobierenBERLIN · 52°30′ N / 13°27′ O
Oberbaumbrücke in unseren Markenfarben · Ausgangsfoto: Ikechukwu Prince / Unsplash
Wofür passt das? Für bildstarke Einstiege, Projektgeschichten, Hotels, Architektur oder Produktwelten. Gezielt eingesetzt gibt der Effekt einem besonderen Abschnitt mehr Tiefe.
Meinen Auftritt in Bewegung bringen ↗18 / EIN LOGO AUS PARTIKELN
Animiertes Logo.
Immer mit Charakter.
Viele kleine Punkte. Ein vertrautes Zeichen. Bewege die Maus über unser Logo – die Partikel weichen aus und finden anschließend wieder zusammen.
KNALL & KANTE · PARTICLE STUDIODEINE BEWEGUNG GIBT DEN IMPULS.
FORM MIT EIGENSINN.In Form
Viele PARTIKEL. EINE MARKE.Bewegen. Loslassen. Wiederfinden. ↗
SPIEL MIT DER FORM.
Fahre durch die Buchstaben oder wirble das ganze Logo auf.
SanftLebendig
Auf dem Handy: tippen oder seitlich über das Logo streichen. Nach oben und unten kannst du die Seite weiter scrollen.
Das Logo wartet auf deinen ersten Impuls.
Wofür passt das? Für einen besonderen Markeneinstieg, digitale Einladungen oder interaktive Kampagnen. Aus einem vertrauten Logo wird ein Moment zum Ausprobieren.
Meine Marke in Bewegung bringen ↗19 / QR-CODE-WERKSTATT
QR-Code gestalten.
Große Verbindung.
Von der Visitenkarte direkt zur Website. Vom Tisch zur Speisekarte. Verwandle einen Link oder eine Nachricht in einen QR-Code – und nimm ihn gleich mit.
KNALL & KANTE · QR-WERKSTATTDEINE IDEE. EIN SCAN ENTFERNT.
03 / DEIN CODE ZUM MITNEHMENVORSCHAU
Dein nächster Kontakt
beginnt mit einem Code.
Ein kleiner Scan. Ein neuer Weg.
Erstelle deinen QR-Code mit dem Knopf links.
PNG für den Alltag · SVG für jede Druckgröße
Wofür passt das? Für Speisekarten, Schaufenster, Events und Visitenkarten. Die heruntergeladenen Codes enthalten deinen Inhalt direkt und haben kein eingebautes Ablaufdatum. Teste deinen Code vor dem Druck kurz mit dem Handy.
Meine Idee verknüpfen ↗20 / ADVENTS- & AKTIONSKALENDER
Digitaler Adventskalender.
Ein Türchen weiter.
Ein guter Grund, morgen wiederzukommen. Öffne kleine Überraschungen, entdecke Angebote und spiele mit dem Datum – im Advent oder mitten im Jahr.
01 — 24 DEZEMBER
Vorfreude hat
24 kleine Gründe.
Ein bisschen Neugier. Ein kleiner Moment für dich. Was steckt heute hinter deiner Tür?
Wofür passt das? Für Adventsaktionen, Ladenjubiläen, Produktpremieren oder Event-Countdowns. Jeden Tag ein neuer Anlass, deine Marke wiederzuentdecken – mit Inhalten, Downloads oder Angeboten.
Meine Aktion planen ↗21—24 / WEITER ENTDECKEN
Vier Ideen.
Noch mehr Möglichkeiten.
Eine Markenwelt gestalten, ein digitales Wesen kennenlernen oder Buttons und Hintergründe für deine Website mitnehmen.
21 / MARKEN ERLEBEN
Das unmögliche
Schaufenster.
Deine Farben wandern durch eine dreidimensionale Ladenfront – vom Logo bis zum Fahrzeug.
Schaufenster gestalten22 / EIN WESEN AUS DEINER SEITE
Klick, das digitale
Seitenwesen.
Buchstaben, Buttons und Farben werden lebendig. Lerne Klick kennen und entdecke, was in ihm steckt.
Klick kennenlernen23 / 20 BUTTONS ZUM MITNEHMEN
Das
Button-Atelier.
20 besondere Designs mit Hover- und Klickaktionen. Ausprobieren und kostenlos für die eigene Website herunterladen.
Buttons entdecken
03 / PRISMENGLAS IM STUDIO ANIMIERT ERLEBEN ↗
24 / 10 HINTERGRÜNDE ZUM MITNEHMEN
Hintergründe,
die Eindruck machen.
Seidiges Licht, schwebendes Glas und fließende Wellen. Entdecke zehn Designs in Nachtblau, Kobalt und Rosé – und nimm deinen Favoriten für deine eigene Website mit.
4 Bildmotive · 6 Animationen · Mit Anleitung
Kostenlos · Ohne Anmeldung · ZIP, ca. 0,9 MB
Entpacken, index.html öffnen und alle Varianten ausprobieren.
25 / BILDENTHÜLLUNG
Ein Bild. Ein großer Auftritt.
Scrolle im Bild nach unten oder drücke Abspielen. Das Motiv wird hinter einer Kante sichtbar.
BERLIN. MIT CHARAKTER.Bereit zum Ausprobieren.
26 / DER MAGISCHE LICHTKREIS
Ein Lichtblick.
Eine andere Welt.
Bewege den Lichtkreis über die Glasskulpturen: Unter der dunklen Oberfläche leuchtet eine Welt aus Kobalt und Rosé auf. Mit Maus, Fingertipp oder den Pfeiltasten entdecken.
Am Handy tippen oder seitlich streichen. Nach oben und unten kannst du die Seite weiter scrollen. Per Tastatur: Bild auswählen und Pfeiltasten drücken.
Dein Lichtkreis wartet auf den ersten Impuls.
27 / GESTAPELTE BILDKARTEN
Eine Karte kommt selten allein.
Scrolle im Testbereich. Drei Projektkarten schieben sich übereinander – jede bekommt ihren eigenen Auftritt.
Branding · Farben · Charakter
Webdesign · Struktur · Wirkung
Fahrzeug · Raum · Werbetechnik
Bereit zum Ausprobieren.
28 / LICHTREFLEX
Ein Hauch von Glanz.
Fahre über die Materialkarte oder tippe auf Glanz auslösen. Ein Lichtstreifen zieht über die Oberfläche.
MATERIAL / LICHT / CHARAKTERKnall
und Kante.Gute Gestaltung bleibt hängen.
und Kante.Gute Gestaltung bleibt hängen.
29 / SANFTER BILDZOOM
Komm ein Stück näher.
Scrolle im Bild nach unten. Das Motiv kommt näher, während sein Rahmen gleich groß bleibt.
BERLIN. MIT CHARAKTER.Bereit zum Ausprobieren.
30 / SEITLICHE PROJEKTGALERIE
Nach unten scrollen. Seitwärts entdecken.
Scrolle im Testbereich nach unten: Die Projektgalerie läuft seitlich weiter. Mit den Pfeilen kannst du einzelne Karten auswählen.
Ein Zeichen, das man wiedererkennt.
Klar gestaltet. Einfach zu bedienen.
Aus einer Fläche wird ein Blickfang.
Ein Auftritt, der weiterführt.
Bereit zum Ausprobieren.
PASSEND ZU DEINEM VORHABEN
Welche Idee passt
zu deiner Website?
Wir wählen Funktionen nach ihrer Aufgabe aus und gestalten sie passend zu deinem Auftritt. Erzähl uns, was deine Besucher entdecken oder erledigen sollen.
Meine Idee besprechen