Проект
AxleForce
Разработали интернет-магазин AxleForce с нуля: дизайн, адаптивную вёрстку и программирование. Объединили каталог запчастей, карточки товаров, поиск и корзину в одном интерфейсе.
01Задача и структура
Интернет-магазин для выбора запчастей
Создали AxleForce с нуля как интернет-магазин запчастей для грузового и коммерческого транспорта. Продумали структуру каталога и переходы от категории к товару. Объединили ассортимент, информацию о компании и инструменты покупки в одном сайте.
- Категории и подкатегории запчастей.
- Переходы от каталога к товару.
- Магазин и информация о компании.
02UX/UI-дизайн
Дизайн с акцентом на товары
Разработали дизайн магазина в фирменной зелёно-красной палитре AxleForce. Продумали оформление каталога, карточек и блоков с предложениями. Выделили изображения товаров, цены и основные действия, чтобы посетителю было проще ориентироваться в ассортименте.
- Фирменные цвета и оригинальный логотип.
- Единое оформление карточек и каталога.
- Заметные цены и действия покупателя.
03Адаптивная вёрстка
Покупки на компьютере и смартфоне
Выполнили вёрстку и адаптировали магазин для разных размеров экрана. На смартфоне перестроили навигацию, карточки и расположение информации о товаре. Сохранили доступ к поиску и корзине, чтобы основные действия оставались под рукой.
- Мобильная навигация по магазину.
- Адаптация фотографий и описаний товаров.
- Доступ к поиску и корзине.
04Программирование магазина
От карточки товара к корзине
Разработали программную часть магазина и связали интерфейс с данными товаров. Реализовали каталог с фильтрами и сортировкой, подробные карточки и корзину. Предусмотрели выбор количества, чтобы посетитель мог собрать нужные позиции для покупки.
- Фильтрация и сортировка каталога.
- Карточки с характеристиками и фотографиями.
- Количество товара и добавление в корзину.
05Связь с компанией
Контакты рядом с интернет-магазином
Создали отдельную страницу для связи с AxleForce. Объединили адрес, карту, часы работы и форму обращения в одном разделе. Посетитель может уточнить вопрос о запчастях или найти компанию, не покидая сайт магазина.
- Адрес и карта расположения компании.
- Телефон, электронная почта и часы работы.
- Форма для обращения к компании.
06Галерея
Страницы и экраны проекта
Главная страница, каталог освещения, карточки товаров и контакты AxleForce — магазин на больших и мобильных экранах.
Оценка сайта или приложения
Получите оценку разработки
Расскажите, какой сайт или мобильное приложение вам нужно.
Уточним функции и интеграции, предложим этапы и рассчитаем стоимость.
- Стоимость и срокиРасчёт под требования проекта
- Год поддержкиИсправления и помощь после запуска
Дизайн и разработка.
Запуск и год поддержки.
