Atom

Редизайн лендинга и запуск страницы нового продукта для бренда Atom: дизайн, анимации, разработка на Next.js и Strapi. Кейс студии RezDesigners, 3 месяца

Корпоративный сайт Закон о персональных данных

Редизайн и разработка сайта Atom: как мы обновили лендинг и добавили страницу нового продукта

О клиент

Atom — бренд из Минска: электронные устройства и новая линейка никотиновых паучей. Компании нужно было обновить лендинг, чтобы он соответствовал уровню бренда, и добавить страницы нового продукта. Мы взяли проект целиком: нарисовали дизайн, добавили анимации, разработали сайт на Next.js с CMS Strapi и подготовили промо-материалы. Работа заняла 3 месяца в 2026 году

Карточка проекта

Параметр	Значение
Клиент	Atom, Минск, Беларусь. Официальный дистрибьютор ООО «Б2Б групп»
Сайт	e-vape.by
Ниша	Потребительские товары с возрастными ограничениями
Что сделали	Редизайн лендинга, страницы нового продукта, анимации, разработка сайта, промо-материалы
Объём	5 страниц: две продуктовые страницы, «Где купить», «Контакты», политика cookie [с сайта]; составные блоки описаны ниже
Срок	3 месяца
Год	2026
Технологии	Figma, Next.js, Strapi (Node.js), PostgreSQL

Задача

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

Цели: повысить имидж компании и представить новый продукт.

Что это значит на практике:

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

Решение

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

Структура сайта

Страница	Что внутри
Главная (первая линейка)	Первый экран с входом в обе линейки, блок преимуществ, презентация продукта с характеристиками, карточки линейки, блок «Где купить», блок о технологии, партнёрские сети, FAQ
Страница нового продукта	Первый экран, преимущества, карточки линейки, поясняющий блок, видео, блок «Где купить», партнёрские сети, FAQ
Где купить	Каталог торговых точек с фильтрами по типу точки, городу и сети
Контакты	Контактные данные
Политика cookie	Юридический документ

Ключевые решения

Один сайт, две линейки

Первый экран даёт два понятных входа в линейки, а страницы построены по общей логике, чтобы посетитель не терялся

Карточки линейки вместо длинных текстов

Каждая позиция показана в отдельном экране-карточке с крупным изображением и описанием

«Где купить» как отдельная страница с фильтрами

Выбор по типу точки, городу и торговой сети. Логотипы партнёрских сетей на страницах ведут на уже отфильтрованный список

Анимации

Движение в ключевых блоках подчёркивает характер бренда и делает страницу живой

Контент в CMS

Линейки, партнёры, FAQ и изображения управляются через Strapi, а изображения подгружаются с API-поддомена, поэтому новые позиции добавляются без разработчика

Производительность

Next.js с оптимизацией изображений, чтобы тяжёлая графика не замедляла страницу

Как мы работали

Бриф и структура

Определили задачи сайта и построили структуру двух продуктовых страниц и каталога точек

Дизайн в Figma

Нарисовали главную, страницу нового продукта и «Где купить»

Анимации

Спроектировали движение для ключевых блоков

Разработка

Собрали фронтенд на Next.js, подключили CMS Strapi и базу PostgreSQL

Промо-материалы и запуск

Подготовили графику, проверили сайт на разных устройствах и запустили

Сложности и как их решили

Сложность	Как решили
Две продуктовые линейки на одном сайте	Общий каркас и понятные входы на первом экране
Большой объём графики и анимации	Использовали оптимизацию изображений в Next.js и аккуратно настроили анимации
Каталог торговых точек должен быть удобным	Отдельная страница с фильтрами по типу, городу и сети
Контент меняется: новые позиции, партнёры	Подключили CMS Strapi, чтобы команда клиента правила контент сама
Продукт с возрастными ограничениями	При входе на сайт добавили модальное окно с подтверждением возраста
Срок: 3 месяца на дизайн, анимации и разработку	Вели дизайн и разработку параллельно, согласуя ключевые экраны до верстки

Результаты

Что получил клиент	Итог
Редизайн	Обновлённый лендинг в едином стиле бренда
Новый продукт	Отдельная страница для новой линейки
Каталог точек	Страница «Где купить» с фильтрами
Управление контентом	CMS Strapi для самостоятельной работы команды
Промо-материалы	Графика в стиле сайта

Почему этот кейс важен для вашего проекта

Если у компании растёт продуктовая линейка, сайт должен расти вместе с ней. Продуманная структура, управляемый через CMS контент и аккуратные анимации позволяют добавлять новые продукты без переделки сайта.

Часто задаваемые вопросы

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

Нужно обновить сайт и добавить новый продукт?

Расскажите о задаче, и мы предложим структуру, дизайн и разработку

Atom

Сайт компании

Корпоративный сайт Закон о персональных данных

Наши актуальные
кейсы в презентации

По любым вопросам

rezdesigners@gmail.com

Либо в Telegram

@rezdesigner

Юридическая информация

Физическое лицо: Рудько Георгий Николаевич
Статус: Плательщик налога на профессиональный доход (самозанятый)
УНП: AE7537046

Контакты

Телефон:

Скопировано

+375 29 639 75 86
E-mail:

Скопировано

rezdesigners@gmail.com
Место осуществления деятельности: г. Минск, Республика Беларусь

Документы

Политика обработки персональных данных Пользовательское соглашение Политика использования файлов cookie