STOPMOTORS.BY

Дизайн-макеты для авторазборки № 1 в Беларуси!

React
Laravel
Vite
Docker
MySql
CSS
Evolution CMS
Redis

VSCode
PhpStorm
Figma
Photoshop
Illustrator
Terminal
Git
GitHub
Billing Qmedia
Bitrix24
Cypress
Swagger

О клиенте

StopMotors — минская компания, специализирующаяся на продаже б/у автозапчастей для иномарок. В ассортименте — двигатели, коробки передач, кузовные элементы, электрика и другие комплектующие, проверенные и готовые к установке. Компания много лет работает на рынке и обеспечивает клиентов быстрым подбором деталей и надёжной гарантией.

О проекте

Мы разработали для StopMotors удобный сайт-каталог, где пользователи могут быстро находить нужные запчасти по марке авто и типу детали. Интерфейс получился простым и функциональным, с акцентом на поиск, фильтры и понятные карточки товара. Система также позволяет сотрудникам легко обновлять каталог и управлять ассортиментом.

Что перед нами стояло

Нужно было создать простой и понятный каталог, который упорядочит большой объём запчастей и упростит поиск для покупателей. При этом важно было обеспечить удобство работы для сотрудников, чтобы они могли самостоятельно добавлять и обновлять позиции.

Основные задачи

Создать удобную структуру сайта
С удобным поиском и фильтрацией
Подготовить style-guid для сайта по брендбуку
Разработать современный, стильный и удобный дизайн для интернет-магазина автозапчастей
Разработать требования для интеграции сторонних систем
Требования к разработке сайта
Предусмотреть кроссбраузерность верстки
Сверстать сайт адаптивно, под все устройства

01 — Проектирование

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

Основные вопросы, которые требовали детального описания на старте:

Цветовая схема и типографика. Необходимо было определить наиболее оптимальный и современный дизайн.
Личный кабинет. В данном разделе главной задачей являлось создание функционала для двух уровней доступа пользователей: для компании и для физического лица.
Поиск. Предусмотреть поиск по маркам и категориям автомобилей.

Таким образом, на первом этапе работ мы согласовали полный объем функционала и отрисовали прототипы будущего сайта для гарантии.

02 — Дизайн и вёрстка

В подборе цветовой схемы и типографики мы придерживались существующего фирменного стиля компании.

На этапе верстки мы:

Адаптировали подготовленные ранее прототипы ко всем типам устройств, браузерам и разрешениям экрана;
Продумали формат изображений для карточек товара, чтобы он соответствовал большинству уже имеющихся у клиента изображений продукции;
Задали валидацию для всех форм;
Оптимизировали код всех страниц под требования Google Speed Insight.