online
← Zurück zum Portfolio

// web-produkte / Landingpage

Anna: Fotografenportfolio und Buchung

Eine hochwertige One-Page-Website für eine Fotografin: redaktionelles Portfolio-Grid, Leistungspakete, Testimonials und zwei Buchungswege mit Fokus auf die Arbeiten.
HTML5 CSS3 Vanilla JavaScript Responsive design CSS Grid Form UX Accessibility

// Demo available on request Статичный интерактивный прототип готов к публикации на demo.itgam.ge; URL будет открыт после настройки поддомена.

Anna: Fotografenportfolio und Buchung preview
web-produkte / Landingpage / case study
// Aufgabe

Eine warme, hochwertige Präsentation ohne CMS und schweres Frontend-Framework entwickeln, die leicht zu erkunden ist und die Buchung an jedem wichtigen Moment sichtbar hält.

Umgesetzt

  • Responsive One-Page-Architektur mit Arbeiten, Paketen, Story, Testimonials und Kontakt.
  • Editoriale Typografie, zurückhaltendes Farbsystem und CSS-Visuals, die später durch echte Fotografien ersetzt werden können.
  • Zwei Buchungswege: allgemeine Anfrage und paketbezogenes Modal-Formular.
  • Mobile Navigation, Schließen des Modals per Tastatur und Inline-Validierung im Browser.
// Lösung

Rolle: Frontend-Entwickler und UI-Designer — Layoutsystem, Interaktionsdesign, Responsive-Verhalten und Form-UX.

Die Landingpage wurde als einzelne HTML-Datei mit semantischen Bereichen, CSS Grid/Flexbox und Vanilla JavaScript gebaut. Enthalten sind sanfte Ankernavigation, Scroll-Reveals, Mobile-Menü, Buchungsmodal, Paketvorwahl und clientseitige Validierung. Der Versandstatus ist bewusst ein Prototyp und kann beim Go-live an ein echtes Form-Endpoint angebunden werden.

// Stack
HTML5 CSS3 Vanilla JavaScript Responsive design CSS Grid Form UX Accessibility
// metrics
primary
2 booking flows
secondary
responsive + a11y
kind
Web / Landing