Design System GoMoWorld - Guide complet des composants et styles
Équipe Design GoMoWorld
Posté le 15 janvier 2025
L'article en bref ⤵️
- Design cohérent Un système de design unifié pour une expérience utilisateur harmonieuse sur toutes les plateformes.
- Composants réutilisables Des éléments modulaires qui accélèrent le développement et garantissent la cohérence visuelle.
- Accessibilité optimale Tous les composants respectent les normes WCAG pour une utilisation inclusive.
- Performance maximale Des composants optimisés pour des temps de chargement rapides et une navigation fluide.

Hiérarchie typographique
Tableau avec beaucoup d’entrées (test scroll mobile):
ID | Nom | Valeur | Statut |
---|---|---|---|
1 | Entrée A | 100 | ✅ |
2 | Entrée B | 200 | ✅ |
3 | Entrée C | 300 | ✅ |
4 | Entrée D | 400 | ✅ |
5 | Entrée E | 500 | ✅ |
6 | Entrée F | 600 | ✅ |
7 | Entrée G | 700 | ✅ |
8 | Entrée H | 800 | ✅ |
9 | Entrée I | 900 | ✅ |
10 | Entrée J | 1000 | ✅ |
11 | Entrée K | 1100 | ✅ |
12 | Entrée L | 1200 | ✅ |
13 | Entrée M | 1300 | ✅ |
14 | Entrée N | 1400 | ✅ |
15 | Entrée O | 1500 | ✅ |
16 | Entrée P | 1600 | ✅ |
17 | Entrée Q | 1700 | ✅ |
18 | Entrée R | 1800 | ✅ |
19 | Entrée S | 1900 | ✅ |
20 | Entrée T | 2000 | ✅ |
21 | Entrée U | 2100 | ✅ |
22 | Entrée V | 2200 | ✅ |
23 | Entrée W | 2300 | ✅ |
24 | Entrée X | 2400 | ✅ |
25 | Entrée Y | 2500 | ✅ |
Tableau très large (beaucoup de colonnes) :
C1 | C2 | C3 | C4 | C5 | C6 | C7 | C8 | C9 | C10 | C11 | C12 | C13 | C14 | C15 | C16 | C17 | C18 | C19 | C20 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
L1C1 | L1C2 | L1C3 | L1C4 | L1C5 | L1C6 | L1C7 | L1C8 | L1C9 | L1C10 | L1C11 | L1C12 | L1C13 | L1C14 | L1C15 | L1C16 | L1C17 | L1C18 | L1C19 | L1C20 |
L2C1 | L2C2 | L2C3 | L2C4 | L2C5 | L2C6 | L2C7 | L2C8 | L2C9 | L2C10 | L2C11 | L2C12 | L2C13 | L2C14 | L2C15 | L2C16 | L2C17 | L2C18 | L2C19 | L2C20 |
Le design system GoMoWorld utilise une hiérarchie typographique claire et cohérente pour guider l'utilisateur à travers le contenu.
Exemples de hiérarchie typographique
H1 - Titre principal de niveau 1
H2 - Titre de niveau 2
H3 - Titre de niveau 3
H4 - Titre de niveau 4
H5 - Titre de niveau 5
H6 - Titre de niveau 6
Styles de texte
Texte en gras pour mettre en évidence les informations importantes.
Texte en italique pour les citations ou les termes techniques.
Texte en gras et italique pour les éléments critiques.
Code inline pour les références techniques et les commandes.
Texte barré pour les informations obsolètes.
Texte souligné pour les liens ou éléments interactifs.
Paragraphes et espacement
Ceci est un paragraphe normal avec du texte de démonstration. Il montre l'espacement et la lisibilité du texte principal dans le design system GoMoWorld. La typographie est optimisée pour une lecture confortable sur tous les appareils.
Ce second paragraphe illustre l'espacement entre les paragraphes et la cohérence visuelle du contenu. L'utilisation de couleurs et d'espacements appropriés améliore l'expérience de lecture.
Exemple d'image dans le design system GoMoWorld
Listes et énumérations
Les listes sont essentielles pour organiser l'information de manière claire et structurée.
Liste à puces simple
- Premier élément de la liste
- Deuxième élément avec du contenu plus long
- Troisième élément
- Quatrième élément
Liste à puces imbriquée
- Élément principal 1
- Sous-élément 1.1
- Sous-élément 1.2
- Sous-sous-élément 1.2.1
- Sous-sous-élément 1.2.2
- Élément principal 2
- Sous-élément 2.1
- Sous-élément 2.2
Liste numérotée
- Première étape du processus
- Deuxième étape avec des détails
- Troisième étape
- Sous-étape 3.1
- Sous-étape 3.2
- Quatrième étape finale
Liste de tâches
- Tâche terminée avec succès
- Autre tâche accomplie
- Tâche en cours de réalisation
- Tâche à planifier
- Tâche future
Liste de définition
- eSIM : Carte SIM intégrée directement dans l'appareil
- Roaming : Utilisation du réseau mobile en dehors de votre zone habituelle
- APN : Point d'accès réseau pour la configuration des données mobiles
- QR Code : Code-barres 2D pour l'installation rapide des eSIM
Citations et blocs spéciaux
Les citations et blocs spéciaux permettent de mettre en valeur des informations importantes.
Citation importante : "Les eSIM révolutionnent la façon dont nous voyageons connectés, offrant une flexibilité et des économies sans précédent."
Conseil d'expert : Avec GoMoWorld, vous pouvez préparer vos eSIM avant le départ et les activer dès l'atterrissage, garantissant une connexion immédiate.
Note importante : Gardez toujours une sauvegarde de votre QR code au cas où vous devriez réinstaller l'eSIM.
Exemple de citation plus longue :
"L'avenir de la connectivité mobile réside dans l'intégration transparente de la technologie eSIM. GoMoWorld a été à l'avant-garde de cette révolution, offrant aux voyageurs un accès instantané aux réseaux locaux sans les tracas des cartes SIM physiques. Notre engagement envers l'innovation et la satisfaction client a fait de nous le choix préféré de plus de 50 000 voyageurs internationaux."
— Sarah Johnson, CTO chez GoMoWorld
Séparateur horizontal utilisé pour diviser les sections de contenu.
Tableaux et données
Les tableaux permettent d'organiser et de comparer des données de manière claire.
Comparaison des forfaits eSIM :
Durée | Prix | Données incluses | Pays couverts | Support |
---|---|---|---|---|
7 jours | 3,99€ | 1 Go | 1 pays | ✅ 24/7 |
15 jours | 10,99€ | 3 Go | 1 pays | ✅ 24/7 |
30 jours | 19,99€ | 10 Go | 1 pays | ✅ 24/7 |
Multi-pays | 29,99€ | 5 Go | 3 pays | ✅ 24/7 |
Illimité | 49,99€ | Illimité | 5 pays | ✅ Premium |
Compatibilité des appareils :
Appareil | Modèle minimum | eSIM supportée | Installation |
---|---|---|---|
iPhone | XS/XR (2018) | ✅ Oui | QR Code |
Samsung Galaxy | S20 (2020) | ✅ Oui | QR Code |
Google Pixel | 3a (2019) | ✅ Oui | QR Code |
Huawei | P40 (2020) | ✅ Oui | QR Code |
OnePlus | 8 (2020) | ✅ Oui | QR Code |
Statistiques d'utilisation :
Métrique | Valeur | Évolution | Statut |
---|---|---|---|
Utilisateurs actifs | 50,000+ | +25% | 📈 Croissance |
Pays couverts | 190+ | +5 ce mois | 🌍 Expansion |
Temps d'activation | < 2 min | -30% | ⚡ Amélioration |
Satisfaction client | 4.8/5 | +0.2 | ⭐ Excellent |
Tableau responsive avec beaucoup de colonnes :
Pays | Ville | Opérateur | Technologie | Vitesse max | Couverture | Prix 1Go | Prix 5Go | Prix 10Go | Validité | Support | Note | Recommandé | Promo | Installation |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
France | Paris | Orange | 5G | 1 Gbps | 99% | 2,99€ | 9,99€ | 15,99€ | 30 jours | ✅ 24/7 | 4.8/5 | ✅ Oui | -20% | QR Code |
Allemagne | Berlin | Deutsche Telekom | 5G | 1.2 Gbps | 98% | 3,49€ | 12,99€ | 19,99€ | 30 jours | ✅ 24/7 | 4.7/5 | ✅ Oui | -15% | QR Code |
Espagne | Madrid | Movistar | 5G | 800 Mbps | 97% | 2,79€ | 8,99€ | 14,99€ | 30 jours | ✅ 24/7 | 4.6/5 | ✅ Oui | -10% | QR Code |
Italie | Rome | TIM | 5G | 900 Mbps | 96% | 3,19€ | 11,99€ | 17,99€ | 30 jours | ✅ 24/7 | 4.5/5 | ✅ Oui | -25% | QR Code |
Royaume-Uni | Londres | EE | 5G | 1.1 Gbps | 99% | 3,99€ | 14,99€ | 22,99€ | 30 jours | ✅ 24/7 | 4.9/5 | ✅ Oui | -30% | QR Code |
États-Unis | New York | Verizon | 5G | 1.5 Gbps | 95% | 4,99€ | 19,99€ | 29,99€ | 30 jours | ✅ 24/7 | 4.4/5 | ⚠️ Partiel | -5% | QR Code |
Canada | Toronto | Rogers | 5G | 1.3 Gbps | 94% | 4,49€ | 17,99€ | 27,99€ | 30 jours | ✅ 24/7 | 4.3/5 | ⚠️ Partiel | -12% | QR Code |
Japon | Tokyo | NTT Docomo | 5G | 2 Gbps | 98% | 5,99€ | 24,99€ | 39,99€ | 30 jours | ✅ 24/7 | 4.8/5 | ✅ Oui | -18% | QR Code |
Australie | Sydney | Telstra | 5G | 1.8 Gbps | 93% | 6,49€ | 29,99€ | 44,99€ | 30 jours | ✅ 24/7 | 4.2/5 | ⚠️ Partiel | -8% | QR Code |
Brésil | São Paulo | Vivo | 4G+ | 600 Mbps | 89% | 3,79€ | 15,99€ | 24,99€ | 30 jours | ✅ 24/7 | 4.1/5 | ❌ Non | -22% | QR Code |
Images et médias
L'intégration d'images et de médias enrichit le contenu et améliore l'expérience utilisateur.
Image principale de l'article :
Légende de l'image : Interface de création de compte GoMoWorld
Images dans le contenu :
Configuration de l'itinérance sur iOS
Galerie d'images :
Écran de connexion
Configuration des paramètres
Vidéos intégrées :
<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="Tutoriel eSIM GoMoWorld" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Tutoriel d'installation eSIM - GoMoWorld
Icônes et illustrations :
- 📱 Mobile - Compatible smartphone
- 🌍 Globe - Couverture mondiale
- ⚡ Éclair - Installation rapide
- 🔒 Sécurité - Données protégées
- 💰 Économies - Prix compétitifs
- 🎯 Précision - Activation ciblée
FAQ et contenu interactif
Les sections FAQ et le contenu interactif améliorent l'expérience utilisateur en répondant aux questions courantes.
Mon appareil est-il compatible eSIM ?
La plupart des smartphones récents supportent les eSIM. Vérifiez dans Paramètres > Données mobiles > Ajouter un plan de données (iOS) ou Paramètres > Connexions > Gestion des eSIM (Android).
Puis-je garder ma SIM physique ?
Oui ! Les eSIM fonctionnent en parallèle avec votre SIM physique. Vous pouvez utiliser les deux simultanément et basculer entre elles selon vos besoins.
Que se passe-t-il si je perds mon téléphone ?
Vos eSIM sont liées à votre compte GoMoWorld. Vous pouvez les réinstaller sur un nouvel appareil compatible en vous connectant à votre compte.
Les eSIM fonctionnent-elles partout ?
GoMoWorld couvre plus de 190 pays dans le monde. Vérifiez la disponibilité sur votre destination avant le départ via l'application.
Comment puis-je économiser avec les eSIM ?
Les eSIM GoMoWorld vous permettent d'économiser jusqu'à 80% par rapport aux frais d'itinérance traditionnels, avec des plans à partir de 3,99€.
Puis-je annuler mon forfait eSIM ?
Oui, vous pouvez annuler votre forfait eSIM à tout moment depuis l'application GoMoWorld. Aucun frais d'annulation n'est appliqué.
Le support client est-il disponible 24/7 ?
Absolument ! Notre équipe de support est disponible 24h/24 et 7j/7 pour vous aider avec vos eSIM via l'application ou par email.
💡 Conseil d'expert : Activez votre eSIM avant de quitter votre pays d'origine pour éviter tout problème de connexion à l'arrivée.
⚠️ Important : Assurez-vous que l'itinérance des données est activée sur votre appareil pour utiliser votre eSIM à l'étranger.
✅ Succès : Plus de 50,000 voyageurs font confiance à GoMoWorld pour leurs besoins de connectivité internationale.
Conclusion du design system
Ce guide complet du design system GoMoWorld démontre la cohérence et la polyvalence des composants utilisés dans nos articles de blog. Chaque élément a été conçu pour offrir une expérience utilisateur optimale et une lisibilité maximale.
Points clés du design system
- Hiérarchie typographique claire pour guider la lecture
- Composants interactifs pour l'engagement utilisateur
- Tableaux structurés pour la présentation des données
- Images et médias pour enrichir le contenu
- FAQ interactives pour répondre aux questions
- Couleurs cohérentes avec l'identité GoMoWorld
- Responsive design pour tous les appareils
Utilisation recommandée
- Titres : Utilisez la hiérarchie H1-H6 de manière cohérente
- Listes : Organisez l'information avec des listes à puces et numérotées
- Citations : Mettez en valeur les informations importantes
- Tableaux : Présentez les données de comparaison clairement
- Boutons : Guidez les actions utilisateur avec des boutons appropriés
- Images : Enrichissez le contenu avec des visuels pertinents
🎨 Design System GoMoWorld : Un système cohérent et évolutif pour créer des expériences utilisateur exceptionnelles.
Cet article de test permet de valider tous les composants du design system GoMoWorld dans un contexte réel d'article de blog.
Articles similaires
Témoignages de nos voyageurs
4.7
App Store
4.7
Google Play Store
Qu'est-ce qu'une eSIM ?
On Vous Dit Tout.
Une solution numérique simple pour rester connecté où que vous alliez.

Dites adieu aux cartes SIM physiques
Plus besoin de manipuler une carte SIM physique (ou de risquer de perdre la vôtre) : tout est numérique avec une eSIM.

Activation rapide et facile
Téléchargez votre eSIM GoMoWorld depuis l'application mobile et connectez-vous en quelques minutes. Tous nos forfaits commencent à seulement 3,99€, sans abonnement ni frais cachés.

Idéal pour les voyageurs
Gardez votre SIM habituelle active pour vos appels et SMS tout en utilisant GoMoWorld pour vos données. Vous pouvez avoir à la fois votre SIM principale et votre eSIM actives en même temps, ou deux eSIMs.


à partir de
3.99€

Encore en réflexion ?
Téléchargez l'app et testez GoMoWorld sans risque avec notre essai gratuit. L'aventure commence ici !