online
← Back to portfolio

// web products / Landing page

Anna: photographer portfolio and booking

A premium one-page website for a photographer: editorial portfolio grid, service packages, testimonials and two booking entry points that keep the focus on the work.
HTML5 CSS3 Vanilla JavaScript Responsive design CSS Grid Form UX Accessibility

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

Anna: photographer portfolio and booking preview
web products / Landing page / case study
// Challenge

Create a warm, premium presentation without a CMS or heavy frontend framework, while keeping the page easy to browse and the booking action visible at every important moment.

Implemented

  • Responsive one-page architecture with sections for work, packages, story, testimonials and contact.
  • Editorial typography, restrained colour system and CSS-only visual placeholders that can later be replaced by real photography.
  • Two booking paths: general session request and a package-aware modal form.
  • Accessible mobile navigation, keyboard closing for the modal and inline client-side form validation.
// Solution

Role: frontend developer and UI designer — layout system, interaction design, responsive behaviour and form UX.

Built the landing page as a single self-contained HTML file with semantic sections, CSS Grid/Flexbox and vanilla JavaScript. The interface includes smooth anchor navigation, scroll-triggered reveals, a mobile menu, booking modal, package preselection and client-side validation. The submission state is intentionally a prototype and can be connected to a real form endpoint when the website goes live.

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