Одностраничный сайт

для фотостудии

«Салют»

Лендинг

Сайт под ключ

Tilda

Сайт получил награду «Made on Tilda»

Посмотрите проект

Ко мне обратились основатели фотостудии «Салют» в Москве с запросом на создание одностраничного сайта. Задача — автоматизировать процесс записи клиентов в студию и подготовить лендинг к приему трафика из Рекламной сети Яндекс.

Задача

Клиент

Фотостудия «Салют»

Проект

Одностраничный сайт с виджетом онлайн-записи

Год

2024

Что было сделано

Исследование ЦА и конкурентов, сбор семантического ядра

Написание продающих текстов с упором на маркетинг

Создание прототипа

Создание мудборда с ассоциативным рядом и референсами

Создание дизайн-макета десктопной версии

Создание дизайн-макета 4 адаптивных версий

Адаптивная верстка на Тильде со сложной анимацией

Базовое SEO и технические настройки

Подключение виджета онлайн-записи «AppEvent»

Вводные

Главная особенность компании — направленность на ЦА креаторов, блогеров и создателей личного и коммерческого контента, так как основатели студии — владельцы креативного агентства «Strategy», для которого я тоже разрабатывала сайт.

Начало работ

Весь процесс разработки отслеживался в Диаграмме Ганта с четкими датами начала и завершения каждого этапа, чтобы клиент всегда знал, на каком этапе он находится, когда ведутся работы на моей стороне, а когда необходимо дать обратную связь.

/01

Поэтому было принято решение отразить на сайте ключевую особенность студии — это футуристичное пространство конкретно для создания личного и коммерческого контента «не как у всех».

Аналитика & Тексты & прототип

Был проведен анализ конкурентов и ЦА, по результам которого выяснилось: большинство фотостудий Москвы не имеют уникального позиционирования и потенциальные клиенты не видят между ними особой разницы.

Написала продающие тексты, в которых отразила преимущества студии по критериям, являющимися наиболее значимыми для ЦА

Сформировала длинные заголовки в формате сторителлинга, чтобы даже при быстром скролле сайта можно было считать суть предложения

В главном экране отразила выгоды с четкими цифрами: «Фотостудия для личного и коммерческого контента. Съемочное пространство от 2 500 ₽/час»

Аналитический этап и прототип были презентованы в формате видео-презентации с обоснованием решений, чтобы клиент понимал, что и для чего делается

/02

Сайт должен передавать легкие, радостные эмоции, создавать ощущение праздника. Также составила облако тегов, связанных с тематикой бизнеса: искры, фотоаппарат, фокус камеры, запись, рамка, пропорции, пленка.

Мудборд

После утверждения прототипа, я приступила к разработке мудборда для нащупывания стилистики сайта через визуальные образы из реального мира, ассоциации и дизайн-референсы.

В основу визуальных образов были положены элементы фокуса камеры (точка записи, боковые рамки, цифры в нижней части интерфейса фотокамеры) и схема золотого сечения, которая делает отсылку к идеальным пропорциям в фотографии.

Мудборд был презентован в видео-формате с обоснованием решений.

/03

Использовалаь сочные, запоминающиеся цвета, которые отражают праздничное настроение. Взяла сочетание изящной антиквы с засечками «Playfair Display» и гротескного, легко считываемого шрифта «Manrope».

Дизайн

Далее приступила к отрисовке дизайн-макета в Фигме. В нем сделала акцент на типографике с нестандартной композицией, когда текст располагается по нескольким направляющим и делает восприятие более динамичным, а сайт — живым и нестандартным, как и сама фотостудия.

В проекте сделала сложную сетку с 5 направляющими, чтобы дизайн выглядел свежо и нешаблонно. В некоторых блоках за счет этого создавались пустые пространства, которые задавали ритм, усиливали акценты на наиболее значимых смыслах.

/04

Верстка и функционал

Сайт выл верстан на платформе Тильда. В функционал положены решения, направленные на главную задачу проекта — автоматизацию процесса записи клиентов в студию.

Подключила сервис «AppEvent», который сразу показывает свободные окошки и рассчитывает стоимость в зависимости от дня и времени бронирования, типа зала, количества человек.

Сделала фиксированный хэдер с кнопкой «Забронировать» для повышения вероятности совершения целевого действия со стороны посетителей.

Настроила динамичную и сложную анимацию для управления вниманием пользователей. Клиенту особенно понравился эффект «открывающейся шторки» при появлении фотографий

Сделала удобную мобильную версию с продуманным интерфейсом, за счет чего в рамках одного экрана помещается максимальное количество контента.

/05

В конце разработки я всегда записываю подробную видео-инструкцию по управлению сайтом, чтобы заказчик в случае чего всегда знал, как и где нужно менять какие‑либо настройки, обновить контент, при этом учитывая сложную анимацию и прочие технические особенности проекта.

Завершение

Разработка заняла 1 месяц, в течение которого было активное взаимодействие с клиентом. Он оказался полностью доволен нашим сотрудничеством.

photosalut.ru

Ссылка на проект

Сайт находится сейчас под полным управлением заказчика и может отличаться от изначального макета и функционала*

Результат

Полностью готов для приема трафика из Рекламной сети Яндекс и других источников

Автоматизирует процесс записи клиентов за счет подключенного виджета «AppEvent»

Закрывает сомнения и возражения клиентов за счет блока с частыми вопросами

Отражает ключевую концепцию и позиционирование студии, тем самым отстраивает ее от конкурентов

Повышает уровень лояльности и доверия посетителей

Эффективно доносит ценность услуг

Сайт получил награду «Made on Tilda»

По итогу клиент получил сайт, который: