Веб-дизайн и E-Commerce · 2025–2026

Kablook
Beauty & More

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

Клиент
Kablook Beauty & More
Локация
Бернау под Берлином
Услуги
Веб-дизайн, E-Commerce, разработка плагина
Период
2025–2026
01 — Исходная ситуация

Задача

Kablook Beauty & More — это студия красоты в Бернау под Берлином: парикмахерские услуги, косметология, маникюр, педикюр и свадебный стайлинг. Существующее онлайн-присутствие было простым сайтом на конструкторе без индивидуального визуального стиля, без магазина и без возможности самостоятельно запускать маркетинговые акции.

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

Результат: полный новый запуск с собственной дизайн-системой, WooCommerce-магазином, страницами команды, кастомными секциями и индивидуальным WordPress-плагином для маркетинговых объявлений.

Сфера Beauty & косметология
Исходная база Конструктор, без магазина
Платформа WordPress
E-Commerce WooCommerce
Система записи Интеграция Salonkee
Брифинг-раунды Дизайн, магазин, фото, контент
02 — Вызовы

Что нужно было решить

01

Не было онлайн-магазина

Собственная линия ухода Kablook существовала физически, но не была представлена в digital. Полноценный e-commerce-канал полностью отсутствовал.

02

Не было идентичности бренда

Сайт на конструкторе не давал индивидуального дизайна. Цвета, шрифты и структура не передавали стиль студии.

03

Не было маркетингового инструмента

Для акций или объявлений требовалась внешняя помощь. Владелица не могла самостоятельно запускать объявления без технических знаний.

04

Команда не была видна

Сотрудницы — главная сила студии — на старом сайте не имели лица. Личность и характер команды полностью отсутствовали.

05

Мобильная версия не была оптимизирована

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

06

Отзывы не использовались

Десятки 5-звёздочных отзывов в Google не были задействованы. На сайте не было видно ни одного отзыва клиента.

03 — Реализация

Что мы построили

01

Дизайн-система с нуля

Полная разработка визуальной идентичности: burgundy, розовый и кремовый как цветовая палитра, индивидуальная комбинация типографики, единые отступы и компоненты. Декоративные элементы логотипа как повторяющийся мотив на всех страницах. Несколько брифинг-раундов для согласования стиля и контента.

Design System Custom CSS Несколько брифингов
02

WooCommerce-магазин — с нуля

Полная настройка онлайн-магазина: каталог продуктов собственной линии ухода Kablook, индивидуальная 4-колоночная сетка товаров, карточки товаров с hover-эффектами, оптимизированное отображение продуктовых фото, якорная навигация по категориям. Фото-брифинг для всех продуктовых изображений.

WooCommerce Фото-брифинг продуктов Custom Grid
03

Страницы команды и фотографии сотрудников

Индивидуальная страница команды с реальными портретными фотографиями всех четырёх сотрудниц. Круглые профильные фото, роли и личные факты о каждой персоне. Фото-брифинг для согласования визуального языка и стиля — студия получила настоящее лицо.

Фото-брифинг Страница команды Personal Branding
04

Announcement-инструмент — управляемый без IT

Разработка индивидуального WordPress-плагина с полноценным admin-интерфейсом: текст, цвета, типографика и ссылка настраиваются прямо в WordPress-бэкенде — технические знания не требуются. Анимированный баннер, плавное закрытие, автоматическая адаптация header.

WordPress Plugin (PHP) Admin-UI Управление без IT
05

Google-отзывы и бренд-баннер

Шесть выбранных отзывов клиентов как custom-слайдер с автоматическим расчётом ширины для всех размеров экрана. Дополнительно — split-баннер для собственной линии ухода с фото продукта, тегами и прямой ссылкой в магазин.

Social Proof Custom JS Slider Коммуникация бренда
04 — Результат

Что получилось

0→1
От конструктора к профессиональному WordPress-магазину
8+
Индивидуальные страницы и custom-секции
100%
Самостоятельное управление — без технических знаний
Полный новый запуск с собственной дизайн-системой вместо сайта на конструкторе
WooCommerce-магазин с собственной линией ухода Kablook — e-commerce построен с нуля
Реальные фотографии сотрудников и страница команды после фото-брифинга
WordPress-плагин для объявлений — полностью управляемый без IT-знаний
Слайдер Google-отзывов, бренд-баннер, страница новостей, секция предложений
Sticky Header, мобильная навигация, Announcement Bar с динамической адаптацией
Интеграция Salonkee для прямой записи на услуги
Смотреть live
kablook.de
Sofia Paul-Kulagin
„Новый сайт наконец отражает то, чем наша студия действительно является — качественной, личной и профессиональной. Теперь мы можем продавать наши продукты и онлайн."
София Пауль-Кулагин · владелица, Kablook Beauty & More
05 — Технологии

Использованный стек

WordPress
WooCommerce
PHP 8
Custom CSS
Vanilla JavaScript
WordPress Plugin API
WordPress REST API
Salonkee
DomainFactory Hosting

Планируете похожий проект?

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

Запросить первую консультацию → ← Назад ко всем проектам