Мускари редизайн сайта
- Клиент
- Салон красоты «Мускари»
- Тип проекта
- 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-метаданные.
Разработал и согласовал дизайн
Работу начал с технического задания и прототипа. Вместе с клиентом проработал структуру страниц и визуальную подачу салона, создал дизайн-макеты и согласовал их. Дизайн входил в мою часть проекта и стал основой дальнейшей разработки.
Подготовил адаптивную вёрстку
Перенёс согласованный дизайн в страницы сайта: главную, разделы услуг и отдельных процедур, цены, работы, акции, информацию о салоне и контакты. Адаптировал интерфейс для компьютеров и телефонов, реализовал слайдеры, мобильное меню и модальные формы записи.
Собрал новую тему WordPress
Готовую вёрстку интегрировал в собственную тему WordPress. Общие элементы вынес в переиспользуемые части, а для страниц и разделов подготовил отдельные шаблоны с интеграцией контента в ACF. Новую архитектуру контента выстроил под услуги и материалы салона, без привязки к прежней реализации сайта.
Сделал весь контент редактируемым через ACF Pro
Тексты, фотографии и содержимое блоков на всех страницах связал с полями ACF Pro. Для сотрудников салона подготовил понятный редактор в административной панели: информацию можно было обновлять без правок HTML или PHP. Общие данные сайта вынес в отдельные настройки, чтобы редактировать их централизованно.
Подключил формы записи и обратной связи
Через Contact Form 7 настроил отправку заявок на почту салона. Формы встроил в подготовленную вёрстку и модальные окна, чтобы посетитель мог записаться или оставить обращение из нужного раздела сайта.
Перенёс страницы и запустил сайт
В новую версию перенёс все страницы с сохранением URL и SEO-метатегов. После переноса сайт получил новый дизайн, собственную тему и новую структуру управления контентом, сохранив существующие адреса страниц. Готовый проект перенёс в рабочую среду и запустил для клиента.