O5SHOP
Дизайн для интернет-магазина профессиональной косметики
О компании
O5SHOP — интернет-магазин косметики с огромным ассортиментом и лучшими косметическими средствами со всех уголков мира
Задача
Сделать новый дизайн, не изменяя структуру и содержимое элементов на уже существующей странице
Роль на проекте
Middle Designer
Год
2020
1. Анализ «До»
Перед началом работы провели детальный аудит для выявления всех слабых мест, которые мешают пользователям совершать больше покупок и возвращаться в магазин снова
В итоге получилось более 50 страниц детального описания проблемных мест текущего сайта.
Разработку дизайна начали с внутренних разделов, чтобы на этапе дизайна главной страницы уже было понимание основных сущностей и как они будут выглядеть
2. Каталог товаров
Ранее, для того, чтобы попасть к списку товаров, нужно было выбирать конкретную категорию и переходить от страницы к странице. В новой версии сделали новую удобную навигацию, которая позволяет по одному клику перейти к списку товаров
3. Карточка товара
В старой версии сайта для одного товара с разными параметрами создавалась отдельная страница. Хотя различие товаров могло быть только в объёме бутылки. Сделали удобный переключатель на странице, а также переработали структуру всей карточки и первого блока, чтобы сделать акцент на самых важных параметрах
4. Корзина
В корзину добавили возможность оплаты баллами. Проработали функцию удаления товаров, чтобы избежать случайных удалений — в течение нескольких секунд даём возможность восстановить товар
Добавить товар в корзину можно прямо из списка товаров. Если у позиции есть дополнительные параметры, мы теперь показываем всплывашку с возможностью выбрать нужные параметры.
5. Личный кабинет
С нуля был разработан личный кабинет, который включает в себя авторизацию, сохранение товаров в избранное и даёт возможность удобно следить за статусом заказа
6. Главная страница
Полностью перелопатили содержимое каждого блока, добавили значительно больше воздуха и стали использовать понятные целевой аудитории визуалы в едином стиле
7. Адаптивы
Сделали адаптивы для планшетов и мобилок, чтобы пользователи с любых устройств могли удобно пользоваться магазином
