Аналитический интерфейс рыночных данных для Ralente
Мы объединили страновые отчёты Ralente по электронной коммерции в едином приложении на Next.js, используя SVG-карты, интерактивные графики и целостную дизайн-систему. Все компоненты интерфейса, анимации и визуализации данных были спроектированы и реализованы нашей командой «под ключ».
Пункты ниже описывают основные UI-компоненты и слои данных на главной странице, в разделе «О нас» и в страновых отчётах.
Стратегические карточки-обзоры по странам
Раздел «Strategic Market Insights» сводит рост, логистику, среднюю стоимость корзины и доли платформ по каждой стране в едином удобочитаемом карточном макете.
Страновая страница на основе карты
Страницы стран используют SVG-карты — чистый масштабируемый визуальный якорь, который остаётся чётким при любом разрешении.
Интерактивные графики и блоки метрик
Компоненты на базе Recharts представляют интерес к категориям, сравнение платформ и доли рынка в виде интерактивных графиков, встроенных в общую дизайн-систему.
Абстрактная SVG-иллюстрация на странице «О нас»
Концепция «данные — автоматизация — стратегия» на странице «О нас» реализована как SVG-диаграмма, а не статичное изображение, чтобы страница оставалась лёгкой и согласованной с остальным сайтом.
Переиспользуемый шаблон странового отчёта
Каждая страница отчёта использует один и тот же макет для карточек метрик, секций с графиками и блоков комментариев, что упрощает расширение сайта новыми рынками.
Единая дизайн-система и адаптивная сетка
Тёмный фон, типографика, отступы и структура карточек опираются на общую библиотеку компонентов на главной странице, в разделе «О нас» и в отчётах.
Давайте создадим вместе
Развивайте свой бизнес с решениями креативной студии dodbyte — свяжитесь с нами прямо сейчас
Записаться на звонок→