01 / Projektprofil
Ein Teesalon, ein Fachgeschäft und eine persönliche Geschichte.
Lupercia ist zugleich ein Ort zum Teetrinken und ein Fachgeschäft für Tee, Mate, Porzellan und ausgewählte Begleiter. Gastgeberin und Gründerin Maria Moreno verbindet ihr Angebot mit persönlicher Beratung und ihrer eigenen Geschichte. Diese verschiedenen Seiten des Betriebs prägen auch den digitalen Auftritt.
Die Fallstudie zeigt, wie daraus eine zusammenhängende Website wird: mit Atmosphäre für den ersten Eindruck, eigenständigen Seiten zum Vertiefen und konkreten Kontaktwegen für den nächsten Schritt. Fotografie, Sprache und Navigation verbinden die einzelnen Themen zu einem gemeinsamen Auftritt.
02 / Gestalterische Antwort
Atmosphäre zeigen. Orientierung geben.
Die Website verbindet eine warme, von Fotografie geprägte Gestaltung mit klar getrennten Themenwelten. Vom ersten Eindruck führen kurze Wege zu Marias Auswahl, ihrer Geschichte und den Informationen für einen Besuch in Bonn-Südstadt.
Eine Bildwelt mit Nähe
Große Aufnahmen von Salon, Tee, Porzellan und Maria geben der Website einen persönlichen Charakter. Die Bilder zeigen das Angebot in seinem Umfeld: am gedeckten Tisch, im Regal und in den Räumen des Salons.
Ruhige Flächen, prägnante Typografie
Helle, warme Flächen schaffen Raum für die Fotografien. Serifenschrift und kursive Akzente setzen die Einladungen in Szene; zurückhaltende Akzentfarben, feine Linien und klare Abstände ordnen die Inhalte.
Persönlichkeit als roter Faden
Marias Porträt ist mit ihrer Geschichte und ihrer Auswahl verknüpft. Auch die Verbindung zur argentinischen Mate-Kultur findet einen eigenen Platz. So stehen Produkte, Wissen und Gastgeberin in einem nachvollziehbaren Zusammenhang.
03 / Nutzerführung
Vom ersten Eindruck zum passenden nächsten Schritt.
Jede Themenwelt beantwortet ein anderes Interesse. Die folgenden Einstiege führen direkt zu den jeweiligen Seiten der veröffentlichten Website.
Den Salon kennenlernen
Die Salonseite verbindet Eindrücke der Räume mit Tea Time, Porzellan und praktischen Besuchsinformationen. Eine telefonische Anfrage führt direkt zur persönlichen Abstimmung.
Auf lupercia.de ansehen (öffnet in neuem Tab)Tee und Genuss entdecken
Tee, Geschirr und die Begleiter zur Tea Time sind als eigene Abschnitte gegliedert. Verweise auf den Salon und die telefonische Beratung verbinden das Sortiment mit dem Besuch vor Ort.
Auf lupercia.de ansehen (öffnet in neuem Tab)Mate verstehen
Eine eigene Themenwelt erklärt Yerba, Kalebasse und Bombilla. Die Zubereitung erscheint als verständliche Schrittfolge und wird mit Marias persönlicher Verbindung zu Argentinien verknüpft.
Auf lupercia.de ansehen (öffnet in neuem Tab)Maria begegnen
Das Porträt erzählt von der Gründerin, ihrer Großmutter als Namensgeberin und ihrer Arbeit als Tee-Sommelière. Film und Instagram-Einblicke ergänzen die persönliche Vorstellung.
Auf lupercia.de ansehen (öffnet in neuem Tab)Gemeinsame Teestunden planen
Teerunden, Verkostungen, Workshops und private Begegnungen erhalten eigene Einstiege. Termine und freie Plätze werden persönlich bei Maria angefragt.
Auf lupercia.de ansehen (öffnet in neuem Tab)Eine Geschenkbox anfragen
Beispielbilder geben Anregungen, ohne eine feste Zusammenstellung vorzugeben. Die Seite erklärt die persönliche Abstimmung von Inhalt und Preis sowie die Abholung im Salon.
Auf lupercia.de ansehen (öffnet in neuem Tab)
04 / Mobile Umsetzung
Die gleiche Atmosphäre. Ein eigener Rhythmus für kleine Displays.
Auf dem Smartphone werden die Themenkacheln in zwei Spalten angeordnet. Das kompakte Menü bündelt die Navigation, während die Sprachwahl direkt sichtbar bleibt. Adresse und telefonische Kontaktwege unterstützen den Übergang vom Stöbern zum Besuch. Die bereitgestellte Mobilaufnahme dokumentiert diese eigene Anordnung.
05 / Das Ergebnis
Ein bildstarker Auftritt mit persönlichen Einblicken, Sprachwahl und Informationen für den Besuch vor Ort.
Die veröffentlichte Website führt die unterschiedlichen Angebote unter einer erkennbaren Gestaltung zusammen. Wer zunächst Atmosphäre sucht, kann über Bilder einsteigen; wer gezielt Informationen benötigt, erreicht die Themen- und Besuchsseiten über die Navigation. Anfragen zu Tea Time, Veranstaltungen oder Geschenkboxen führen zur persönlichen Abstimmung mit Maria.
06 / Umsetzung
Details, die Wirkung erzeugen.
Jeder Baustein folgt einer klaren Aufgabe: Orientierung schaffen, Vertrauen aufbauen und den nächsten Schritt erleichtern.
- 01
Sechs eigenständige Themenwelten
Salon, Tee, Mate, Maria, Begegnungen und Geschenkboxen erhalten eigene Seiten. Bildkacheln auf der Startseite und eine wiederkehrende Navigation bieten zwei direkte Zugänge.
- 02
Drei sprachliche Einstiege
Deutsch, Englisch und Spanisch sind über eine sichtbare Sprachwahl erreichbar. Die Sprachversionen besitzen eigene URLs und übersetzte Einstiegs- und Besuchsinformationen.
- 03
Orientierung innerhalb langer Seiten
Sprunglinks führen etwa auf der Salonseite direkt zu Tea Time, Porzellan oder dem Besuchsbereich. So lassen sich umfangreiche Inhalte auch gezielt lesen.
- 04
Kontakt passend zum Anliegen
Telefonlinks stehen bei Tea Time, Beratung, Veranstaltungen und Geschenkboxen. Die Beschriftungen benennen den jeweiligen Anlass und führen zum persönlichen Gespräch.
- 05
Geschenke mit nachvollziehbarem Ablauf
Anlass schildern, Zusammenstellung abstimmen, im Salon abholen: Die Geschenkbox-Seite erklärt den Weg in drei Schritten und kennzeichnet ihre Bilder als Beispiele.
- 06
Besuchsinformationen direkt erreichbar
Adresse, Öffnungszeiten, Telefonnummer und ein Kartenlink sind in die Website eingebunden. Wiederkehrende Kontaktbereiche verbinden die Themen mit dem Standort in Bonn-Südstadt.
- 07
Persönliche Einblicke mit Freigabe
Beim Instagram-Film und beim Feed auf Marias Seite stehen zunächst Hinweise und eine Datenschutz-Auswahl. Als weitere Möglichkeit führen Links direkt zu Instagram.
- 08
Weiterführende Berichte
Die Salonseite verlinkt externe Porträts und Presseberichte. Diese Einblicke ergänzen die eigenen Texte und Fotografien durch weitere Perspektiven auf Lupercia.
Was soll Ihr digitaler Auftritt auslösen?
Wir schauen gemeinsam auf Ziel, Ausgangslage und den kleinsten sinnvollen Einstieg.
Weiter entdecken
