Перейти к основному содержанию

Дизайн интеренет-магазина кондиционеров

Recond.ua — интернет-магазин кондиционеров.

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

Баннер

ГЛАВНАЯ ОСОБЕННОСТЬ ДИЗАЙНА

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

Фоновый цвет
#131A23

СТРУКТУРА ИНТЕРНЕТ-МАГАЗИНА RECOND.UA

Фоновый цвет
#131A23
Фоновый цвет
#131A23
Вкл
Вимкнено
Презентация страницы Каталог

СТАРТОВАЯ СТРАНИЦА

Фоновый цвет
#131A23
Фоновый цвет
#131A23
Вкл
Вимкнено

ВСПЛЫВАЮЩИЕ ОКНА

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

 

Фоновый цвет
#131A23
Фоновый цвет
#131A23
Фоновый цвет
#131A23
Вкл
Вимкнено
Хедер интернет магазина

ЛИЧНЫЙ КАБИНЕТ

Его структура максимально проста, с интуитивно понятной навигацией — чтобы позволить клиенту быстро сориентироваться и найти нужную информацию. Ничего лишнего:

Фоновый цвет
#131A23
Фоновый цвет
#131A23
Фоновый цвет
#131A23
Вкл
Вимкнено
Презентация Личного кабинета

СТРАНИЦЫ ЛИЧНОГО КАБИНЕТА

Фоновый цвет
#131A23
Фоновый цвет
#131A23
Фоновый цвет
#131A23
Вкл
Вимкнено
Фоновый цвет
#131A23
Вкл
Вимкнено
Презентация карточки товара

КАРТОЧКА ТОВАРА

Информации на карточках товара — огромное количество. Чтобы придать им более гармоничный вид, разработаны следующие варианты: «Под заказ»; «Снят с производства»; «Акция» и стандартная карточка, в которой, тем не менее, учтено очень много особенностей дизайна именно интернет-магазина.
 

Фоновый цвет
#131A23
Фоновый цвет
#131A23
Фоновый цвет
#131A23
Фоновый цвет
#131A23
Вкл
Вимкнено
Фоновый цвет
#18202A
Вкл
Вимкнено

МОБИЛЬНАЯ ВЕРСИЯ

Презентация мобильной версии

ВНУТРЕННИЕ СТРАНИЦЫ

Фоновый цвет
#131A23

КАК УДАЛОСЬ ДОСТИЧЬ ТАКОГО РЕЗУЛЬТАТА?

1.    На разработку хедера и навигации ушло более 15 часов, но в итоге получился идеальный результат. Он сразу привлекает внимание, но не перетягивает его на себя с товаров, представленных на сайте.
2.    Сам дизайн аккуратный, лаконичный, с явным преобладанием минимализма. При всей его наполненности не перегружен — этого удалось достичь за счет светлых цветов и тонких линий. И темный хедер только подчеркивает общий легкий и чистый стиль.
3.    Карточка товара — лучший из существующих вариантов, практически шедевр в своем роде. Удалось найти идеальный баланс: разместить на ней важную для клиента информацию (а ее очень много при выборе кондиционера), иконки, характеристики и прочее, не перегрузив визуально страничку. Каким образом? Были проработаны такие макеты карточек товара: «товар в акции», «товар есть в наличии» и «товар отсутствует», а также карточка с акционным баннером. 
4.    Меню с категориями и фильтрами на всех страницах зафиксировано по левую сторону — все необходимые категории на виду. Исключение составляет только карточка товара — это сделано специально для того, чтобы максимально концентрировать покупателя на самом главном.
5.    Для Recond отдельно разработана страница «Монтаж кондиционеров». На ней было важно сделать особый акцент, потому что данная тема чрезвычайно актуальна в свой сезон. Чтобы сразу максимально предоставить клиентам ответы на интересующие их вопросы и всю необходимую информацию по теме и был разработан этот дополнительный раздел. 
6.    Все макеты адаптированы под разрешения 1920рх, 1366рх, 768рх и 320рх – заказчик может использовать их в максимально удобном виде. 

Фоновый цвет
#131A23
Фоновый цвет
#131A23
Вкл
Вимкнено
Как вам дизайн?
Average: 5 (1 vote)

ОТЗЫВ К ПРОЕКТУ

Сотрудничаю с Викой по нескольким магазинам: заказывал от небольших правок дизайна шаблона до разработки дизайна с ноля. Каждый раз Вика внимательно изучала проекты, прислушивалась к пожеланиям и находила оптимальные решения. Например, при недавнем редизайне магазина климатической техники Recond.ua, был характерный случай в проектировании карточки товара. Необходимо было разместить информацию о товаре, условиях оплаты и доставки (с учетом региональных особенностей), отзывы, характеристики, а также информацию об акциях и конфигуратор пакетного предложения. В результате применен ряд отличнейших решений, выгодно выделивший магазин на фоне конкурентов и упростивших пользование сайтом для клиентов. С уверенностью могу рекомендовать Викторию как способного дизайнера, и, хотя это зачастую противоречит таланту – ответственного исполнителя!

Сергей
основатель recond.ua
Фоновый цвет
#FFFFFF
Вкл
Вимкнено