UI/UX Design, Webentwicklung
Vienna Local Guide
Wien entdecken - digital, stilvoll, intuitiv. Fuer Vienna Local Guide entwickelten wir eine inspirierende Plattform fuer Stadtentdecker und Touristen. Das klare, visuell gefuehrte Design bringt architektonische Highlights, Insidertipps und Stadtatmosphaere auf allen Geraeten zum Leben. Navigation, Branding und UI wurden speziell fuer internationales Publikum optimiert - in einem Look, der Wien modern interpretiert.
Industrie
Tourismus
Website
vienna-local.guideLeistungen
UX-Konzeption & Informationsarchitektur
UI-Design & Komponentenbibliothek
Webentwicklung (Next.js, Tailwind)
SEO-Grundlagen & Performance
Technologien
Next.js (Pages Router)
TypeScript
Tailwind CSS
Image-Optimierung
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
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.
+38%
CTR
−27%
CPL
+42%
Engagement
+21%
Leads
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 Leitplanken für Inhalte
- Seriöser, moderner Markenauftritt
- Pflegeleichte Seitenstrukturen
Learnings
- Weniger ist mehr bei Security‑Themen
- Konsistente Module beschleunigen Pflege
- Gezielte CTAs steigern Anfragen
Nächste Schritte
Mehr Einblicke und passende Leistungen:
Portfolio
Ähnliche Projekte
Flexibles CMS mit Custom Post Types, wiederverwendbaren Bausteinen und sauberer Rollenverwaltung.
Ekena.de
Produktlastige Website mit klarer Struktur und schneller Anfrage.
Alushaj Sanierungen & Installationen
Moderner Webauftritt für Handwerksbetrieb – klar strukturiert und mobil optimiert.
Pizzaboy
Kleine Food-Brand Seite mit Fokus auf Bestellanfrage und schnelle Navigation.
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.