perfectowebСтудия дизайна и программирования

YuCar - Интернет-магазин автозапчастей

YuCar - Интернет-магазин автозапчастей №1

Главная страница

Главная страница с рекламными баннерами, акциями, популярными товарами и краткой информацией об интернет-магазине.
YuCar - Интернет-магазин автозапчастей №2- Главная страница

Каталог товаров

На данной странице расположили список всех товаров с расширенным поиском, фильтрами и тэгами.
YuCar - Интернет-магазин автозапчастей №3- Каталог товаров

Карточка товара

Карточка товара разделена на три секции. В первой секции располагается основная информация о товаре и кнопки управления. Во-второй секции расположено подробное описание товара, его характеристики и отзывы от других покупателей.
YuCar - Интернет-магазин автозапчастей №4- Карточка товара

Корзина товаров

Корзина товара с выбранными товарами, методами управления товарами и предварительным расчетом стоимости заказа.
YuCar - Интернет-магазин автозапчастей №5- Корзина товаров

Аккаунт пользователя

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

Контакты

Контакты в виде формы обратной связи с интерактивной картой Яндекс и полными контактными данными интернет-магазина.
YuCar - Интернет-магазин автозапчастей №7- Контакты

Ошибка 404

Страницу 404 оформили с Терминатором. Дедушка Арни иногда не очень доволен, когда пользователь попадает туда.
YuCar - Интернет-магазин автозапчастей №8- Ошибка 404

Несколько других страниц

Всего в прототипах и конечном дизайне собралось 29 страниц. Ниже выложили еще 10 из оставшихся.
YuCar - Интернет-магазин автозапчастей №9- Несколько других страниц

YuCar - Интернет-магазин автозапчастей

Зимой 2020 года к нам обратился предприниматель, занимающийся продажей автозапчастей и аксессуаров посредством локального магазина и некоторых соц сетей. Он планировал расширяться и начать свой путь с покорения российского онлайн сегмента в данной сфере. Итак, представляем вашему вниманию интернет-магазин YuCar, который будет иметь лидирующие позиции в ближайшие пару лет. При разработке сайта необходимо было учитывать аналитические данные текущей целевой аудитории локального магазина. Основная цель «YuCar»: создать удобную и современную площадку, которая будет эффективно справляться с задачами по привлечению новой аудитории и укрепит лояльность компании.

Особое внимание было уделено дизайну и верстке интернет-магазина, чтобы он соответствовал всем современным требованиям и возможностям. Также, важную роль играет мобильный трафик, который на данный момент составляет большую долю суммарного трафика. Исходя из этого, было проделано много работы и А/Б тестов для получения максимально дружелюбной концепции мобильного UI. Другим немаловажным фактором является максимальная автоматизация интернет-магазина для администрирования с минимальным количеством рук. В связи с чем было разработано порядка 20 скриптов автоматизации, которые выполняли работу рядового администратора. Максимально тесная интеграция с транспортными компаниями однозначно дает свой результат. Ниже перечислим основные задачи и методы их решения.

Задачи
  • Создать интернет-магазин, который выведет локальный магазин на новый уровень.
  • Привлечь существенное количество новых клиентов за счет интернета и увеличить обороты компании.
  • Аудитория - группа людей, не старше 40 лет. Акцент магазина молодежный тюнинг и аксессуары.
  • Подчеркивать основу бизнеса - "Выбор современных аксессуаров по ценам производителя"
  • Пожелания к цветовой гамме: синий, черный, красный, белый
Решение
  • Анализ рынка и конкурентов, выявления их слабых и сильных сторон.
  • Проектирование дизайна, с учетом соблюдения имеющихся, работающих инструментов от сильных конкурентов.
  • Усовершенствование этих же элементов UI, для выделения из массы.
  • Использование рекомендуемых цветов от заказчика, с учетом выбора наиболее приятных вариаций и проставления акцентов.
  • Создание "ритмичного" UI, с правильной простановкой СТА
  • Создание интересных и забавных элементов дизайна, для усиления лояльности к будущему бренду.
  • Разработка проекта без сторонних CMS и фреймворков для максимально качественной концепции SEO, минимизации ненужной нагрузки и чистого (полезного) кода без "мусора".
Основная функциональность
  • Авторизация и регистрация за 30 секунд
  • Полноценная бонусная система, для укрепления желания повторно совершать покупки.
  • Умная скидочная политика, с автоматической проставкой и изменением более 10 000 цен регулярно.
  • Избранные товары.
  • Оформление заказа в 4 простых шага, без захламленности интерфейса.
  • Интеграция с ТК: CDEK, BoxBerry, ПЭК, Почта России.
  • Отслеживание заказа путем интеграции со всеми популярными транспортными компаниями.
  • Прием платежей посредством: VISA, MasterCard, МИР, Яндекс Деньги, QIWI.
  • Блог, для полезных статей и привлечения дополнительной аудитории, посредством поисковых систем.
  • Правовая информация и дополнительные информационные страницы, для предоставления пользователям любую информацию, которая может быть необходима до оформления заказа.

Данные проекта

Заказчик: ИП «Амбарцумян Юрий Романович»
Ссылка: https://yucar.ru/
Дата разработки: 15 Авг 2020
Просмотров: 2212
Год разработки: 2020
Система: Индивидуальная разработка
Технологии: PHP7, MySQL8, HTML5, CSS3, Ajax, jQuery

Выберите язык