онлайн
← Назад в портфолио

// веб-сервисы / Лендинг

Anna: портфолио фотографа и бронирование

Премиальный одностраничный сайт фотографа: редакционная сетка портфолио, тарифы, отзывы и два сценария бронирования, в которых главным остаётся визуальный материал.
HTML5 CSS3 Vanilla JavaScript Responsive design CSS Grid Form UX Accessibility

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

Anna: портфолио фотографа и бронирование preview
веб-сервисы / Лендинг / case study
// Задача

Сделать тёплую премиальную подачу без CMS и тяжёлого frontend-фреймворка: страницу должно быть легко листать, а запись — оставаться заметной в нужные моменты.

Что сделано

  • Адаптивный one-page: работы, тарифы, история автора, отзывы и контакт.
  • Редакционная типографика, сдержанная цветовая система и CSS-визуалы, которые позже заменяются настоящими фотографиями.
  • Два пути к бронированию: общая заявка и модальная форма с выбранным тарифом.
  • Доступная мобильная навигация, закрытие модалки с клавиатуры и inline-валидация форм в браузере.
// Решение

Роль: frontend-разработчик и UI-дизайнер — система лейаута, интеракции, адаптивность и UX форм.

Лендинг собран одним самодостаточным HTML-файлом: семантическая разметка, CSS Grid/Flexbox и vanilla JavaScript. Есть плавная якорная навигация, reveal-анимации при скролле, мобильное меню, модальное окно записи, предвыбор тарифа и клиентская валидация. Отправка формы сейчас намеренно прототипная — при запуске сайта её можно подключить к реальному endpoint.

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