Urban Coffee Roasters
Projektdaten
- Projekt-Typ Gastronomie Website
- Fokus Mobile UX & Design
- Tech Stack Astro, Tailwind CSS
- Lighthouse Score 98 / 100
- Resultat +28% Traffic
Möchten Sie ähnliche Ergebnisse?
Projekt anfragenWie man den Vibe eines modernen Cafés auf ein 6-Zoll-Display bringt – ohne PDF-Speisekarten und lange Ladezeiten.
Die Herausforderung
Urban Coffee ist ein kleines, aber feines Café in der Innenstadt mit starker Instagram-Community (~3.500 Follower). Das Problem: Die alte Website war ein WordPress-Template von 2018, das weder den modernen Look des Cafés widerspiegelte noch auf dem Smartphone gut aussah.
Konkrete Probleme
- Ladezeit > 5 Sekunden auf mobilen Geräten (80% der Besucher!)
- Speisekarte als PDF → unleserlich auf dem Handy, muss gezoomt werden
- Veraltetes Design passte nicht zur Instagram-Ästhetik
- Keine Social Media Integration (trotz starker Instagram-Präsenz)
- Nicht mobiloptimiert → Buttons zu klein, Text unleserlich
Die technische Lösung
Wir haben eine komplett neue Website mit Astro (Static Site Generator) gebaut, die:
- Mobile-First designed ist (80% der Besucher kommen vom Handy)
- HTML-Speisekarte nativ darstellt mit schöner Typografie (kein PDF!)
- Instagram Feed direkt einbindet (Live-Updates)
- Blitzschnell lädt (< 1 Sekunde) durch Static Site Generation
- Dark Mode für bessere Lesbarkeit in Cafés
Tech Stack Details
- Framework: Astro (SSG) für maximale Performance
- Styling: Tailwind CSS mit Custom Design System
- Images: Astro Image Optimization (AVIF/WebP)
- Instagram: Instagram Basic Display API
- Hosting: Cloudflare Pages (Global CDN)
- Maps: Google Maps Embed API
Messbare Ergebnisse (3 Monate)
Client Feedback
"Die neue Website ist genau das, was wir brauchten. Unsere Gäste finden jetzt blitzschnell die Speisekarte und die Instagram-Integration zeigt perfekt unsere Atmosphäre. Jascha hat unsere Vision zu 100% verstanden!"
Der Beweis: Google PageSpeed
Wir behaupten nicht nur, schnell zu sein, wir messen es. Hier ist das Ergebnis der Google Lighthouse Analyse:
Google Core Web Vitals