Все проекты

Мускари редизайн сайта

Клиент
Салон красоты «Мускари»
Тип проекта
wordpress / Миграция / Редизайн
Год разработки
2024

О проекте

В 2024 году, разработал новый сайт салона красоты «Мускари»: проработали прототип, согласовали дизайн, сверстал страницы и интегрировал их в собственную WordPress-тему. Весь контент можно было редактировать через ACF Pro, а заявки из форм CF7 поступали на почту. При переходе со старого сайта сохранили URL страниц и SEO-метаданные.

Что было сделано

  • Составление технического задания
  • Прототипирование и разработка дизайна
  • Адаптивная вёрстка страниц по согласованному с клиентом дизайну
  • Разработка собственной WordPress-темы и новой архитектуры контента
  • Интеграция редактируемого контента всех страниц через ACF Pro
  • Организация услуг, команды, работ, акций и прайс-листа
  • Подключение форм CF7 с отправкой заявок на почту
  • Перенос всех страниц с сохранением URL и SEO-метатегов
  • Перенос и запуск новой версии сайта

Результат

Салон получил полностью новый сайт на WordPress: с разработанным и согласованным дизайном, адаптивной вёрсткой и редактируемым контентом на всех страницах. Заявки поступали на почту через CF7, а страницы сохранили свои URL и SEO-метаданные. После запуска клиент использовал сайт в работе.

В портфолио сохранена вёрстка? её можно открыть по ссылке «Сайт» в описании проекта. Демонстрация позволяет посмотреть страницы и интерфейс; WordPress и отправка заявок в ней не подключены. Кейс описывает реализацию 2024 года, до следующего редизайна клиента в 2026 году.

Задача

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

Исходная

У салона уже был сайт, но для редизайна мы решили отказаться от прежней реализации и разработать проект с нуля. Со старого сайта требовалось перенести страницы с сохранением их адресов и SEO-метатегов. Дизайн, вёрстку и архитектуру новой версии я создавал заново.

В 2024 году я разработал новый сайт салона красоты «Мускари» от дизайна до запуска на WordPress. Вместе с клиентом проработал и согласовал макеты, подготовил адаптивную вёрстку и собрал собственную тему. Контент всех страниц сделал редактируемым через ACF Pro, а при переходе со старого сайта сохранил URL и SEO-метаданные.

01

Разработал и согласовал дизайн

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

02

Подготовил адаптивную вёрстку

Перенёс согласованный дизайн в страницы сайта: главную, разделы услуг и отдельных процедур, цены, работы, акции, информацию о салоне и контакты. Адаптировал интерфейс для компьютеров и телефонов, реализовал слайдеры, мобильное меню и модальные формы записи.

03

Собрал новую тему WordPress

Готовую вёрстку интегрировал в собственную тему WordPress. Общие элементы вынес в переиспользуемые части, а для страниц и разделов подготовил отдельные шаблоны с интеграцией контента в ACF. Новую архитектуру контента выстроил под услуги и материалы салона, без привязки к прежней реализации сайта.

04

Сделал весь контент редактируемым через ACF Pro

Тексты, фотографии и содержимое блоков на всех страницах связал с полями ACF Pro. Для сотрудников салона подготовил понятный редактор в административной панели: информацию можно было обновлять без правок HTML или PHP. Общие данные сайта вынес в отдельные настройки, чтобы редактировать их централизованно.

05

Подключил формы записи и обратной связи

Через Contact Form 7 настроил отправку заявок на почту салона. Формы встроил в подготовленную вёрстку и модальные окна, чтобы посетитель мог записаться или оставить обращение из нужного раздела сайта.

06

Перенёс страницы и запустил сайт

В новую версию перенёс все страницы с сохранением URL и SEO-метатегов. После переноса сайт получил новый дизайн, собственную тему и новую структуру управления контентом, сохранив существующие адреса страниц. Готовый проект перенёс в рабочую среду и запустил для клиента.

Помогу разработать похожий проект

Напишите что нужно разработать или доработать. Я уточню детали, предложу решение и сориентирую по срокам и стоимости.

Шаг 1 из 5

Что нужно сделать?

Шаг 2 из 5

В каком состоянии дизайн?

Шаг 3 из 5

Что понадобится внутри?

Шаг 4 из 5

Есть детали? Расскажите

Что должен сделать пользователь? Что обязательно должно быть в первой версии? Поле необязательное — можно сразу перейти дальше.

0 / 2000 · можно пропустить
Шаг 5 из 5

Оставьте контакт для заявки

Контакт не нужен для просмотра цены. Он понадобится только при отправке заявки.

Расчёт проекта

Собираю смету

Собираю функции и интеграции…