Клиент
Интернет-магазин парфюмерии "Орабэль"
Задача
Сделать редизайн, адаптивную переверстку и интеграцию с базой данных для интернет-магазина на PrestoShop
Процесс
Проектирование
Скриншоты главной страницы и страницы товара на исходном сайте: очень длинный алфавитный указатель в левом сайдбаре увеличивал длину страницы в 3 раза и портил весь интерфейс.
На этапе отрисовки прототипа было решено отказаться от 3-колончатой верстки в пользу 1-колончатой, что в том числе облегчило адаптивную переверстку сайта. Левый сайдбар с алфавитным указателем мы перенесли под шапку сайта, колонку с новинками перенесли в основную контентную зону. Добавили слайдер для продукции. Для блоков "Новинки" и "Нишевая парфюмерия" сделали слайдеры-карусели. Цветовую схему сделали в цветах логотипа.
Алфавитный указатель с брендами
По клику на букву появляется выпадающее подменю со списком брендов.
Миникорзина в шапке
Содержимое миникорзины можно быстро просмотреть, кликнув на пиктограмму корзины.
Быстрая авторизация
Вход и регистрация осуществляются через всплывающее окно, не нужно переходить на отдельную страницу.
Каталог и интеграция с базой данных
Для выполнения этой задачи мы написали скрипт, который синхронизировал категории и товары с файлом xml. Скрипт расчитан на синхронизацию более 40 000 товаров. Также мы написали скрипт выгрузки товаров.
Карточка товара
Здесь мы добавили табы с информацией о доставке, оплате и возврате, чтобы посетитель мог получить максимум информации перед совершением покупки. Торговые предложения выводим отдельным списком.
Адаптивная верстка
В ходе работ был не только отрисован новый дизайн, но также выполнена адаптивная переверстка всего сайта.
Далее сайт был передан на поисковое продвижение в нашей компании.
вам перезвонит
