Скидки до  400$  ! Успейте купить разработку собственного интернет-магазина до 31 мая Подробнее
Главная / Блог / Кейсы / Разработка интернет-магазина «Aravak»

Разработка интернет-магазина «Aravak»

17 июня 14
Reading Time: 2 minutes
1 комментарий
1 Star2 Stars3 Stars4 Stars5 Stars (3 votes)

Мы открываем новую рубрику, в котором покажем вам примеры пошаговой разработки интернет-магазинов на платформе ImageCMS Shop, и сегодня рассмотрим первый из таких кейсов.

Задача

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

Прототипирование


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

Прототип был утвержден с заказчиком и принят в качестве основы для дизайна.

Дизайн


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

Главная страница интернет-магазина является его витриной, поэтому необходимо хорошо проработать ее внешний вид.

На главной странице интернет-магазина «Aravak» отображается контактная информация, логотип, графические баннеры, а также блоки с акционными и новыми товарами.

Внимание к деталям


Казалось бы, какая разница, как выглядит иконка корзины размером в 10 пикселей?! На самом деле, из таких мелочей и складывается общее впечатление об интернет-магазине, которое формируется у посетителя.

Чуть более четкий контур, ненавязчивый светлый фон и яркий значок – и мы получаем уже совсем другой эффект, чем ранее.

Каталог товаров


Горизонтальное меню является проверенным решением для организации навигации, поэтому с учетом того, что категорий верхнего уровня было немного, мы применили его и на сайте интернет-магазина «Aravak».

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


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

Страница товара


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

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

Слева мы расположили блоки с информацией по доставке и оплате:

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

Корзина


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


При нажатии пользователем кнопки «Подтвердить заказ» он будет перенаправлен на страницу оформления заказа, которая содержит только действительно необходимые для заполнения поля, и спроектирована специалистами “Сайт Имидж”с упором на обеспечение хорошего уровня конверсии и продаж.

Comments (1)
  • alisa:

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Более 3000 запущенных проектов

Вместе с нами многие уже развивают свой бизнес! Смотреть все отзывы
Перепробовав много CMS (opencart, Битрикс) и др. Мы увидим, как много в каждой из них недостатков. Где-то или очень сложно или очень дорого кастомизировать. Работая маркетологом, могу заверить, что в ImageCMS большинство нужны "фич" реализовано из коробки, без дополнительных надстроек. Посмотрев демо версию новой версии движка, был приятно удивлен скоростью работы (ооочень важно).
За время сотрудничества компания показала себя в качестве ответственного подрядчика, быстро воплотив в жизнь удобный интернет-магазин с учетом всех наших пожеланий.
Работой доволен. Отвечают всегда быстро и по сути, остаются только приятные впечатления от общения. Пара слов о новом движке: Быстро, красиво и интуитивно понятно. Полностью оправдывает вложенные средства. Рекомендую.
Доволен. Скрипт считаю перспективным. Считаю, что ваш коллектив работает на опережение: ваше предложение было оптимальным по цене/качеству.
Опертивная и четкая работа, своевременое предоставление дополнительных консультаций по работе с административной частью. Созданным магазином довольна. Рекомендую этот движок!
Заказать услугу
Персональная информация:

прикрепить файл

Создайте свой личный демо-магазин ImageCMS