Этот сайт использует 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», в макете был использован образ совы, что является необычным решением. Это некий маскот бренда, который «преследует» пользователя на протяжении всего сайта, и делает проект запоминающимся, а также повышает узнаваемость компании.
Дизайн
Так как компания называется «Sova Clean», в макете использовала образ совы, что является необычным решением. Это маскот бренда, который «преследует» пользователя на протяжении всего сайта и делает проект запоминающимся, повышает узнаваемость компании.
В заголовки добавила эмоджи и выделила отдельные слова дополнительным цветом с контурными плашками для усиления акцента на наиболее значимых смыслах.
/05
Но это однозначно того стоило: за счет интересной анимации удалось донести достаточно много информации, при этом она легко считывается и пользователю не скучно находиться на сайте.
Верстка и функционал
После согласования дизайна, я начала верстку на Тильде. Она была сложной, так как необходимо было реализовать многоступенчатую анимацию: блоки с преимуществами, карточки с доп. опциями и т.д.
/05
При этом в мобильной версии отказалась от сложной анимации, чтобы страница быстрее грузилась и позволяла пользователю быстро и удобно совершить целевой действие — оставить заявку на уборку или просчет стоимости.
Верстка и функционал
Также разработала 4 адаптивные версии: 2 под планшеты и 2 под смартфоны, чтобы сайт был удобным на любом устройстве.
/06
Я также записала небольшую видео-инструкцию о том, как менять текст в шаблонах в программе фигма, чтобы заказчик мог создавать сколько угодно изображений под новый контент.
Упаковка телеграм
Помимо сайта, была сделана упаковка телеграм-канала: новая аватарка, а также шаблоны для постов с целью формирования единого образа компании в разных каналах коммуникации с клиентами.
/07
Также по традиции записала подробную видео-инструкцию по управлению сайтом, в котором рассказала, как менять текст, фотографии, добавлять новые видео с ютуб, при этом сохранив текущую анимацию.
Завершение и отзыв
Заказчик остался полностью доволен сотрудничеством. Он был просто в восторге и оставил отзыв. В нем отметил современный дизайн с понятным интерфейсом, комфортную работу и учет всех пожеланий.
