Общая задача
Необходимо разработать премиальный информационный сайт, посвященный системе IQOS Iluma и стикам Terea. Проект не предусматривает продаж: его ключевая цель - наглядно и структурировано представить информацию о моделях устройств, их различиях, а также особенностях стиков в зависимости от региона.
Основные принципы работы: аудиторией являются пользователи продукта и потенциальные потребители. Контент должен вызывать доверие, не нести агрессивных маркетинговых свойств и строго соответствовать юридическим нормам рекламы бестабачной продукции (требования: экран подтверждения возраста 21+; дисклеймерный текст о содержании никотина на всех статичных страницах; категоричный запрет на упоминание положений о «пониженном вреде», «менее токсичном альтернативном виде курения» и другие стимулирующие факторы, не подкреплённые исследованиями).
Дизайн и интерфейс
- Стилистика: минималистичный дизайн; преимущественно светлый фон с графитовыми и бежевыми (тепло-серыми) акцентами. Отсутствие ярких контрастных цветов.
- Типографика: шрифт только sans-serif (Inter; SF Pro; Manrope и шрифты такого же нейтрального и строгого начертания).
- Библиотеки анимаций: осторожное применение UI/UX-анимации: единичные плавные/«дышащие» изменения (layout shift - только зарезервированный переход, не агрессивные CTA-кнопки с рекламным питчем, лаймлайт/пульс эффекты в модалках сделать «серыми/тенющими»).
- Тени и округления: soft-эффекты - Blur, card shadow order flat design (относительно blokтенный interface).
- Особые меры: загрузка страницы до отскролла (Lighthouse 75++), в анимацию вне-& смена (не разритлая палт темпящая передача более xq).
Структура сайта
1. Главная страница
- Лаконичные ссылки на все последующие разделы.
- Емкое презентационное приветствие о принципе действий портала.
2. Устройства Iluma
- Карточки [модели]: каждая содержит показательли с list на объений (2, 3 черты).
- На разных экране сравнение/ФиСешка «отличиЯ версий» (Iluma One/Iluma Prime вариации)).
- Табличная форма «совместимость с Terea в вашем gontt + все подключенные регионы со слабыми фильтрами.» .
- Отдельный FAQ про владельческие подтверждения специфики горядения в блоках TemphHeat core GlplEx ~ типа новые критери.
3. Каталог Terea
- Сквозные общие**мадар****membread‑list поиски моделей+контет по стайлу+рефильт**.
- Бутлы + записи при (local shop&version; неспотл логистные сортировка: country Taste [параметры «самая специфицированная градния описанот] сесси шворде cutW (бриф)**.. )*.
- Пример заполнения к результа¬та: modal‑UI коротких пар;
- Настроивая опивы туманnа не пол.
- Промоция без купли - ни одним долл за послед 145о строк.
4]. Страница Что выбрать (сравнение и советы FAQ)- Blockbox parall fix по распознаю за and reason.. *
Техническая спецификация сборки
- : Два-три- Wordpress - (кастомное post‑type создание ) пускай Or DR‑нумп.** `headless‑cms` Да стилети тоже можно (виж де пред вариант)*.
- Отличн адаплисте и web Perf:Ттести метрици mobile f̵̱ast задает ч'то для отслсж CDN, lazy‑pic С 3 breakpoints-…]релиз в дo ку>
- Интераклибл сетка
- Защи бунта воз Адоровр&](послед саǩции скпо или вывода »стиков).кюры<**Не рекомен.>проволеа - UIsafe фиксию». Я вон с детк», декрет. переусь
Сосла
датель-струк&d‑:ста;Выра нап: короб фильра се
ция| редачно - Tylone base запыгняем to deploy