Leistungen Stack Vorgehen Projekte Kontakt
Schreiben @vladislovesv · Antwort innerhalb eines Tages

Agentur-Website im Format einer Mini-App — New Time Investment

Untere Navigation, KI-Berater und eine vorgelesene Objektkarte — fühlt sich an wie eine App, nicht wie eine Website

Typ
Mini-App · Demo
Stadt
Alanya, Türkei
Sprachen
RU
Jahr
2026
New Time Investment — Startseite am Desktop
New Time Investment — Smartphone-Screen

Aufgabe

Einer Agentur zeigen, wie ihre Website aussehen kann, wenn man sie als App denkt: Die meisten Kunden öffnen den Link auf dem Smartphone, also liegt das Wichtigste unter dem Daumen, und ein Objekt kann man nicht nur ansehen, sondern auch anhören. Die Startseite folgt Block für Block der echten Website der Agentur.

Was wir gemacht haben

Navigation wie in einer App

Untere Leiste auf dem Smartphone, große Tippflächen und weiche Übergänge zwischen den Bereichen.

KI-Berater

Objektsuche als Gespräch direkt auf der Startseite — statt eines langen Formulars.

Objekt zum Anhören

Der Knopf „Erzähl mir vom Objekt“ liest die Karte vor — praktisch, wenn Hinsehen gerade unbequem ist.

Katalog mit Filtern

Kauf und Miete, Kategorien „Heiß“ und „Neu“, Apartments, Villen und Gewerbe, Objektsuche.

Renditerechner

Mietrendite, Wertsteigerung, Kosten und Steuer — netto pro Monat und Summe über mehrere Jahre.

Animationen

Sanftes Einblenden beim Scrollen, abgeschaltet für alle, die weniger Bewegung wünschen.

Screens

Desktop 1440 und Smartphone 390 · Demodaten
New Time Investment — Katalog mit Filtern und Kategorien
Katalog mit Filtern und Kategorien
New Time Investment — Objekt: Galerie und Renditerechner
Objekt: Galerie und Renditerechner
New Time Investment — Smartphone: Katalog und Objektkarte (1/2)
New Time Investment — Smartphone: Katalog und Objektkarte (2/2)
Smartphone: Katalog und Objektkarte

Ergebnis

12Blöcke auf der Startseitein derselben Reihenfolge wie auf der Website der Agentur
3SeitenvorlagenStartseite, Katalog und Objektseite
9Objekte im Demo-Katalogmit Fotos, Filtern und Karten

Stack und Leistungsumfang

Technologien
  • HTML
  • CSS
  • JavaScript
  • Web Speech API
  • IntersectionObserver
  • Cloudflare Pages
Was enthalten ist
  • Design für Mobil und Desktop
  • Startseite, Katalog und Objekt
  • KI-Berater und Vorlesen
  • Renditerechner
  • Animationen mit prefers-reduced-motion

Ähnliche Projekte

Alle Projekte
Alle Projekte

Sie möchten eine Website, die sich wie eine App anfühlt?

Erstberatung: Wir sehen uns Ihre Aufgabe an und zeigen 2–3 ähnliche Beispiele aus dem Portfolio

Projekt besprechen
PROJEKT
BESPRECHEN