Интернет-магазины – всегда вызов веб-дизайнеру: вроде все обычно, шаблонно и стандартно, поэтому что-то новое придумать – проблема. Да и какой в этом смысл, если все уже максимально выверено, работает отлично. Изобретение велосипеда – дело, конечно, интересное, но не факт, что будет успешным. Сайтостроение ошибок не прощает, и за неуместные эксперименты мстит снижением посещаемости и покупаемости. Поэтому присматриваемся к деталям.
Требование современности – максимально дружественный пользователю интерфейс – как нельзя лучше подходит для дизайна интернет-магазина инструментов для различных жизненных нужд.
В этом же русле были осуществлены и действия наших специалистов. Сайт работает давно. Знаком аудитории, интересующейся различными инструментами. Главной задачей было придание ресурсу более современного вида, поскольку предыдущий дизайн безнадежно устарел. Перво-наперво, что мы сделали – адаптировали сайт под юзеров с многообразными гаджетами, а не только использующих старый добрый ПК. В связи с этим верстка из вертикальной преобразилась в горизонтальную, если оперировать понятиями печатного дизайна, что знакомо всем, кто делал аналогичные процедуры с сайтами, которых рука специалиста касалась десяток лет назад.
Поэтому, опираясь на мощности и возможности, предлагаемые Open Cart, мы усовершенствовали навигацию и внедрили возможность умного поиска.
Работа над toptool.net.ua длилась три недели. У заказчика уже был в арсенале логотип и разработанный фирменный стиль.
Оставалось произвести концептуальное дизайнерское вмешательство.
От нас не требовалось разукрасить или придать декоративности ресурсу. Сдержанность, лаконичность, удобство – это те три кита, от которых мы отталкивались. Именно такой подход больше всего импонирует целевой аудитории.
Главная страница разделена горизонтально на три составляющие, отделенные друг от друга средним сегментом – широкой плашкой темно-зеленого цвета, которая вызывает ассоциации с оттенками рабочих комбинезонов.
Вверху находится слайд-шоу, на котором представлены актуальные модели профессионального инструментария.
Самой информативной является средняя часть, шестиугольные фреймы которой напоминают разъем популярного ключа, иллюстрируются каким-то товаром из этой категории и дублируют меню расположенное под шапкой сайта. Фреймы вращаются, создавая необходимый динамизм разделу «Категории».
Если в топе сайта подведение курсора способствовало появлению иллюстрированных наименований подрубрик, то в «Категориях» с этой же целью необходимо кликнуть на пикторамму. Это нехитрое действие приведет к переходу на страницу, где представлены подкатегории и по умолчанию под ними – традиционное представление товаров любого интернет-магазина: слева – фильтр, поданный в столбик перечень категорий инструментов. Основная часть отведена непосредственно товарам с их подробным изображением, ценой, кнопкой «купить».
Таким образом устроены все наличествующие на сайте категории и подкатегории.
Нижняя треть титульной страницы представляет собой ряд фреймов, организованных в полосу прокрутки, где выставлены лучшие на конкретный период предложения от интернет-магазина.
Таки образом, даже минимальные изменения могут быть конструктивными, улучшать внешний вид ресурса делать его более удобным, и как результат - увеличивать легко монетизируемую популярность.
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.