UI/UX Design, Webentwicklung
Vienna Local Guide
Wien entdecken – digital, stilvoll, intuitiv.
Für Vienna Local Guide entwickelten wir eine inspirierende Plattform für Stadtentdecker:innen und Tourist:innen. Das klare, visuell geführte
Design bringt architektonische Highlights, Insidertipps und Stadtatmosphäre auf allen Geräten zum Leben. Navigation, Branding und UI
wurden speziell für internationales Publikum optimiert – in einem Look, der Wien modern interpretiert.
Projektüberblick
Ziel war eine performante, visuell geführte Website mit klarem Fokus auf Orientierung und Inspiration. Die Informationsarchitektur ist bewusst reduziert: Nutzer:innen finden schnell die wichtigsten Kategorien, können Inhalte filtern und gelangen in wenigen Klicks zu Buchungs‑ oder Kontaktmöglichkeiten.
Was macht das Webdesign aus?
Großflächige Bilder, klare Typografie und ein kontraststarkes, barrierebewusstes Design. Die Komponenten wurden modular gedacht, sodass spätere Erweiterungen problemlos möglich sind. Performance‑Optimierungen (Cumulative Layout Shift vermeiden, Bildgrößen optimieren) sorgen für schnelle Ladezeiten – besonders mobil.
Branding
Logo, Farbwelt & Tonalität
Für den Vienna Local Guide definierten wir ein klares Erscheinungsbild: ein prägnantes Logo, eine warme Farbpalette mit urbanen Akzenten und eine Tonalität, die inspiriert, aber nie überlädt. Das Corporate Design trägt das Navigationsprinzip – Orientierung und Ruhe, unterstützt durch kontrastreiche Akzente.
- Logo‑Suite für hell/dunkel, Favicon & Social
- Farbskala inkl. Kontrast‑Checks (AA)
- Typografie‑System für Überschriften & Fließtext
- Component Guidelines für Content‑Module
#0C2CE8#0A1733#F2F6FF#F5A623Typografie
Aa – Headline Beispiel
Fließtext für längere Inhalte – gut lesbar, ausreichend Zeilenhöhe, optimiert für mobile Displays.
WordPress
Sauberes Setup mit Fokus auf Performance
Content‑Pflege via WordPress: modular, sicher und SEO‑stark. Wir setzen auf klare Custom‑Post‑Types, leicht bedienbare Editor‑Blöcke und eine aufgeräumte Medienstruktur – mit Blick auf schnelle Ladezeiten und gute Rankings.
Custom Blöcke
Wiederverwendbare Module für Seiten & Listen
SEO‑Toolkit
Saubere Meta, Schema & interne Links
Performance
Lazy Images, geringe CLS, Caching
Security & Pflege
Updates, Backups und Rollenrechte
Kampagnen
LinkedIn Marketing für Reichweite & Leads
Für die Launch‑Phase testeten wir mehrere Visuals und Hooks. Das Zusammenspiel aus präziser Zielgruppe, klarer Botschaft und sauberer Landingpage erhöhte die Interaktionsrate spürbar.
CTR
+38%
CPL
−27%
Engagement
+42%
Leads
+21%
Creative‑Varianten
Statisches Visual, Kurzvideo, Karussell – iterativ optimiert nach Hook‑Leistung.
Lead‑Form vs. Landingpage
A/B‑Test zur Conversion‑Stärke – Ergebnis: Landingpage mit klarer Struktur gewinnt.
3,1% CVR
4,2% CVR
So sind wir vorgegangen
Strukturiert, transparent, mit klaren Meilensteinen.
Briefing & Research
Ziele, Zielgruppen, Orte & Use‑Cases
UX & Content
Sitemap, Wireframes, Microcopy
UI & Dev
Komponenten, Templates, CMS
Launch & Campaigns
QA, Tracking, LinkedIn‑Rollout
Ergebnisse
- Klare Nutzerführung von Kategorie bis Anfrage
- Verbesserte mobile Nutzbarkeit durch optimierte Interaktionen
- Pflegeleichte Inhalte dank modularer CMS‑Struktur
Learnings
- Filter und klare Einstiege reduzieren Absprünge
- Dezente Animationen unterstützen Orientierung, nicht Effekte
- Konsequente Bildpflege steigert Qualität der Trefferseiten
Galerie
Design‑Screens & Module in der Übersicht
Nächste Schritte
Mehr Einblicke und passende Leistungen:
FAQ zum Projekt
Welche Ziele wurden priorisiert?
Schnelle Orientierung, inspirierende Darstellung und eine klare Nutzerführung hin zu Kontakt und Buchungsanfrage – mit besonderem Fokus auf mobile Nutzung.
Wie wurde SEO berücksichtigt?
Saubere semantische Struktur, performante Auslieferung und klare interne Verlinkung. Bilder sind zugänglich beschriftet; Inhalte folgen einer logischen Hierarchie.
Ist die Lösung erweiterbar?
Ja. Das Designsystem ist komponentenbasiert aufgebaut – neue Bereiche lassen sich ohne Bruch ergänzen.