Не обнулить бренд, а перевести его в новую эпоху
У WunderDerm уже были узнаваемое имя, действующий сайт и локальная аудитория. Поэтому проект не начинался с идеи «сделать всё заново». Мы сохранили характер марки, но убрали устаревшую эстетику beauty-лаборатории и сфокусировали позиционирование вокруг формулы «Laser + Hautkonzepte».
Параллельно нужно было разобраться с наследием WordPress: услуги, зоны тела, цены, технологии и сценарии записи жили в разрозненных страницах. Мы собрали их в одну информационную модель, построенную вокруг реальных вопросов посетителя.
Айдентика с характером, а не ещё один шаблон салона
Выразительный логотип остался центром системы. Глубокий синий создаёт уверенную основу, а тёплый коричневый, яркий розовый и молочный позволяют по-разному собирать продуктовые страницы, карточки, навигацию и призывы к записи.
Обновлённые логотипные композиции и дескриптор «Laser + Hautkonzepte»
Единые правила цвета, типографики, отступов и компонентов
Фотостиль с теплом, движением и человеческим характером
Десктопная и мобильная версии проектировались одновременно
Услуги превратились в понятные пользовательские маршруты
Кто-то приходит с конкретной зоной, кто-то сравнивает технологии, а кто-то сначала хочет понять бюджет. Вместо набора несвязанных лендингов появились зоны процедур, структурированные карточки, пакеты, цены, контекстные объяснения и последовательные переходы к записи.
Интерактивная карта тела позволяет переключаться между женской и мужской версиями, выбирать регион и находить нужную услугу без длинной неструктурированной таблицы. Одна и та же модель данных используется на отдельных страницах и в мобильной навигации.
WunderQuiz как ориентир, а не медицинская рекомендация
Короткий сценарий помогает упорядочить предпочтения и перейти к релевантной информации о технологиях и ценах. Он сознательно не выдаёт диагноз и не подменяет консультацию специалиста.
Microneedling — другая визуальная история внутри той же системы
Страницы лазерной эпиляции требуют строгой логики зон и цен. Microneedling получил более редакционный ритм: продуктовые кадры, спокойное объяснение, последовательность процедуры и практическую информацию о подготовке и уходе. При этом типографика, навигация, отступы и конверсионные компоненты остаются общими.
Полные desktop- и mobile-композиции собирались параллельно. Ниже — экранные кадры, показывающие переход от оффера к объяснению, процессу и фотографической подаче без ощущения отдельного микросайта.
Детали страницы Microneedling
Разные типы контента внутри одной визуальной и компонентной системы.
Не просто редизайн, а поддерживаемая платформа
Сайт был реализован как приложение на Next.js, а не как ещё одна тема конструктора. React и TypeScript дают предсказуемый интерфейсный слой, Sanity — структурированное управление контентом, который команда должна менять без релиза кода.
CMS-модели для страниц, услуг, статей, FAQ и переиспользуемых секций
Метаданные, structured data, sitemap и редиректы со старых WordPress URL
Общие токены и компоненты для всех экранов и точек конверсии
Линтинг, типы и браузерные проверки для более безопасной поддержки
Результат
У WunderDerm появился один связный цифровой контур: айдентика, выбор услуг, цены, контент, запись и CMS больше не развиваются как отдельные фрагменты. Бренд сохранил узнаваемость, но стал яснее, современнее и значительно проще в дальнейшем развитии.
Ещё несколько экранов системы
Что ещё мы собирали.
Обсудим, какой формат
подходит вашей задаче.
Новый MVP, кастомная платформа, клиентский кабинет, внутренняя система, backend, интеграции или развитие существующего продукта — определим правильную точку старта и следующий объём работ.