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?

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

Следующий
кейс:
Готовы
работать вместе ?

    Привет! Меня зовут . Меня интересует С удовольствием обсужу проект Хочу пообщаться
    по электронной почте