thelegacy

Hi-Tech Club

  • Брендинг
  • Фронтенд
  • UX/UI
  • Вайрфреймінг
  • WordPress
Клієнт

Hi-Tech Club виробляє запатентовані кальяни й аксесуари — від чаш і клапанів до охолоджувачів, мундштуків і шлангів — і продає їх онлайн, а також кальянним і ресторанам.

Що ми зробили

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

Вайрфрейми інтернет-магазину виробника кальянів

Hi-Tech Club виробляє кальяни та все, що до них належить: чаші, клапани, охолоджувачі, мундштуки й шланги з нержавіючої медичної сталі та анодованого титану. Бренд продає інженерію — насамперед запатентовану систему нагріву, яка не дає тютюну пригоряти, — а ще постачає кальянні та ресторани.

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

Hi-Tech Club
Hi-Tech Club

Дизайн сторінки товару й кошика для кальянів

Сторінка товару читається як технічний паспорт. Кальян Classic стоїть сам на чорному тлі, а права колонка йде від жовтого надзаголовка з назвою матеріалу — анодований титан — до короткого опису, чотирьох круглих зразків кольору (золотий, переливчастий, чорний і срібний), ціни та жовтої кнопки «Add to Cart». Карусель аксесуарів нижче пропонує додати чашу, охолоджувач і клапан.

Кошик висувається панеллю поверх сторінки, тож товар лишається на виду: мініатюра, ціна жовтим, лічильник із мінусом і плюсом, «Remove», проміжна сума й одна кнопка далі. На телефоні той самий кошик займає весь екран і завершується кнопкою «Confirm my Order». Відео з цеху, де лазерний різак вирізає стільниковий візерунок ніжок кальяну, пов’язує магазин із фабрикою.

Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club

3D-рендери кальянів, деталей і металевих покриттів

Більшу частину цього кейсу тримає 3D. Рознесений вигляд угорі розбирає кальян уздовж однієї осі — кільця, шахти, спіраль і основа, — щоб показати конструкцію, яку продає бренд. Наступні рендери показують окремі деталі на чорному: золотий охолоджувач, чорний і переливчастий мундштуки, щипці, плетений шланг у макро, чашу, латунний клапан і скляну колбу.

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

Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club

Мобільна вітрина з деталями технічного креслення

Інженерною мовою говорить типографіка. Заголовки набрано широким квадратним гротеском, основний текст, підписи й характеристики — моноширинним шрифтом, а надзаголовки розділів на кшталт «Unique Service» набрано з розрідкою тим самим вершково-жовтим, що й кнопки купівлі. Під мобільним заголовком заштрихована лінійка показує висоту, ширину, глибину й діаметр у міліметрах.

На телефоні картки аксесуарів ідуть по одній на екран, з матеріалом і особливостями моноширинним текстом над кожним рендером, а на іконці кошика — жовтий лічильник товарів. Перший екран на десктопі виводить «exclusive hookah manufacturer» великим кеглем поверх великого плану чаші, додає навколо неї виноски з розмірами й перехрестя та ставить у центрі кнопку відтворення відеопрезентації.

Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club

Сторінки історії бренду: патенти, цех і засновник

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

Сценарій завершують заклик до дії з трьома кальянами над кнопкою «Add to Cart», текстовий блок для бізнес-покупців і підтвердження замовлення: доставка DHL Express, контактні поля й необов’язковий коментар ліворуч, деталі замовлення та «Edit Order» праворуч.

Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club
Hi-Tech Club

Факти про проєкт

Клієнт
Hi-Tech Club, виробник запатентованих кальянів і комплектуючих до них із нержавіючої медичної сталі та анодованого титану
Галузь
Виробництво кальянів, e-commerce
Платформа
Веб (десктоп і мобільна версія)
Послуги
Вайрфреймінг, UX/UI-дизайн інтернет-магазину, 3D-рендери продукції
Що зроблено
Вайрфрейми десктопної та мобільної версій; сторінка товару й висувний кошик; мобільна вітрина; сторінки історії бренду про патенти, майстерню та засновника; підтвердження замовлення; 3D-рендери кальянів, окремих деталей і металевих покриттів
Схожі кейси
SOUQ, theqube, skynet

Питання про проєкт

Що таке Hi-Tech Club?

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

Що thelegacy розробила для Hi-Tech Club?

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

Яку роль 3D-рендери відіграють в інтернет-магазині Hi-Tech Club?

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

Наступний
кейс:
Готові
працювати разом ?

    Привіт! Мене звати . Мені потрібен Залюбки обговорю проєкт Хочу поспілкуватися
    електронною поштою