Создание
интернет-магазина

Еще один интернет-магазин, который мы разработали. На этот раз с крайне интересным функционалом, для Computer expert.

Это не просто магазин по продаже готовых компьютеров и отдельных комплектующих. Это также сайт с встроенным конфигуратором, с помощью которого пользователи могут самостоятельно собрать свой ПК.
Удобно как для опытных покупателей, так и новичков в компьютерной сборке.
Понятный функционал. Качественные детали. Удобное оформление заказа.
Work:UX/UI design site and development
Web-
production
Разработка интернет-магазина с уникальным функционалом.
Конфигуратор комплектующих
Личный кабинет
История заказов
Карточка товара
Интеграция с системой учета
Внедрение системы учета товаров и остатков.
Наглядно
Удобно
Актуально
Удобство и юзабилити
Визуальное разделение контента на важное и второстепенное.
Внимание к деталям
Лаконичность
Визуализация
Полезность
Сортировка и фильтры
Простой
и понятный интерфейс
Визуализация на сайте играет большую роль.

Мы решили наглядно выделить основные категории и разделы сайта.

В целом сайт получился довольно лаконичным и логичным по своему юзабилити.

Что позволяет легко ориентироваться среди реально огромного количества комплектующих.
Проработанные элементы интерфейса помогают пользователю лучше ориентироваться на сайте.
Наглядно определять наличие/отсутствие товара, имеющиеся скидки и много другое.

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

Здесь же можно создавать и сохранять свои или чужие готовые сборки, а также редактировать их.

Помимо этого можно настраивать свой профиль, добавлять адреса и управлять доступами к аккаунту.
Tilda Publishing
Собери свою сборку игрового компьютера
и поделись с друзьями!
Собственные сборки,
готовые сборки пользователей, возможность их редактировать
Сборки
от Computer Expert
Сборки
от сообщества
Пользователи, которые не разбираются в характеристиках комплектующих легко могут собрать себе компьютер, выбрав популярные марки и модели.
Конфигуратор позволяет наглядно сопоставить между собой подходящие компоненты и собрать ПК под необходимые требования.


Пользователи, которые разбираются в характеристиках комплектующих могут составить свои сборки, которые будут дешевле в цене и оптимальны с точки зрения производительности. Они могут опубликовать свои сборки, чтобы сократить время поиска подходящего по характеристикам ПК для других пользователей .


Удобная
сортировка и чеклист
На сайте реализован простой, но разнообразный фильтр по поиску нужных запчастей.

С помощью чек-листа можно отметить то, что необходимо при сборке.
Собрав необходимые комплектующие, — пользователю остается только оформить заказ на сайте.

В корзине отображаются все выбранные запчасти с набором кратких характеристик для наглядности.

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

Мы внедрили на сайт систему, которая позволяет получать список товаров и остаток из системы складского учета по REST API.
Это удобно, наглядно и всегда актуально.
DESIGN
цвет
Была выбрана палитра, в основе которой два ярких и два базовых оттенка.
133FE3
ACD57A
8A8A8A
FFFFFF
сетка
Мы использовали самую большую сетку, чтобы расширить полезную область на экране.
bootstrap 4.6 - XXL | 1320 |
шрифт
Helvetica Neue — это переработанная гарнитура с более структурно унифицированным набором высоты и ширины. Также была улучшена разборчивость, знаки препинания стали крупнее, а интервал был увеличен. Семейство шрифтов состоит из 51 начертания, включая 9 начертаний в 3 вариациях ширины — 8 в вариациях обычной ширины, 9 в уплотнённых, а также 8 в разреженных.
Helvetica Neue Cyr
Оставьте заявку на консультацию
и наш специалист позвонит Вам в течение 5 минут!
Изначально работа разбивается на этапы и оценивается в трудочасах.
После утверждения этапов мы приступаем к работе.
Поможем рассчитать стоимость проекта!
Это бесплатно!