год разработки — 2024

Сайт фотографа Олега Озёрова на Tilda для сбора заявок на мастер - классы

Аудит

Анализ конкурентов

Проработка ЦА

Проектирование

Дизайн

Вёрстка

Подключение мессенджеров

Базовое SEO

Подключение и настройка метрики

Написание текстов

о проекте

Олег Озеров — фотограф и преподаватель. Готовил авторский мастер-класс, и ему нужен был одностраничник для сбора заявок. Запрос звучал чётко: сайт должен передавать его стиль, быть информативным и продающим, но без навязчивости. Не «кричать» о продаже, а вызывать доверие.

Знакомая ситуация для многих экспертов: продукт есть, аудитория есть, а цифровая упаковка либо отсутствует, либо работает как фильтр, который отталкивает «своих». Олег немного работал с Тильдой, но его самостоятельные попытки закончились фразой: «получается ерунда».
 
Zero-блоки он не знал и переживал, что после запуска окажется привязан к разработчику.
Бюджет был скромным — 15 000 ₽. При этом он хотел, чтобы проект выглядел ярко, но оставался полностью управляемым: он планировал сам менять тексты и фото под будущие мероприятия.  До события оставалось около трёх месяцев. Сроки позволяли работать спокойно, но без права на эксперименты ради экспериментов.

Цели:

Задачи:

Анализ / Решения

Я взяла проект полностью под ключ. Начала не с визуала, а с аналитики: изучила три сайта в смежной нише, вычленила рабочие паттерны и построила текстовую структуру.

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

Мой метод всегда одинаков: сначала маршрут, потом атмосфера. Сначала логика, потом эстетика. Это экономит бюджет, нервы и время на правках.

Сайт выстроила как историю: знакомство с Олегом → портфолио → программа мастер-класса → тарифы → форма заявки.

Полная, честная подача информации помогла аудитории самой принять решение, нужно ли им это предложение. Никакого давления, только ясность.

Как это работает на уровне восприятия:

/структура страницы/

Галерею работ обсуждали долго. Олег рисовал варианты на бумаге, я подбирала сетки в Figma.

В итоге отказались от слайдера и сложных изломов. Остановились на крупных фотографиях с возможностью увеличения по клику.

Это выглядело стильно, современно и, что важно, легко реализовывалось на стандартных блоках.

Почему слайдер — плохая идея для фотографа? Потому что он прячет контент. Посетитель не скроллит карусель так охотно, как ленту. А крупные фото создают эффект «погружения»: вы не просматриваете каталог, вы попадаете внутрь неё. При этом технически это стандартный блок Тильды: легко редактируется, быстро грузится, не требует Zero-блоков.

«А вот бы ещё что-то прикольное добавить, чтобы отличался от других, но при этом, чтобы бюджет не расширять».

«подумаю и что-нибудь предложу✨ ».

Через пару часов прислала решение: добавила иконки, стилизованные под видоискатель камеры.

«Очень круто и интересно смотрится — спасибо!💥 ».

«Рада, что понравилось✨ ».

Маленькая деталь, которая за 40 минут работы добавила проекту характер, не увеличив ни бюджет, ни сложность поддержки.

Это и есть принцип «тихого влияния»: не нужно перестраивать фундамент, чтобы добавить узнаваемость.

Иногда достаточно одного визуального якоря, который резонирует с профессией и сразу говорит: «здесь работает человек, который понимает контекст».

Какие решения помогли превратить сайт в надежный инструмент продаж

Привлекаю внимание

Качественно подобранная фотография для первого экрана

навигая и информация

В первом блоке разместила каталог, с возможностью перехода на каждую категорию.

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

Блок «этапы работ» даёт понимание, как строится процесс: от обсуждения до завершения монтажа.

усиливаю доверие

Блок «Отзывы» с видеотзывами клиентов и переходом в ЯндексКарты и 2gis усиливает доверие клиентов.

Разместила галерею лучших работ.

Добавила квиз, для привлечения аудитории

Блоки на странице не просто дают информацию, они образуют последовательный рассказ. Который ведёт посетителя к логическому завершению — оставить заявку

Дизайн

После согласования структуры, приступила к дизайну. Было принято решение для экономии времени делать реализацию сразу в Tilda

Одной из ключевых задач был выбор цветового решения.

Графит — глубокий, но мягкий. Он даёт контраст для фото, не перетягивает внимание, создаёт атмосферу «студии».
Тёмно-красный — акцентный. Он не кричит. Он указывает: сюда смотреть, сюда нажать, здесь важное. Это управление вниманием через цвет, а не через анимацию или мигающие кнопки.

Привлекаю внимание

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

легкость редактирования

По просьбе Олега, старалась обходиться стандартными блоками Tilda. 

Поэтосы ключевые разделы: галерею, тарифы реализовала через них.

Типографика

Шрифт – Montserrat. Интересный гротескный шрифт. Который отлично передаёт настроение проекта.

Он одновременно и строгий, но при этом не тяжёлый, современный, с лёгкой игривостью в начертании.

Помня о том, что для Олега важна автономность от разработчика. Я записала несколько видеоуроков по работе с сайтом, в том числе по zero блокам. 

Он не просто научился менять тексты и фото — разобрался и в Zero-блоках.

«Ты хорошо объясняешь, оказывается zero блок не так уж и страшен :)))».

«Спасибо✨ ».

Общий итог изменений.

Я не обещала «100 заявок за неделю».

Я показала механику: структура → текст → визуал → форма → аналитика.

Когда клиент понимает, как работает воронка, он перестаёт искать волшебную кнопку. Он начинает управлять процессом.

После запуска и настройки рекламы сайт стал стабильным источником заявок.

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

Самый честный показатель успеха для меня — не только довольный заказчик, а доверие, которое перерастает в рекомендации. По совету Олега ко мне пришли ещё два клиента.

ui/ux

Тексты

Дизайн

Разработка сайта

фотограф/ ведущий мастер-классов

Олег Озёров

Сказать спасибо - мало!

Получилось очень круто, а уроки по тильде вообще 💥 

Заявки идут, если нужно сам могу поменять информацию. Я очень доволен! 

cropped-cropped-Icon_csecollege-1.webp

Олег Озёров

Заказчик

Разработка сайта для бизнеса — с ясной структурой, сильной подачей и фокусом на заявку

Если вам нужен не просто красивый сайт, а понятный и рабочий инструмент для бизнеса — напишите мне