Лендинг для эксперта в флористике Татьяны Андреевой, созданный для продвижения личного бренда и продаж книги для флористов. Разработали дизайн, адаптированный для верстки на WordPress, с акцентом на визуальную эстетику и удобство управления контентом.
Задача:
Создать современный сайт для флориста-эксперта Татьяны Андреевой, чтобы усилить ее личный бренд и запустить онлайн-продажи книги для специалистов по флористике. Дополнительно требовалось отобразить активность клиентки: участие в мероприятиях, публикации в СМИ и экспертные статьи. Сайт должен был стать инструментом лидогенерации через формы захвата и интеграцию с email-рассылками, привлекая флористов, коллег и покупателей книги.
Структура
Технические задачи
Сроки 1 неделя на дизайн и подготовку к верстке.
- Посадочная страница (главная с фокусом на книгу и личный бренд).
- Технические страницы:
- Спасибо (за подписку или покупку).
- Политика конфиденциальности.
- Страница ошибки (404).
Технические задачи
- Адаптация макетов под все устройства (десктоп, планшет, мобильный).
- Разработка анимации (согласовали с клиентом: интерактивные эффекты для первого экрана).
- Формы захвата лидов (отдельные макеты для подписки на рассылку и заявки на книгу).
- Подготовка для WordPress: UI-kit, экспорт из Figma).
Сроки 1 неделя на дизайн и подготовку к верстке.
Дизайн
Дизайн сайта вдохновлен эстетикой флористики: минималистичный, с черно-белой палитрой и акцентным красным цветом, который раскрывает "эмоцию" бренда. Мы сделали акцент на личном бренде Татьяны Андреевой, используя ее фото и историю, чтобы создать доверие у посетителей. Продажи книги подчеркнули четким призывом к действию на первом экране.
Чтобы привлечь аудиторию флористов, мы:
- Создали эффектный первый экран. Посетитель видит черно-белое фото Татьяны за работой с цветами и слоган, который меняется с эффектом печатной машинки (например, "Искусство флористики", "Создавайте с легкостью", "Ваша книга-гид"). При наведении на кнопку покупки фото становится красным, символизируя переход от "серого" к яркому и вдохновляющему миру с Татьяной. Это создает вау-эффект и мотивирует остаться на сайте.
- Разработали продающую структуру. Логичная последовательность блоков "прогревает" холодных клиентов: от знакомства с Татьяной до покупки книги. Блоки включают отзывы, описание книги и ее ценность для флористов.
- Интегрировали контент. Статьи Татьяны автоматически подгружаются из блога WordPress и дублируются на новостных порталах через плагин (детали не раскрываем, так как фокус на дизайне).
- Добавили календарь мероприятий. Интерактивный блок показывает, где Татьяна выступает (вебинары, фестивали), с формами регистрации для лидогенерации.
Статьи и календарь
Для подчеркивания экспертизы мы выделили:
- Статьи: Лента публикаций о флористике (тренды, мастер-классы) с автоматическим обновлением через WordPress. Каждая статья оптимизирована для SEO с ключевыми словами вроде "флористика для начинающих", "секреты букетов от эксперта". Кнопки "Поделиться" усиливают вирусный эффект.
- Календарь: Интерактивный виджет (на базе плагина WordPress) для анонса мероприятий. Посетители видят даты, описания и могут записаться, что привлекает учеников и коллег.
Анимация
Анимация на первом экране задает тон: черно-белое фото оживает красным цветом при наведении на кнопку, символизируя простоту и вдохновение, которые дает Татьяна. Эффект печатной машинки для слогана привлекает внимание к ключевым сообщениям. К сожалению, часть анимаций (например, сложные переходы) не реализовали на WordPress из-за технических ограничений, хотя на Tilda это было бы проще. Остальные эффекты — плавный скролл и hover на кнопках — сохранили для удобства взаимодействия.
Мобильная версия
С учетом того, что более 60% трафика в нише флористики идет с мобильных, мы разработали адаптивы для планшета и смартфона. Упор на удобство: крупные кнопки, быстрый скролл, лаконичные формы захвата (в один клик). Мобильная версия сохраняет эстетику черно-белого дизайна с красными акцентами, чтобы флористы могли вдохновляться на ходу.
Результат
Сайт стал мощным инструментом для продвижения личного бренда Татьяны Андреевой и продаж книги. Клиентка высоко оценила дизайн и удобство управления контентом в WordPress. Мы передали полный пакет: UI-kit, адаптивы, доступ к Figma и материалы. Верстку выполнил наш партнер, обеспечив запуск под ключ. Сайт готов к продвижению через органический поиск (по ключам "книга по флористике", "эксперт флористика") и контекстную рекламу.
Награды
Дизайн сайта отправлен на рассмотрение в номинации Behance и CSS Design Awards. Ожидаем результатов.
