Интернет-магазин светильников

LightSvet

Посмотреть сайт: light-svet.by

Задача: Разработать интернет-магазин для продажи светильников и люстр.

Решение: Разработка сайта велась в соответствии с техническим заданием, которое было согласовано с заказчиком. Учитывая его требования и пожелания, дизайнер сделал прототипы на посадочные страницы после чего нарисовал дизайн-макеты. На основе CMS 1С-Битрикс мы разработали интернет-магазин с корзиной и онлайн-оплатой. Сайт полностью адаптивный, его можно просматривать не только с компьютера, но и с телефона.

Создание дизайна начиналось с прорисовки логотипа. Дизайнер представил заказчику несколько вариантов логотипа.

LightSvet - изначальные логотипы

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

LightSvet - второй вариант логотипов

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

LightSvet - итоговый логотип
LightSvet - логотип с маяком

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

LightSvet - главная

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

LightSvet - подвал

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

LightSvet - каталог

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

LightSvet - товар

Контактная информация находится на странице "Контакты". Здесь же есть форма обратной связи и интерактивная карта с отмеченным на ней адресом.

LightSvet - контакты

Портфолио
Просмотреть работы
Консультация
Заказать консультацию
Наши услуги
Просмотреть все услуги