Beautyled — декоративное освещение

Beautyled — крупнейший в РФ интернет-магазин светотехнической продукции.

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

Смотреть сайт

Цель проекта

  • Выполнить редизайн старого сайта компании.

Инструменты

HTML5
CSS3
JavaScript
Ruby
Ruby on Rails
ElasticSearch
React
PostgreSQL
WebPack
MobX
Redis
SASS
MobX State Tree
Axure RP
Figma
Adobe Photoshop

Адаптивный дизайн

Иконки категорий каталога

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

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

Каталог

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

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

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

Корзина

Клиент добавляет интересующие товары в корзину, а далее сверяет корректность заказа и приступает к дальнейшему оформлению. На этом этапе сервис напоминает потенциальному покупателю о товарах, добавленных им в категорию «избранные». Существует вероятность того, что они также будут добавлены в корзину.

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

Личный кабинет

В личном кабинете посетитель сайта заполняет информацию о себе (имя, адрес доставки). Предусмотрена возможность добавления дополнительного адреса. Каждый клиент, прошедший регистрацию, имеет пароль от учетной записи и может его поменять, также в личном кабинете доступна к просмотру история заказов.

История заказов

В верней части страницы отображаются активные заказы, в нижней — завершенные (они представлены в свернутом виде).

Страница оформленного заказа

После завершения оформления заказа, клиент автоматически перенаправляется на эту страницу. Сообщение об успешном оформлении и перечень заказанных товаров дает понять клиенту, что с заказом все в порядке, и он передан на сборку.

Калькулятор гирлянд

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