Учебная работа для отработки навыков веб-дизайна и вёрстки лендинга. Создание сайта-портфолио для фотографа Анны Снимковой с акцентом на портретную и свадебную фотографию. Задача — передать эстетику, профессионализм и индивидуальный подход через нежную цветовую палитру, элегантную типографику и продуманную структуру.
Для работы был выбран формат одностраничного сайта с чёткой структурой и визуальной иерархией.
Основные этапы работы:
1) Анализ задачи: определила концепцию сайта — персональный сайт фотографа с акцентом на портретную и свадебную съёмку. Целевая аудитория — клиенты, ищущие профессионального фотографа для личных и торжественных мероприятий.
2) Подбор цветовой палитры: выбрала тёплую пастельную гамму для передачи нежности и элегантности:
- бежево-персиковый — теплота, уют, индивидуальность
- пыльная роза — элегантность, женственность
- коричневый — стабильность, профессионализм
- белый — чистота, воздух, минимализм
3) Проработка структуры:
- Шапка: имя фотографа «Анна Снимкова», специализация «Портретный и свадебный фотограф», -
- Фоновое фото (камера и суккулент)
- Кнопка: «Связаться» (призыв к действию)
- Секция «Обо мне»: фото фотографа + текст о профессиональной съёмке, специализации на портретной и свадебной фотографии, местоположение (Санкт-Петербург)
- Секция «Портфолио»: слайдер/карусель с примерами работ (переключение стрелками)
- Секция «Услуги и цены»: три пакета услуг с прозрачными условиями:
- Эконом (3 500 – 5 000 ₽): 1 час съёмки, 15 фото в обработке, базовая цветокоррекция, срок 3 дня
- Стандарт (8 000 – 12 000 ₽): 2 часа съёмки, 50 фото, помощь в позировании, срок 5 дней
- Премиум (20 000 – 35 000 ₽): 5 часов съёмки, 150 фото, глубокий ретушь (5 фото), авторская фотокнига, срок 10 дней
- Секция «Контакты»: телефон, email (hello@annasnimkova.com), адрес (г. Санкт-Петербург, ул. Улочная, 1)
- Подвал: иконки социальных сетей (ВКонтакте, Telegram)
4) Работа с типографикой:
- выбрала элегантные, читаемые шрифты
- создала визуальную иерархию (заголовки с засечками для элегантности)
- обеспечила достаточный контраст для удобства чтения
- акцент на именах и названиях секций
5) Подбор и размещение изображений:
- атмосферное фото в шапке (камера, суккулент — символ творчества и жизни)
- профессиональный портрет фотографа
- примеры работ в портфолио (портретная съёмка)
- иллюстрации к пакетам услуг (портрет с цветами, семейная съёмка, свадебное фото)
6) Создание адаптивной композиции:
- чередование бежевых, персиковых и белых секций для визуального ритма
- достаточное количество «воздуха» (отступов) для лёгкости восприятия
- баланс текста и изображений
- карточки пакетов услуг с чёткой структурой (описание, что входит, стоимость, кнопка заказа)
7) Проверка удобства: навигация интуитивно понятна, информация о ценах прозрачная (без скрытых доплат), портфолио легко просматривать, а общий дизайн передаёт эстетику и профессионализм фотографа.
Пожаловаться
