Введіть мінімум 3 символи для пошуку

spex

Ще до повномасштабної війни в Україні ми розробили повну концепцію UX/UI для Spex, українського рітейлера люксової оптики і преміальних оправ.

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

Ми розробили всю систему UX/UI, від інформаційної архітектури і пошуку товару до презентації окремих оправ і брендів. Інтерфейс був спроєктований так, щоб відчуватись ближче до люксового фешн-досвіду, ніж до звичайного оптичного магазину, водночас зберігаючи ясність і функціональність, необхідну для e-commerce.

Проєкт був повністю спроєктований у Figma, але концепція так і не дійшла до розробки. Ця робота залишається повноцінним цифровим досвідом, побудованим навколо простої ідеї: люксова оптика має відчуватись розкішшю ще до того, як покупець одягне оправу.

Більше про цей принцип писали у статті Чому luxury e-commerce порушує всі правила conversion optimization.

Статус: концепт

SPEX залишився концептом. Усю систему UX/UI було спроєктовано у Figma у 2020 році, і до розробки вона не дійшла; екрани на цій сторінці і є цим дизайном.

Від каталогу до фешн-досвіду

Звичайний магазин оптики будується навколо категорій, фільтрів і характеристик, і така структура корисна. Але оправа ще й частина зовнішності та особистого стилю людини. Тому замість «знайти оправу, порівняти характеристики, купити» ми спроєктували інший шлях: побачити оправу, зрозуміти її характер, уявити її на собі, дізнатися бренд і вирішити, чи ваша це річ.

Що робить головна сторінка

Перший екран відкривається кампанією бренду, а не сіткою товарів: у концепті це колекція Tom Ford весна/літо 2020 у великій редакційній фотографії, у слайдері. Нижче блок «Нова колекція»: горизонтальний ряд оправ на спокійних бежевих картках, який гортають перетягуванням; на кожній картці бренд, ціна і назва моделі. Далі самі бренди: Tom Ford, Prada, Dior, A-K Karlson, Fendi, Jimmy Choo, Miu Miu і Ray-Ban, кожне ім'я набране шрифтом, поруч невелике фото з кампанії, і посилання на всі бренди.

З екрана в бутик

Люксову оптику часто обирають наживо, тому бутики лишаються частиною шляху: блок «Знайти галерею оптики у вашому місті» з фотографією магазину SPEX і списком бутиків. Футер продовжує ту саму логіку: оправи, сонцезахисні окуляри й лінзи в каталозі; подарункові сертифікати, онлайн-консультація і пошук бутика для клієнтів; обмін і повернення, оплата й доставка.

Візуальна мова

Інтерфейс тримається на двох тонах: глибокий графіт для кампанії та бутиків, теплий беж і слонова кістка для товарів і брендів. Шрифт тонкий і легкий, головне меню з чотирьох слів (оправи, сонцезахисні окуляри, лінзи, бренди), а інтерфейс лишається тихим, щоб вели оправи й фотографія. SPEX увійшов до прикладів статті 10 найкращих дизайнів інтернет-магазинів у 2026 році і чому вони працюють. Докладніше про послугу: UI/UX-дизайн.

ОБГОВОРИТИ ПРОЄКТ · ОБГОВОРИТИ ПРОЄКТ ·