+79521026138

Студия Soffi.cosmo

Прототип

Онлайн-запись

Вёрстка

Адаптивы

Дизайн

Смотреть сайт

SEO-оптимизация

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

Исследование ниши

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

Базовая SEO-оптимизация

Вёрстка на Тильде + подключена онлайн-запись

Отрисован дизайн десктопной, планшетной и мобильной версии

Разработаны прототипы всех страниц сайта

Визуальные исследования

Проведён анализ конкурентов, целевой аудитории

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

Сайт для Соны — специалиста с многолетним опытом в индустрии красоты — косметолог-эстетист. На момент обращения у неё уже была сформированная клиентская база и активные страницы в социальных сетях. Основной поток новых клиентов приходил по рекомендациям («сарафанное радио») и отзывам.

О проекте

Аналитика и структура лендинга

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

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

Это повышает релевантность, снижает процент отказов и увеличивает вероятность записи.

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

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

навигация по сайту

Прототипы

На главной странице, в соответствии со стандартами ниши, были размещены дипломы и сертификаты косметолога. Также сделан блок с названиями брендов косметики (этот блок продублирован на страницах услуг). Размещён блок о мастере с фотографией. Все эти блоки — это факторы доверия к мастеру. Почти на каждой странице размещена открытая форма для обратной связи.

Цвета

Типографика

825543

D7967C

FFF7F3

171716

В студии и на печатной продукции преобладали бежевые и коричневые тона. Заказчик хотел такие же акцентные цвета на сайте. Поэтому цветовая палитра была выбрана быстро.

Cormorant Unicase — элегантный шрифт с утончёнными пропорциями и лёгким винтажным оттенком. Он выбран для заголовков и акцентных элементов: подчёркивает статус специалиста, добавляет нотку утончённости и созвучен эстетике beauty-сферы. Для наборного текста выбран шрифт Montserrat — легко читаемый гротеск.

Дизайн

Дизайн выполнен в стиле минимализма. На сайте преобладают округлые формы и тонкие линии. У заказчика уже был логотип, который использовался в социальных сетях и на печатной продукции. София хотела, чтобы на страницах присутствовали её фотографии. Мы решили что это будут профессиональные фотографии, сделаные в студии красоты. Они органично вписались в дизайн обложек страниц сайта.

Поисковые системы ранжируют сайты выше за мобильную адаптацию. Google и Яндекс используют mobile-first индексацию: если у вас нет адаптивной версии, вы заведомо проигрываете в выдаче.

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

Адаптивы

вёрстка

Смотреть сайт

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

пункты меню сопровождаются аккуратным подчёркиванием, которое появляется при наведении или выделяет текущий раздел;

кнопки плавно меняют цвет или слегка увеличиваются при наведении, давая понятную обратную связь;

Анимация используется дозированно и носит преимущественно функциональный характер — она не отвлекает от контента, а лишь подчёркивает интерактивность элементов:

Сайт реализован на платформе Tilda — современном инструменте, который сочетает гибкость визуального редактора с возможностью создавать уникальные интерфейсы. Для реализации дизайна активно использовался Zero Block, что позволило отойти от стандартных шаблонов и воплотить в жизнь индивидуальные решения без ограничений.