Кейс: сайт автосервиса на WordPress
Функциональный сайт по подбору запчастей и услуг Porsche
WordPress
JavaScript
PHP
UIkit
Этот кейс - пример функционального сайта автосервиса для авто премиум класса.
Задача
К нам обратился клиент с просьбой аккуратно заверстать и произвести "посадку" сверстанных страниц на систему администрирования контента CMS WordPress. Что ж: такие задачи мы любим, поэтому, не долго думая, запросили дизайн для анализа будущих работ.
Заказчик предоставил профессионально сделанные макеты в Figma: с автолейаутами, компонентами, одинаковыми padding и marging, отрисовкой состояний элементов и 3 версиями дизайна: мобильные, лэптопы и десктопы. Все как мы любим в макетах.
Поэтому оценка задачи произошла довольно быстро и общий язык был найден. Мы принялись за работу.
Этапы работ
Анализ макета
Анализ макета, работа с дизайнером, уточнение деталей и функционала для будущей работы
Верстка и скриптование
Кроссбраузерная вертска с тестированием и отладкой на всех страницах
Интеграция на Wordpress
Создание шаблонов страниц и возможности корректировать весь контент сайта из админки.
Макеты сайта
Кроссбраузерная верстка производилась с использованием фреймворка UiKit: продумали все нюансы, от мобильных до Retina экранов. После завершения этапа верстки она была аккуратно интегрирована на систему управления сайтом WordPress. Система самая популярная в мире и предоставляет огромную массу возможностей для создания админки сайта.
Все элементы проекта были удобно выведены в админку и получили понятный интерфейс для редактирования.
