Этот сайт использует cookie-файлы сервиса веб-аналитики Яндекс.Метрика для улучшения своей работы. Оставаясь здесь, вы даете согласие на обработку персональных данных в порядке, указанном в Политике конфиденциальности.
Ок
Оставьте заявку
и получите продающую структуру сайта или аудит текущего конкретно под ваш запрос — это бесплатно.
Как вас зовут?
Где удобно связаться?
Контакты
Я даю согласие на обработку персональных данных и соглашаюсь с политикой конфиденциальности
Или напишите мне напрямую в удобном мессенджере
Сообщение об успешной отправке!
Спасибо!
Заявка успешно отправлена и я свяжусь с вами в ближайшее время. А пока ждете ответа, предлагаю ознакомиться с моим подходом через отзывы или кейсы
Многостраничный сайт
для клининговой компании
«Sova Clean»
Многостраничник
Сайт под ключ
Tilda
Сайт получил награду «Made on Tilda»
Упаковка Телеграм
Посмотрите проект
Заказчиком стала клининговая компания, которая уже 5 лет успешно работает на рынке Москвы и МО с B2C и B2B. Стояла задача разработать сайт, который бы закрывал на следующий шаг в воронке продаж оба сегмента ЦА, а также сформировал креативный онлайн-имидж.
Задача
Клиент
Компания «Sova Clean»
Проект
Многостраничный сайт
Год
2023
Что было сделано
Исследование ЦА и конкурентов, сбор семантического ядра
Написание продающих текстов с упором на маркетинг
Создание прототипа
Создание мудборда с ассоциативным рядом и референсами
Создание дизайн-макета десктопной версии
Создание дизайн-макета 4 адаптивных версий
Адаптивная верстка на Тильде со сложной анимацией
Базовое SEO и технические настройки
Вводные
До разработки сайта заказчик получал лидов в основном только из Нельзяграмма, однако хотелось увеличить поток клиентов из более контролируемых источников с использованием РСЯ.
Начало работ
Также было важно выделиться на фоне конкурентов, создав нестандартный образ компании.
Для отслеживания расписания по проекту создала подробную Диаграмму Ганта с датами начала и завершения этапов, чтобы клиент всегда знал, какие работы ведутся в каждый момент времени.
Также создала персональную страницу под проект в Notion, в котором систематизировала все материалы: ссылки на видео-презентации и макеты, а также на договор и чеки с оплат, чтобы клиент в любой момент смог ко всему обратиться.
/01
Также провела конкурентный анализ, по результатам которого выявила фишки, что можно применить и адаптировать под проект. Поняла, что почти ни у кого из игроков в нише нет сформированного онлайн-имиджа, поэтому клиенты почти не видят между ними разницы.
Аналитика
Так как за 5 лет работы компании накопилось много отзывов, мне было достаточно легко провести анализ ЦА: из них вынесла наиболее значимые смыслы, боли, потребности, критерии для принятия решения, которые легли в основу тезисов на сайте.
В проекте «Sova Clean» было принято решение сделать упор на нешаблонных визуальных и смысловых приемах, чтобы запомниться аудитории.
/02
В заголовке H1 отразила услуги компании, которые направлены как на B2C, так и на B2B. А в дескрипторе задела боли и потребности ЦА.
тексты & Прототип
Провела глубинный брифинг заказчика, после чего систематизировала всю информацию и приступила к написанию продающих текстов с упором на маркетинг.
На сайте предусмотрела 2 целевых действия — «заказать уборку» для горячих лидов (которые, например, пришли из Нельзяграмма) и «рассчитать стоимость» для теплых лидов, которые пришли с рекламы и еще сомневаются.
/02
Все заголовки на сайте получились достаточно длинными: это необходимо, чтобы даже при быстром скролле посетитель смог считать суть предложения. Включила в них наиболее значимые тезисы, которые важно донести в первую очередь.
тексты & Прототип
Структура состоит из 6 страниц: главная, для частных лиц, для бизнеса, о компании, контакты и частые вопросы. Разделение на страницы в зависимости от сегментов ЦА не только удобно клиентам, но хорошо для SEO.
В текстах убрала воду, оставив только самое главное в соответствии с потребностями аудитории, при этом аккуратно вплела информацию, которая отрабатывает возможные возражения. Оформила тексты в прототип (схематичную версию сайта) и записала видео-презентацию. Макет был принят практически без правок.
/03
Еще на первичном созвоне, клиент сказал, что хочет видеть крайне необычную и креативную стилистику. Поэтому выбрали сочные оттенки: выразительный фиолетовый, интенсивный салатовый и броский оранжевый.
мудборд
Затем занялась разработкой мудборда. Это важный этап, который задает направление проекту: здесь определяются желаемые ассоциации и впечатление от сайта, цвета, шрифты, ключевые приемы в дизайне, подбираются референсы и создается главный экран.
Взяли шрифт «Soyuz Grotesk» с округлыми очертаниями, которые отражают дружелюбие, открытость, при этом энергичность и свежее веяние чего‑то нового.
/04
Плашки с овальными врезками, блочное строение контента с закругленными углами в сочетании со сложной анимацией и нестандартной композицией блоков создают «Вау-эффект». Именно такую реакцию я получила от заказчика после видео-презентации дизайна — он был в абсолютном восторге от моих решений.
Дизайн
В основу дизайн-макета положен стиль «bento ui», в котором весь контент разбит на блоки и плашки, за счет чего контент эффективно систематизируется и легко воспринимается.
/04
Дизайн
Так как компания называется «Sova Clean», в макете использовала образ совы, что является необычным решением. Это маскот бренда, который «преследует» пользователя на протяжении всего сайта и делает проект запоминающимся, повышает узнаваемость компании.
В заголовки добавила эмоджи и выделила отдельные слова дополнительным цветом с контурными плашками для усиления акцента на наиболее значимых смыслах.
/05
Но это однозначно того стоило: за счет интересной анимации удалось донести достаточно много информации, при этом она легко считывается и пользователю не скучно находиться на сайте.
Верстка и функционал
После согласования дизайна, я начала верстку на Тильде. Она была сложной, так как необходимо было реализовать многоступенчатую анимацию: блоки с преимуществами, карточки с доп. опциями и т.д.
/05
При этом в мобильной версии отказалась от сложной анимации, чтобы страница быстрее грузилась и позволяла пользователю быстро и удобно совершить целевой действие — оставить заявку на уборку или просчет стоимости.
Верстка и функционал
Также разработала 4 адаптивные версии: 2 под планшеты и 2 под смартфоны, чтобы сайт был удобным на любом устройстве.
/06
Я также записала небольшую видео-инструкцию о том, как менять текст в шаблонах в программе фигма, чтобы заказчик мог создавать сколько угодно изображений под новый контент.
Упаковка телеграм
Помимо сайта, была сделана упаковка телеграм-канала: новая аватарка, а также шаблоны для постов с целью формирования единого образа компании в разных каналах коммуникации с клиентами.
/07
Также по традиции записала подробную видео-инструкцию по управлению сайтом, в котором рассказала, как менять текст, фотографии, добавлять новые видео с ютуб, при этом сохранив текущую анимацию.
Завершение и отзыв
Заказчик остался полностью доволен сотрудничеством. Он был просто в восторге и оставил отзыв. В нем отметил современный дизайн с понятным интерфейсом, комфортную работу и учет всех пожеланий.
