Разработан сайт для студии электроэпиляции и косметологии премиум-сегмента. Проект выполнен в эстетике дорогого минимализма: светлые тона, архитектурная типографика, много воздуха. Сайт вызывает доверие и мотивирует оставить заявку с первого экрана.
Особенности проекта:
- Полностью кастомная тема WordPress, написанная с нуля
- Ни одного стороннего плагина — весь функционал реализован на чистом коде
- Уникальный дизайн в стиле премиальных клиник, без шаблонных решений
- Адаптивная вёрстка под все устройства
- Высокая скорость загрузки (Google PageSpeed 90+)
- Полный SEO-комплект: мета-теги, Open Graph, Schema.org, XML-карта сайта
Что было сделано
1. Дизайн и вёрстка
Разработан уникальный дизайн в стиле quiet luxury: молочные и бежевые тона, дорогая типографика (Cormorant Garamond + Inter), акценты цвета шампань
Адаптивная вёрстка под десктоп, планшет и мобильные устройства
Современные анимации появления элементов при скролле без перегруженности
Интерактивный слайдер сравнения «До/После» с перетаскиванием ползунка (мышь + тач)
2. Кастомная тема WordPress
Тема написана с нуля, без использования готовых решений
Чистый PHP, CSS, JavaScript без jQuery
Критический CSS вшит вдля мгновенной отрисовки первого экрана
Ленивая загрузка изображений, WebP-формат, оптимизация шрифтов
3. Кастомные типы записей
- Услуги — с полями: цена, длительность, зоны применения, количество процедур, интервал, тип кожи, аппарат, эффект, фото до/после, FAQ
- Специалисты (Команда) — с полями: должность, стаж, образование, сертификаты, специализация, рейтинг, график работы, стоимость консультации, соцсети, фото в работе
- Отзывы — с рейтингом, именем, возрастом
- FAQ — вопросы и ответы
- Заявки — сохранение заявок с формы в админке
4. Управление контентом
Все секции главной страницы редактируются на одной странице в админке (без кастомизатора)
Удобная загрузка изображений через медиа-загрузчик WordPress
Текстовые поля, редактор, выбор фото, галереи — всё в мета-боксах
Логотип и фавиконка задаются там же, на странице «Главная»
5. SEO-комплект
- Автоматическая генерация Title и Description для всех страниц
- Open Graph и Twitter Cards для соцсетей
- Schema.org: Organization, FAQPage, Service, Person, BreadcrumbList
- Канонические URL, robots-метатеги
- XML-карта сайта (sitemap.xml)
- Пинг поисковиков при обновлении контента
- Ручное переопределение Title и Description для любой страницы
- Отдельная страница SEO-настроек для архивов
6. Форма онлайн-записи
AJAX-отправка без перезагрузки страницы
Валидация на клиенте и сервере
Маска телефона
Сохранение заявок в админке
Отправка уведомления на email администратора
7. Дополнительный функционал
- Адаптивное меню: на главной — якорные ссылки с плавным скроллом, на внутренних — обычные URL
- Мобильное меню-бургер
- Лайтбокс для фото «в работе» у специалистов
- Хлебные крошки (Schema.org)
- Страница контактов с картой и формой записи
8. Технологии
- CMS: WordPress (кастомная тема)
- Языки: PHP, JavaScript (ES6+), CSS (custom properties, grid, flexbox, clamp)
- База данных: MySQL (мета-поля WordPress)
- Шрифты: Cormorant Garamond, Inter (локальное хранение)
- Карта: Яндекс.Карты (ленивая загрузка)
Ключевые метрики
Скорость загрузки: Google PageSpeed 90+
Вес темы: менее 200 КБ (без изображений)
Количество плагинов: 0
Количество PHP-файлов: 20+
Адаптивность: десктоп, планшет, мобильные (360px+)
Кроссбраузерность: Chrome, Firefox, Safari, Edge
Структура сайта
- Страница URL
- Главная /
- Архив услуг /services/
- Отдельная услуга /services/elektroepilyaciya/
- Команда /team/
- Отдельный специалист /team/anna-ivanova/
- Архив отзывов /reviews/
- Архив FAQ /faq/
- Контакты /contacts/
- Политика конфиденциальности /privacy/
- Карта сайта /sitemap.xml
Результат
Сайт производит впечатление дорогого бренда, вызывает доверие и желание записаться уже после первого экрана. При этом клиент может полностью управлять контентом через удобную админку WordPress без привлечения разработчика.
