Велике оновлення CHER’17: колаборація фешн і діджиталу
Задача та виклик
«So simple, so chic» — слоган CHER’17. І саме з таким запитом команда бренду прийшла до нас: втілити цю формулу одночасно в дизайн-системі та e-commerce-сайті. Перед нами стояло завдання створити новий сайт, адже попередній не витримував навантаження, стримував зростання онлайн-продажів, через що e-commerce-напрям поступався офлайн-продажам. Паралельно потрібно було впровадити оновлену дизайн-систему для сайту та всіх комунікацій бренду.
Дизайн-система
Роботу ми почали з дизайн-системи — вона мала стати базою для всього: від сайту до пакувальних матеріалів. Паралельно занурилися в дослідження аудиторії, щоб краще зрозуміти, як бренд сприймається зараз і куди може рухатись далі. Після інтерв’ю з аудиторією ми сформулювали для себе головне відчуття CHER’17: це про витонченість, яка не боїться викликів. І саме з цим відчуттям ми працювали над дизайн-системою.
Фірмовий знак
Ще один важливий запит від клієнта — створити фірмовий знак, який стане iconic. У пошуках «того самого» символу ми пройшли десятки ітерацій. Але коли з’явився фінальний варіант, команда бренду зрозуміла: це воно. Знак втілює витончену й просту квітку, сформовану з літери С — першої літери в назві бренду, водночас нагадує хвостики вишень. Він самодостатній. Добре працює автономно, як акцент та делікатна деталь, що підкреслює жіночність, легкість і чуттєвість бренду.
Шрифт
У фешн-сфері типографія працює гнучкіше, ніж у багатьох інших індустріях: шрифтові рішення та дизайн-системи оновлюються частіше, підлаштовуючись під колекції та тренди. Тож ми заклали структуровану основу, але свідомо залишили у ній простір для гнучкості.
Основний шрифт бренду — TWK Lausanne Pan. Його форми та пропорції резонують із геометрією логотипа, створюючи цілісну систему. Шрифт має три основні накреслення: важке використовується для великих заголовків, додаючи візуальної напруги; середнє — найуніверсальніше, тримає композицію і м’яко підкреслює зміст; функціональне — для найменших розмірів і дрібного тексту.
Окрім базового шрифту ми також інтегрували каліграфічний акцент — Sloop Script Regular. Цей шрифт застосовується точково: для спеціальних івентів, лімітованих колекцій або колаборацій, коли потрібно додати шику й емоційного акценту.
Колір
Ми залишили синій як фірмовий колір CHER’17, бо він зберігає впізнаваність бренду. Водночас додали утилітарну палітру для балансу в інтерфейсі та базових функціональних проявах — щоб синій звучав елегантніше й доречніше. Для сезонних запусків та спецпроєктів передбачили додаткові кольори, зробивши систему більш гнучкою.
Носії
Ми створювали айдентику CHER’17 з розумінням того, що вона має жити на різних поверхнях і в різних середовищах. Тому розробили дизайни для найрізноманітніших носіїв айдентики. У фокусі були також матеріали — папір, тканина, метал, прозорий пластик, картон. Для бренду, що прагне залишатись трендсетером, важливо експериментувати, тож ми свідомо виходили за межі стандартних рішень.
Сайт
Одне з головних завдань — адаптувати складну e-commerce логіку до локального контексту: нестабільність платежів, пікові навантаження під час знижок, трафік із різних джерел (Instagram, пошук, блогери) та швидка комунікація з клієнтами. Водночас треба було сформувати цілісний бренд-досвід, який буде відчутним на всіх носіях.
Ми почали з UX-дослідження: провели інтервʼю, щоб дізнатися конкретні болі клієнтів та вирішити їх, побудували CJM, де побачили поведінку покупця на сайті, і на основі цього вибудували зручну, мобільну логіку взаємодії. Сайт створювався mobile-first, але з продуманою десктоп-версією, де краще працюють великі віжуали, анімація та каталог.
Усі точки контакту — від пошуку до оплати — були спроєктовані так, щоб не перевантажувати покупця, але дати максимум функціоналу. Особистий кабінет підтримує кілька сценаріїв взаємодії, дозволяє зберігати вподобання, обирати розмір за зручною сіткою, переглядати історію замовлень. Для кожного товару ми додали клоузап-фото, щоб показати всі деталі, а також відео- й фото-відгуки від тих, хто вже купив айтем.
На головній сторінці сайту тепер є блок з вже готовими образами. Є можливість купити в один клік та скористатися фільтрами й сортуванням — усе для того, щоб процес вибору був таким самим легким і витонченим, як сам бренд. Щоб познайомити аудиторію з оновленим сайтом, ми підготували відеоролик, у якому наочно показали всі ключові фічі.
Результат
У роботі з CHER’17 ми досягли балансу між функціональністю та естетикою. Взаємодія з брендом стала інтуїтивною: зручною в навігації, простою у виборі та оплаті. Водночас витонченою, впізнаваною та з характером у візуальній мові. Простота — у функціоналі. Шик і лаконічність — в айдентиці.
Creative director – Oleksii Pokryshen
Design Director – Masha Bystrova
UI/UX lead — Anton Hrechynskyi
Senior UI/UX designer – Anna Poly
UI/UX designer — Vika Hermanenko
Designer — Lina Maria Shlapak
Senior Strategist — Margo Nazarenko
Art Director (Video)— Katerina Syniavska
Creative copywriter (Video) — Olesya Gostishcheva
3D & motion – Sergii Irkhin, Vova Leshchenko
Project managers — Vika Kuzminova, Darina Panisheva
CHER’17 founders — Ivan Kryshtal & Tanya Parfiliieva
Marketing director — Viktoria Holoborodko
Project manager — Yulia Shyshkina
проєкти
