Nous avons réuni les rapports e-commerce par pays de Ralente dans une seule application Next.js, en nous appuyant sur des cartes SVG, des graphiques interactifs et un design system cohérent. Tous les composants d'interface, les animations et les visualisations de données ont été conçus et implémentés de bout en bout par notre équipe.
Les éléments ci-dessous mettent en avant les principaux composants d'interface et couches de données de la page d'accueil, de la section À propos et des rapports par pays.
La section « Strategic Market Insights » résume la croissance, la logistique, le panier moyen et les parts de plateforme de chaque pays dans une mise en page en cartes unique et lisible.
Les pages pays utilisent des cartes SVG pour offrir un ancrage visuel épuré et évolutif, qui reste net à toutes les résolutions.
Des composants basés sur Recharts présentent l'intérêt par catégorie, les comparaisons de plateformes et les parts de marché sous forme de graphiques interactifs rattachés au même design system.
Le concept données–automatisation–stratégie de la page À propos est construit comme un diagramme SVG, plutôt qu'une image statique, afin de garder la page légère et cohérente avec le reste du site.
Chaque page de rapport réutilise la même mise en page pour les cartes de métriques, les sections de graphiques et les blocs de commentaires, ce qui facilite l'extension du site à de nouveaux marchés.
Le fond sombre, la typographie, les espacements et la structure des cartes suivent une bibliothèque de composants partagée entre la page d'accueil, la section À propos et les rapports.
Développez votre activité avec les solutions de dodbyte creative studio en nous contactant dès maintenant
Réserver un appel→