Студия анички Каракозовой

Прототип
Онлайн-запись
Вёрстка
Адаптивы
Дизайн
Смотреть сайт
SEO-оптимизация
Анализ конкурентов
Исследование ниши
Что было сделано
Базовая SEO-оптимизация
Вёрстка на Тильде + подключена онлайн-запись
Отрисован дизайн десктопной, планшетной и мобильной версии
Разработаны прототипы всех страниц сайта
Визуальные исследования
Проведён анализ конкурентов, целевой аудитории
Главная цель разработки сайта — привлечение новых клиентов, подключение онлайн-записи.
Сайт для Анички Каракозовой — парикмахера с опытом работы более 18 лет. На момент обращения у неё были страницы с социальных сетях и постоянные клиенты.
О проекте
Аналитика и структура лендинга
Стратегия структуры сайта
Сбор семантического ядра
На основе запросов, которые потенциальные клиенты вводят в поиск, собрали список ключевых слов и фраз. Это помогло понять, какие услуги наиболее востребованы и как клиенты их ищут.
По результатам аналитики приняли решение разработать многостраничный сайт. У специалиста широкий спектр услуг (стрижки, окрашивание любой сложности, уходы, укладки). Для каждой услуги требуется своё описание, фото, прайс. Поэтому под эти услуги были отрисованы разные страницы.
Перед началом разработки был проведён анализ конкурентов и целевой аудитории. Изучили сайты других парикмахеров и студий красоты в регионе заказчика.
навигация по сайту
Прототипы
На главной странице были размещены дипломы и сертификаты парикмахера, блок с отзывами. Также сделан блок о мастере с фотографией и цифрами (опыт работы, количество клиентов, продолжительность работы студии). Все эти блоки - это факторы доверия к мастеру. На каждой странице открытая форма. Отдельной страницей сделано портфолио.
Цвета
Фотографии
Разработка логотипа
Типографика
Для акцентов мы взяли тёмный оттенок розового — более насыщенный и выразительный, который добавляет динамики и привлекает внимание к ключевым моментам.
Ключевым цветом стал пыльная роза (dusty rose) — мягкий, приглушённый оттенок, который задаёт настроение и перекликается с эстетикой beauty-сферы. Этот цвет использован в фоновых элементах, акцентных блоках и деталях интерфейса. В качестве комплементарного оттенка выбран бледно-голубой серый — спокойный, нейтральный тон, который уравновешивает тёплый розовый и делает визуал гармоничным.
Такое сочетание позволяет сохранить визуальную целостность, поддерживает минималистичный стиль и гарантирует комфортное чтение на всех устройствах — от компьютера до смартфона.
Montserrat — геометрический гротеск, который обеспечивает безупречную читаемость в текстах любого объёма. Используется для описания услуг, прайса, контактной информации и других наборных элементов. Его нейтральный, строгий стиль уравновешивает декоративность El Messiri, создавая чёткую иерархию и делая интерфейс лёгким для восприятия.
El Messiri — элегантный шрифт с округлыми формами и плавными линиями, вдохновлённый арабской каллиграфией. Он выбран для заголовков и акцентных надписей. Благодаря своей мягкости и выразительности, этот шрифт созвучен эстетике пыльной розы и подчёркивает женственность, уют и индивидуальность мастера. Крупные заголовки на El Messiri выглядят современно и при этом сохраняют тёплый, неформальный характер.
Дизайн
Аничка осознанно подошла к визуальному наполнению: она заказала профессиональную фотосессию, чтобы на сайте были качественные, живые кадры. Фотографии получились выразительными — они передают атмосферу салона, демонстрируют работы.
Благодаря высокому качеству снимков и их стилистической согласованности, изображения стали не просто иллюстрациями, а полноценной частью дизайна. Они были гармонично встроены в макет: крупные планы в шапке, личные фото в блоке «О мастере» — всё это усиливает ощущение профессионализма и создаёт эмоциональную связь с посетителями.
У заказчицы на момент старта проекта не было собственного логотипа, но она имела чёткое представление о том, как он должен выглядеть. Основываясь на её пожеланиях и общей стилистике сайта, мы разработали лаконичный, запоминающийся знак, который органично вписался в интерфейс и теперь используется во всех визуальных коммуникациях бренда.
За основу был взят минимализм — чистые формы, продуманная композиция, отсутствие визуального шума. Это позволило сосредоточить внимание на главном: портфолио работ и информации об услугах.
312D2E
FFFAFA
ECEEF2
B1676F
F7E9ED
Поисковые системы ранжируют сайты выше за мобильную адаптацию. Google и Яндекс используют mobile-first индексацию: если у вас нет адаптивной версии, вы заведомо проигрываете в выдаче.
Для всех страниц отрисован адаптивный дизайн — сайт одинаково удобно смотреть с компьютера, планшета и телефона.
Адаптивы
вёрстка
Смотреть сайт
  • плавно выезжают заголовки и описание снизу вверх.
  • на некоторых блоках применена лёгкая анимация выезжающих стрелок — они смещаются вперёд, создавая ощущение динамики и приглашая к действию;
  • пункты меню сопровождаются аккуратным подчёркиванием, которое появляется при наведении;
  • кнопки плавно меняют цвет, давая понятную обратную связь;
Анимация используется дозированно и носит преимущественно функциональный характер — она не отвлекает от контента, а лишь подчёркивает интерактивность элементов:
Сайт реализован на платформе Tilda — современном инструменте, который сочетает гибкость визуального редактора с возможностью создавать уникальные интерфейсы. Для реализации дизайна активно использовался Zero Block, что позволило отойти от стандартных шаблонов и воплотить в жизнь индивидуальные решения без ограничений.