Design System GoMoWorld - Guide complet des composants et styles

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):

IDNomValeurStatut
1Entrée A100
2Entrée B200
3Entrée C300
4Entrée D400
5Entrée E500
6Entrée F600
7Entrée G700
8Entrée H800
9Entrée I900
10Entrée J1000
11Entrée K1100
12Entrée L1200
13Entrée M1300
14Entrée N1400
15Entrée O1500
16Entrée P1600
17Entrée Q1700
18Entrée R1800
19Entrée S1900
20Entrée T2000
21Entrée U2100
22Entrée V2200
23Entrée W2300
24Entrée X2400
25Entrée Y2500

Tableau très large (beaucoup de colonnes) :

C1C2C3C4C5C6C7C8C9C10C11C12C13C14C15C16C17C18C19C20
L1C1L1C2L1C3L1C4L1C5L1C6L1C7L1C8L1C9L1C10L1C11L1C12L1C13L1C14L1C15L1C16L1C17L1C18L1C19L1C20
L2C1L2C2L2C3L2C4L2C5L2C6L2C7L2C8L2C9L2C10L2C11L2C12L2C13L2C14L2C15L2C16L2C17L2C18L2C19L2C20

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

  1. Première étape du processus
  2. Deuxième étape avec des détails
  3. Troisième étape
    1. Sous-étape 3.1
    2. Sous-étape 3.2
  4. 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éePrixDonnées inclusesPays couvertsSupport
7 jours3,99€1 Go1 pays✅ 24/7
15 jours10,99€3 Go1 pays✅ 24/7
30 jours19,99€10 Go1 pays✅ 24/7
Multi-pays29,99€5 Go3 pays✅ 24/7
Illimité49,99€Illimité5 pays✅ Premium

Compatibilité des appareils :

AppareilModèle minimumeSIM supportéeInstallation
iPhoneXS/XR (2018)✅ OuiQR Code
Samsung GalaxyS20 (2020)✅ OuiQR Code
Google Pixel3a (2019)✅ OuiQR Code
HuaweiP40 (2020)✅ OuiQR Code
OnePlus8 (2020)✅ OuiQR Code

Statistiques d'utilisation :

MétriqueValeurÉvolutionStatut
Utilisateurs actifs50,000++25%📈 Croissance
Pays couverts190++5 ce mois🌍 Expansion
Temps d'activation< 2 min-30%⚡ Amélioration
Satisfaction client4.8/5+0.2⭐ Excellent

Tableau responsive avec beaucoup de colonnes :

PaysVilleOpérateurTechnologieVitesse maxCouverturePrix 1GoPrix 5GoPrix 10GoValiditéSupportNoteRecommandéPromoInstallation
FranceParisOrange5G1 Gbps99%2,99€9,99€15,99€30 jours✅ 24/74.8/5✅ Oui-20%QR Code
AllemagneBerlinDeutsche Telekom5G1.2 Gbps98%3,49€12,99€19,99€30 jours✅ 24/74.7/5✅ Oui-15%QR Code
EspagneMadridMovistar5G800 Mbps97%2,79€8,99€14,99€30 jours✅ 24/74.6/5✅ Oui-10%QR Code
ItalieRomeTIM5G900 Mbps96%3,19€11,99€17,99€30 jours✅ 24/74.5/5✅ Oui-25%QR Code
Royaume-UniLondresEE5G1.1 Gbps99%3,99€14,99€22,99€30 jours✅ 24/74.9/5✅ Oui-30%QR Code
États-UnisNew YorkVerizon5G1.5 Gbps95%4,99€19,99€29,99€30 jours✅ 24/74.4/5⚠️ Partiel-5%QR Code
CanadaTorontoRogers5G1.3 Gbps94%4,49€17,99€27,99€30 jours✅ 24/74.3/5⚠️ Partiel-12%QR Code
JaponTokyoNTT Docomo5G2 Gbps98%5,99€24,99€39,99€30 jours✅ 24/74.8/5✅ Oui-18%QR Code
AustralieSydneyTelstra5G1.8 Gbps93%6,49€29,99€44,99€30 jours✅ 24/74.2/5⚠️ Partiel-8%QR Code
BrésilSão PauloVivo4G+600 Mbps89%3,79€15,99€24,99€30 jours✅ 24/74.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

  1. Titres : Utilisez la hiérarchie H1-H6 de manière cohérente
  2. Listes : Organisez l'information avec des listes à puces et numérotées
  3. Citations : Mettez en valeur les informations importantes
  4. Tableaux : Présentez les données de comparaison clairement
  5. Boutons : Guidez les actions utilisateur avec des boutons appropriés
  6. 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.

Partagez ce guide
facebooktwitterlinkedin

Témoignages de nos voyageurs

4.7

App Store

App Store

4.7

Google Play Store

Google Play Store

17 mai 2025

Mon fournisseur d’eSIM préféré

J’ai utilisé GoMoWorld dans plusieurs pays maintenant (Egypte, Honduras, Guatemala, ...). De l’achat à la performance, tout est simple à gérer et ça fonctionne parfaitement.

Klaus

/static/flags/flag_DE.svgReview/static/flags/flag_EG.svg

25 avril 2025

Parfait

Après un premier essai au Monténégro, il y a quelques années, nous avons réitéré l’opération en Turquie, cette année, encore un grand succès ! Nous avions acheté deux cartes une pour moi et une pour mon mari et tout a parfaitement fonctionné. Je recommande chaudement GoMoWorld. Merci beaucoup.

Alice

/static/flags/flag_FR.svgReview/static/flags/flag_TR.svg

23 avril 2025

Parfait pour les voyages

Je recommande cette eSIM à tous les touristes. Elle est simple, rapide et économique. J'ai utilisé 3 Go en 5 jours. C’est suffisant pour toutes les usages, sauf pour les films.

B Savkin

/static/flags/flag_TR.svgReview/static/flags/flag_GB.svg

16 mai 2025

Bon service pour un prix très correct

J’ai utilisé ce service deux fois ces derniers mois : une première fois avec un plan Europe (utilisé en France), puis un autre pour l’Espagne. Aucun problème, bonne couverture, principalement en 5G. Très facile à configurer et à activer.

ab

/static/flags/flag_US.svgReview/static/flags/flag_ES.svg

6 mai 2025

Me fait gagner du temps et de l’argent

Avec l’eSIM GoMoWorld, je peux simplement acheter le forfait pour le pays que je visite et l’activer la veille du départ, sans avoir besoin de chercher un Wi-Fi à l’arrivée. Je peux aussi partager la connexion avec mes enfants.

Nabila

/static/flags/flag_IE.svgReview/static/flags/flag_US.svg

22 avril 2025

Fortement recommandé pour voyager

J’ai utilisé GoMoWorld dans plusieurs pays jusqu’à présent (USA, Guatemala et Vietnam), et la couverture était toujours bonne. C’est aussi à chaque fois moins cher que les autres fournisseurs d’eSIM. Seule exception : au Mexique, nous avons parfois rencontré des problèmes de connexion. Je leur ai écrit un email et ils ont tout de suite répondu avec une solution adaptée. Je suis vraiment satisfait du service proposé par GoMoWorld et je le recommande à tout le monde.

Kim

/static/flags/flag_CH.svgReview/static/flags/flag_US.svg

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 !

Apple StoreGoogle Play Store