Beauty Science

Проект представляет собой многофункциональный сайт для клиники эстетической медицины «Beauty Science», сочетающий в себе функции каталога услуг и интернет-магазина. Пользователи могут ознакомиться с описанием процедур, их стоимостью, противопоказаниями, а также оформить онлайн-запись или покупку некоторых услуг.

Этапы разработки:

1. Разработка дизайн-макета

  • Созданы прототипы основных страниц (главная, страницы услуг, корзина и др.) с учетом UX/UI-принципов.
  • Адаптивный дизайн: отдельные макеты для десктопной и мобильной версий, чтобы обеспечить удобство использования на всех устройствах.
  • Учтены фирменные цвета клиники, шрифтовая гарнитура и визуальная подача контента.

2. Вёрстка и создание шаблона на WordPress

  • Выполнена семантическая вёрстка с использованием HTML5, CSS3 и JavaScript для интерактивных элементов.
  • Шаблон разработан на WordPress с нуля для обеспечения гибкости и удобства дальнейшего администрирования.
  • Реализована кросс-браузерная и адаптивная вёрстка, корректное отображение на всех разрешениях экранов.

3. Настройка плагинов и создание дополнительных полей

Установлены и настроены необходимые плагины:

  • WooCommerce – для работы интернет-магазина (корзина, оплата).
  • Advanced Custom Fields (ACF) – для создания кастомных полей (блоки «Противопоказания», «Сочетание процедур» и др.).
  • Yoast SEO – базовая SEO-оптимизация.
  • Contact Form 7 – формы обратной связи для записи на процедуру или консультацию.
  • Gwolle Guestbook – для сбора общих отзывов и комментариев посетителей.

4. Наполнение сайта контентом

Этот этап занял ~75% времени всего проекта, так как контент создавался практически с нуля в соответствии с новой структурой.

Для каждой услуги были разработаны:

  • Развёрнутое описание (включая особенности методики, этапы процедуры).
  • Противопоказания (медицинские ограничения).
  • Рекомендации по сочетанию с другими процедурами (для комплексного подхода).
  • Информация о специалистах (врачи, их квалификация).

Добавлены медиаматериалы: фото до/после, видеопрезентации.

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

5. Тестирование и запуск

Проверка всех функций:

  • Корректность работы корзины и оплаты.
  • Отправка заявок и уведомлений.
  • Адаптивность на разных устройствах.

Итог

Полностью рабочий сайт с заполненными страницами и настроенными процессами онлайн-заказов был разработан за 2 месяца.

Адрес сайта

beautyscience.ru

Не открывается сайт?

Воспользуйтесь удобным форматом для просмотра

Версия для декстопа

Десктоп версия

Мобильная версия

Мобильная версия

Другие интересные проекты

Отзывы о системе тренировок «Здоровое будущее»

Вдохновляющие истории тысяч людей, которые выбрали новый путь – научились слышать и бережно поддерживать свое тело

подробнее
CARDOC

Сайт-визитка для поиска запчастей по VIN-коду автомобиля

подробнее
Бублик

Пекарня в Йошкар-Оле теперь с «хрустящим» и «тёплым» сайтом

подробнее
МСК «Тандем»

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

подробнее
Здоровое будущее

Система тренировок от Егора Пенкина. Каждый модуль – новый landing page

подробнее
Переобучение движению

Покадровая анимация скелета – суперидея для демонстрации проблемных зон

подробнее
Динамические растяжки и МФР

Самая быстро собранная страница – 3 дня на gif-анимацию и «буквы-крутилки»

подробнее
Функциональный тренинг

Первый landing page из системы «Здоровое будущее»

подробнее