Проект представляет собой многофункциональный сайт для клиники эстетической медицины «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% времени всего проекта, так как контент создавался практически с нуля в соответствии с новой структурой.
Для каждой услуги были разработаны:
Развёрнутое описание (включая особенности методики, этапы процедуры).
Противопоказания (медицинские ограничения).
Рекомендации по сочетанию с другими процедурами (для комплексного подхода).
Информация о специалистах (врачи, их квалификация).