Вернутися на головну

ecommerce

Дизайн інтернет-магазину ножів Teren Blade

Задача

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

Зроблено

Прототипи

UI Дизайн

Десктоп

Адаптиви

Прототипи

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

Прототип головної

Прототип картки товару

Прототип кабінету

Прототип каталогу

Прототип оформлення

Варіанти дизайну

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

Тактичний концепт

Світлий мінімалізм

Темна картка товару

Кулінарний концепт

Світла картка товару

Контрастна картка товару

Головна

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

Каталог

Каталог розроблено з урахуванням специфіки вибору клинкових виробів. Зручний бічний фільтр дає змогу сортувати ножі за типом сталі (D2, Х12МФ, дамаск), твердістю HRC, матеріалом руків'я, призначенням та ціновим діапазоном.

Давайте працювати разом.

Готові втілити ваше бачення у життя? Давайте об'єднаємося для вашого наступного проєкту та разом створимо щось незабутнє.

// Type some code ->
console.log "oO08 iIlL1 g9qCGQ ~-+=>";
var paddingTop = 'px';
var sectionRadius = 'px';
// Interactive Theme Configuration
function updateButton(config) {
var radius = 'px';
btn.style.borderRadius = radius;
}
updateButton({ active: true });

Розробник

Color Styles

Pink

Purple

Orange

Green

Blue

Дизайнер

Картка товару

Картка товару спроєктована з акцентом на преміальну майстерність виготовлення кожного клинка. Детальний блок характеристик виводить марку сталі, твердість за HRC та розміри, а поруч розміщено статус наявності та кнопку індивідуальної кастомізації. Багатокутова макрогалерея доповнена польовим відеооглядом, паспортом піхов із Kydex, розгорнутою системою відгуків із критеріями оцінки та рекомендаціями супутніх моделей.

Оформлення замовлення

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

Особистий кабінет

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

Інші сторінки

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

Блог майстерні

Про бренд

Контакти

Список бажань

Налаштування профілю

Пошук по каталогу

Висувний кошик

Інтерактивний стан картки

Сторінка статті

Доставка та оплата

Гарантія та повернення

Історія замовлень

Статус замовлення

Сторінка 404

Форма відгуку

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

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