кейси
Дизайн-кейс: як відповідати тенденціям fashion-індустрії та e-commerce
На прикладі e-commerce-проекту нішового дизайнерського одягу Siaspace
2 Квітень, 2019
Ми любимо тексти без помилок. Якщо ви їх знайшли, виділіть фрагмент і натисніть Ctrl + Enter.

«Завдання із зірочкою» для успішного e-commerce-рітейлера в fashion-індустрії — зафіксуватися на тонкій межі між стильним дизайн-рішенням для сайту і широким функціоналом онлайн-магазину.

Балансувати складно, адже сміливі візуальні прийоми ставлять під загрозу конверсію, а звичні елементи e-commerce-сайтів виглядають нецікаво і шаблонно на тлі ексклюзивних дизайнерських товарів.

Окремий «біль» — це впровадження IT-системи, яка допоможе ефективно управляти бізнесом і прискорить його масштабування. Готові рішення IT-ринку доводиться адаптувати під вимоги конкретного бізнесу, але точної відповідності домогтися майже неможливо.

Команда креативного digital-агентства Facility вирішила подібну дилему для e-commerce-проекту нішового дизайнерського одягу Siaspace.

Задача

Ми вирішували комплексну задачу:

  • створити функціональний сайт із власним стилем;
  • відповідати тенденціям fashion-індустрії та e-commerce;
  • уникаючи шаблонних незручних рішень зберегти зручний досвід користувача;
  • фінальний продукт повинен був задовольнити всі потреби бізнесу.

Рішення

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

Особливості сайту

1/ Слайдер на головній сторінці

Динамічний слайдер привертає увагу і розповідає про найважливіші новинки. З ним сайт завжди виглядає по-новому навіть для постійних відвідувачів. Інтерактивні точки (шопінг-теги), якими відзначені речі з асортименту магазину, при наведенні дозволяють ознайомитися з основною інформацією про речі, що сподобалися.

2/ Кошик

Вміст кошика відображається компактно і займає невелику частину екрану. Щоб туди зазирнути, користувачеві не потрібно збиватись зі свого шляху по сайту і залишати сторінку, на якій він знаходиться. Для швидкого перегляду досить навести курсор на іконку кошика в верхньому меню.

3/ Фільтр кольору

Стандартний розподіл речей в онлайн-магазинах за кольорами не дає користувачеві точного розуміння результатів пошуку, адже візуальне сприйняття суб’єктивне. Щоб вирішити цю проблему, ми створили нестандартну сегментацію речей за відтінками. В якості підказки при наведенні на назву кольору відображається палітра.

4/ Галерея

Ми перетворили презентацію fashion-продукції на сайті в процес, схожий на огляд предметів мистецтва. Галерея дає можливість розглянути речі в деталях, навіть структуру тканини.

5/ Мобільна версія

Цільова аудиторія Siaspace частіше відвідує сайт із мобільних пристроїв, тому ми приділили значну увагу адаптованій версії сайту.

Результати

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

Дизайн-рішення відзначили нагородою Awwwards Honorable Mention.

У нас є ще дещо для вас


Повідомити про помилку

Текст, який буде надіслано нашим редакторам: