«Завдання із зірочкою» для успішного 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.