Cайт «Воздух маркет 18+»

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

О проекте

Сайт должен решать несколько задач: помогать ориентироваться в ассортименте табачной и кальянной продукции, структурировать представленные категории и упрощать ознакомление с товарами, снижая сложности при выборе. Структура выстроена так, чтобы каждый экран последовательно формировал понимание ассортимента: от общего представления о витрине — к категориям продукции, характеристикам и деталям каждого товара.

Что нужно было сделать

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

UX/UI

Используемые материалы и иконки

Размер шрифта

Палитра

Шрифт

12px

14px

35px

Regular

Bold

Semibold

Aa

Aa

Aa

Montserrat

Реализация

Для создания сайта использовали связку MODX + React, что позволило реализовать гибкую структуру, нестандартную логику разделов, быструю работу интерфейса и удобное управление контентом без ограничений типовых конструкторов.

Готовый проект

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

Рекомендации

Проект «Воздух маркет 18+» создан в формате информационной витрины. Его задача — систематизировать ассортимент и дать совершеннолетнему посетителю возможность ознакомиться с характеристиками продукции, а не выполнять функцию полноценного интернет-магазина с онлайн-продажей. Поэтому структура здесь ближе к каталогу: основное внимание уделено категориям, карточкам и понятному представлению информации.

Большое количество позиций требует визуальной дисциплины. Если карточки и параметры оформлены непоследовательно, пользователь быстро теряет ориентацию. В Figma сформировали интерфейсную систему каталога, сетку и правила отображения данных. В рамках UX/UI-дизайна основной задачей было сделать знакомство с ассортиментом предсказуемым: одинаковые элементы должны работать одинаково, а характеристики — находиться там, где посетитель ожидает их увидеть.

Техническую часть проекта реализовали на MODX + React. Такой стек позволяет гибко управлять большим количеством карточек и создавать быстрый пользовательский интерфейс. По архитектуре проект использует отдельные решения, характерные для интернет-магазина, но коммерческий сценарий онлайн-покупки намеренно отсутствует: ресурс выполняет именно информационную и презентационную функцию.

Каталожная структура также требует качественной технической организации, поскольку большое количество однотипных страниц легко приводит к дублированию или слабому содержанию. При дальнейшем развитии подобных ресурсов может учитываться SEO-продвижение, однако структура и содержание должны соответствовать фактическому назначению страниц и требованиям законодательства. В результате «Воздух маркет 18+» получил управляемую витрину, где ассортимент представлен системно, а посетитель может последовательно знакомиться с доступной информацией без имитации функций, которых на сайте нет.