Hero-centric · Motion-driven · Glassmorphism
Der ruhige digitale Begleiter für Qibla, Prayer, Quran und Hajj.
Mekka verbindet spirituelle Klarheit mit präziser Navigation, lokalisierten Inhalten und einer Premium-Erfahrung für jeden Tag und jede Pilgerreise.
- Gebets-Tracking
- Qibla-Kompass
- Hajj & Umrah Guides
- RTL & Mehrsprachig
Qibla-Ausrichtung mit smooth Motion, Haptic-Fokus und klarer Progression.
0
kuratierte Duas im ruhigen Zugriff
- Qibla-Kompass
- Prayer Tracking
- Hajj Packing
Big Number Hero · Metrics Dashboard
Eine Experience, die Orientierung, Routine und Vertrauen bündelt.
Essenzielle Hajj- und Umrah-Adhkar in einem ruhigen, fokussierten Flow.
Ramadan, Arafah und Eid-Termine mit Countdown, Kontext und Klarheit.
Deutsch, English und العربية mit belastbarem RTL-Verhalten und konsistentem Layout.
Qibla, Weather, Currency, Mosques, Flights und tägliche Gewohnheiten in einem Interface.
Bento Box Grid · Feature Showcase
Ein kompaktes System für Orientierung, Vorbereitung und tägliche Kontinuität.
Qibla Compass
Parallax-Hero, Smooth Needle Rotation und klare Alignment-Meldungen für schnelle Orientierung.
Prayer Tracking
Daily, Qada und Tasbih in einer kohärenten Oberfläche mit sichtbaren States und klarer Rhythmik.
Quran & Duas
Kuratiert, bookmarkbar und für EN, DE und AR sauber typografisch aufbereitet.
Guide & Packing
Step-by-step Hajj- und Umrah-Flows mit persistenter Packliste, ruhigen Details und klarer Progression.
Pro Experience
Klare Pricing-Transitions, verständliche Zustände und sichere Payment-Flows mit sauberem Status-Feedback.
Horizontal Scroll · Stagger Motion
Ein Erlebnis, das sich ruhig bewegt und trotzdem lebendig anfühlt.
Motion Overview
Der Bereich kombiniert Scroll-Snap, Glass Layers und weiche Übergänge für eine spürbar ruhigere Navigation.
Hero Focus
Subtiler Cursor-Spotlight-Effekt und depth-basierte Parallax-Layer erzeugen Präsenz ohne visuelle Unruhe.
Sticky Continuity
Der Header bleibt präsent, blur-basiert und ergänzt die Scrolltiefe durch einen Progress-Indikator.
Section Transitions
Reveal-Animationen, Crossfades und gestaffelte Einblendungen schaffen räumliche Kontinuität.
Accessible Motion
Alle Effekte respektieren prefers-reduced-motion und behalten sichtbare Fokuszustände.
Loading States · Progressive Disclosure
Wichtige Inhalte erscheinen schnell. Komplexität lädt erst dann, wenn sie gebraucht wird.
Das Interface priorisiert Kerninhalte mobil zuerst, lädt visuelle Assets bewusst lazy und hält komplexere Ebenen klar gegliedert.
- Visible focus states und ARIA-Labels bleiben durchgehend erhalten.
- Fluid Typography mit clamp() verhindert starre Breakpoint-Sprünge.
- Scroll-Snap und overscroll-behavior sorgen für kontrolliertes Verhalten.
Guide Surface
Transparente Layers, ruhige Borders und kontrollierte Shadows geben Tiefe, ohne das Konzept zu verändern.
Content-Visibility, gezielte Lazy-Strategien und mobile-first Section-Shells halten das Erlebnis flüssig.
Pricing Cards · Conversion-Optimized
Ein klares Pricing-Modell mit ruhiger Hierarchie und verständlichen Statusmeldungen.
Starter
Qibla, Kernnavigation und tägliche Begleitung für den Einstieg.
- Qibla-Kompass
- Basis Prayer View
- Mehrsprachige Oberfläche
Mekka Pro Monatsabo
Für Nutzer, die volle Features flexibel und ohne lange Bindung freischalten möchten.
- Alle Pro Features sofort freigeschaltet
- Prayer, Quran, Duas und Guides komplett
- Ideal für flexible Nutzung vor und während der Reise
Mekka Pro
Alle spirituellen Flows, Kalender, Duas, Packing und Premium Utilities in einem ruhigen Flow.
Effektiv 2 € pro Monat mit der ruhigsten Premium-Option.
- Vollständige Quran- und Dua-Sammlung
- Hajj- & Umrah-Guides
- Events, Packing und personalisierte Routinen