Современный дизайн онлайн-магазина для галереи

ЗаказчикUluhanli Gallery — это пространство, в элегантном интерьере которого представлены работы современных художников и новая коллекция мебели по дизайну Лейлы Улуханли. ЗадачаВ люксовом сегменте крайне важна упаковка бренда, поэтому Uluhanli Gallery потребовался современный красивый и, главное, продающий интернет-магазин, отражающий философию бренда и приносящий прибыль.

Когда к нам обратились Uluhanli Gallery, первым делом мы проанализировали их нишу, сайты конкурентов, целевую аудиторию и сайты ведущих мировых брендов. Далее проанализировали потребности бизнеса по функционалу.

Предметы интерьера Uluhanli Gallery относятся к нише люксовых товаров. 

Характеристики ниши люксовых товаров предметов интерьера:

— высокое качество товаров, эксклюзивный дизайн, штучное производство,

— цены значительно выше средних, отсутствие скидок,

— важность имиджа бренда и упоминаний в крупных СМИ,

— высокие требования к эстетике и визуалу во всех каналах,

— высокий уровень сервиса, индивидуальный подход к каждому клиенту,

— использование современных технологий при некоторой консервативности покупателей.


Также мы посетили галерею чтобы понять атмосферу, стиль и ДНК бренда. 

На основе полученных данных мы разработали концепцию дизайна интернет-магазина, подобрали цвета и шрифты, спроектировали функционал, UX/UI и отрисовали в Figma.

Базовыми требованиями к дизайну стали:

— эстетичные шрифты и цвета в стиле бренда, воздушность верстки с современной анимацией,

— при этом простая и понятная навигация по сайту, хорошая мобильная адаптация,

— крупный фото и видео контент высокого качества для передачи всех деталей товаров,  

— раздел сайта со ссылками на известные СМИ, раздел «О Дизайнере» для подтверждения высокого статуса товаров,  

— возможность индивидуального заказа по телефону,

— доставка товаров только DHL.

8e5044f7db0d9ca65aa734fab7344d6f.png

d714d531a9fe299b6d6219feb24bca6d.png

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


Основная сложность работы в таком подходе — получить очень качественный фото и видео-контент.

Основные пункты сформированного нами дизайна:

— Простое и понятное распределение контента и светлые тона облегчают восприятие информации;
— Анимация изображения и кнопки при загрузке страницы привлекает внимание клиента;
— Есть возможность разместить видео в первом экране, что еще больше вовлекает посетителя магазина;
— Отсутствие фона верхнего меню создает легкость дизайна и затягивает клиента в атмосферу бренда, как бы стирает границу между клиентом и брендом;
— Главная страница удобно сегментирована тематически: посетителю сразу доступны текущие акции, переключение языка и валюты и, конечно, всегда перед глазами каталог.
— Верхнее меню сайта содержит минимальное количество ключевых разделов, чтобы клиент смог быстро сориентироваться в навигации, и закрепляется при прокрутке для быстрого доступа к основным разделам магазина;
— Текстовые названия стандартных разделов Поиск, Личный кабинет, Избранное, Корзина заменены на понятные иконки;
— Кнопка с анимированным фоном также не отвлекает от главного изображения;
— Оповещение о cookies не раздражает, так как размещено на полупрозрачном фоне;
— Форма подписки на новости открыта при первом входе клиента на сайт и закрыта при последующих входах. Но оповещение о возможности подписки зафиксировано на экране, поэтому клиент об этом не забудет;
— Все фишки присутствуют и в мобильной версии магазина.

d99b9875e5d3fcdb0892aa414aa59813.jpg

f9bc7b3937774bd0bca897ad23742b5e.jpg

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

А фото и видео-контент, наоборот используется максимально.

Тексты в разделах «О галерее» и «О дизайнере» расположены прямо поверх изображения. Для удобства чтения текст скроллится, а изображение зафиксировано.

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

Приятная ненавязчивая анимация поддерживает визуальную воздушность и значительно оживляет сайт.

К тому же, порциальная выдача контента акцентирует внимание посетителя на ключевых тезисах. В каталоге товара фотографии также крупные и в ПК версии анимированы: при наведении меняется фото товара, появляется цена, иконка для добавления в Избранное, стрелки для быстрого просмотра всех фото товара. 8a0253e0bfd6e79249a2a0bde8140f1b.jpgff5fe212e0a14a3256545f81eae7359e.jpg   c4ee9f290edf54ebc2006df6cbab37ee.jpg   Для Fashion, Beauty, Lifestyle магазинов очень важны крупные изображения чтобы клиент смог подробно рассмотреть изделие. В карточке товара Uluhanli Gallery фотографии и видео товаров максимально крупные и перелистываются при скроллинге страницы.

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

6737823f5b08a731acc530b89e52b41d.jpg   b3dfa7d6f788bbf7bdae14b27c4b9de3.jpg

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

Единственная отсутствующая в InSales интеграция — это интеграция с DHL, мы ее разработали самостоятельно.

Для email и мессенджер-маркетинга была выбрана платформа SendPulse. 56080105061ce27bcf8bf3b2f86e9a76.jpgКроме создания онлайн-магазина мы приступили к продвижению и привлечению покупателей. Для данной категории товаров лучшая площадка поиска клиентов — это Instagram, поэтому мы настроили таргетированную рекламу для привлечения покупателей из Instagram и Facebook.   

Перейти на сайт

Полный текст статьи читайте на CMS Magazine