Dimitri Ndongla - Right Company

🚀 ET SI LE 20 JUIN MARQUAIT LE DÉBUT D’UN NOUVEAU CHAPITRE FINANCIER ?

Aujourd’hui, de nombreuses personnes créent des revenus supplémentaires grâce à des opportunités accessibles et un bon accompagnement.

Que vous soyez étudiant(e), salarié(e), commerçant(e) ou entrepreneur(e), cette rencontre peut vous ouvrir de nouvelles perspectives.

📅 20 Juin
📍 Hôtel Geneva, Ndogbong (Rue Socavers)

Au programme :
✅ Présentation du projet
✅ Formation & accompagnement
✅ Témoignages inspirants
✅ Opportunité ouverte à tous

🎯 Les places sont limitées.

📞 Réservation : 6 88 79 11 59

Ton site existe. C'est bien.
Mais s'il met plus de 15 secondes à charger…
il travaille contre toi. Pas pour toi.

Voilà les 3 erreurs que je vois sur presque tous les sites de PME au Cameroun :

1. Des photos trop lourdes.
Tu prends une belle photo avec ton téléphone. Tu la mets sur ton site.
Ce que tu ne sais pas : cette photo pèse 4MB.
Sur un réseau Orange ou MTN, ton client attend. Et attend.
Puis il ferme et va chez ton concurrent.

Une photo bien compressée charge 10 fois plus vite. Sans perdre en qualité.

2. Un site trop chargé.
Trop de fioritures. Trop d'animations. Trop d'éléments inutiles.
Chaque élément superflu ralentit ton site.
Ce que ton client veut : savoir ce que tu vends, combien ça coûte, et comment te contacter.
Rien de plus. Rien de moins.

3. Un site non optimisé pour mobile.
Un site conçu pour ordinateur qui s'affiche sur téléphone charge deux fois plus lentement.
Et en Afrique, 80% de tes visiteurs sont sur téléphone.
C'est 80% de tes clients potentiels qui galèrent sur ton site.

👉 Tu sais en combien de secondes ton site charge sur un réseau mobile ?
👉 Tu sais combien de clients tu perds chaque jour à cause de ça ?

Un site lent ne dit pas "nous avons un problème technique."
Il dit "nous ne respectons pas le temps de nos clients."
Et les clients entendent ce message. Même sans le lire.

Colle le nom de ton business en commentaire. Je visite ton site et je te dis ce qui le ralentit. 👇

"Comment centrer une div ?"

C'est la blague préférée des développeurs.
Et pourtant… c'est une vraie question que tout débutant se pose un jour.

Moi le premier. 😅

Laisse-moi t'épargner les heures de galère.

La vieille méthode. Celle qu'on évite.
`position: absolute`, `top: 50%`, `left: 50%`, `transform: translate(-50%, -50%)`…
Ça marche. Parfois.
Mais c'est fragile. Ça casse au moindre changement de contexte.
Et personne ne s'en souvient par cœur.

Flexbox. La méthode que j'utilise 90% du temps.
Sur le parent :
`display: flex`
`align-items: center`
`justify-content: center`

C'est tout.
Horizontalement centré. Verticalement centré.
Peu importe la taille de l'enfant.
Peu importe la taille du parent.
Ça marche toujours.

CSS Grid. Encore plus simple.
Sur le parent :
`display: grid`
`place-items: center`

Deux lignes. L'élément est parfaitement centré.
Horizontalement et verticalement.
En une seule propriété.

Avec Tailwind. Le plus rapide.
`flex items-center justify-center` sur le parent.
Ou encore plus court : `grid place-items-center`.
Pas de fichier CSS à ouvrir. Pas de sélecteur à écrire.
Tu lis le code et tu comprends immédiatement ce qu'il fait.

👉 Tu savais que `place-items: center` est l'une des propriétés CSS les plus récentes et les plus puissantes ?
👉 Tu as déjà passé 1 heure sur un problème de centrage qui avait une solution en 2 lignes ?
👉 Tu veux que je te montre d'autres cas pratiques comme celui-ci ?

Le centrage en CSS n'est plus un problème depuis Flexbox.
Il est devenu un problème uniquement pour ceux qui n'ont pas encore appris Flexbox.
La différence entre les deux, c'est juste une heure de pratique.

C'est quoi le problème CSS qui t'a le plus fait perdre du temps ? Dis-moi en commentaire. 👇

Tu commences un projet. Tout est propre. Tout est organisé.
3 semaines plus t**d tu ouvres ton fichier CSS…
et tu ne comprends plus rien à ce que toi-même tu as écrit. 😅

C'est arrivé à tout le monde.
Et ce n'est pas une question de niveau. C'est une question d'habitudes.

Voilà les erreurs qui transforment ton CSS en cauchemar :

1. Des noms de classes inventés à la volée.
`.div-rouge`, `.section-truc`, `.container-2-final-v3`…
Au moment où tu les écris, ça te semble logique.
6 jours après, tu cherches pendant 20 minutes ce que `.box-left-new` est censé faire.
Un bon nom de classe décrit ce qu'elle fait. Pas ce qu'elle ressemble.

2. La duplication silencieuse.
La même couleur écrite à 14 endroits différents.
Le même espacement répété sur 8 éléments.
Le jour où le client demande de changer la couleur principale…
tu passes 2 heures à chercher tous les endroits où elle apparaît.

3. Des sélecteurs qui s'empilent.
`nav ul li a span:hover` …
Plus ton sélecteur est long, plus il est fragile.
Plus il est fragile, plus il crée des conflits.
Plus il crée des conflits, plus tu ajoutes `!important`.
Et là… c'est la descente aux enfers.

4. Zéro organisation.
Tout dans un seul fichier. Dans n'importe quel ordre.
Les styles du header mélangés avec ceux du footer.
Le responsive au milieu des couleurs.
Un fichier CSS sans structure, c'est une chambre sans rangement.
Tu trouves tout. Mais rien rapidement.

👉 Tu sais pourquoi Tailwind résout ces 4 problèmes d'un seul coup ?
👉 Tu as déjà tout réécrit de zéro parce que ton CSS était devenu ingérable ?
👉 Tu veux que je te montre comment organiser un projet CSS proprement ?

Un CSS propre ne s'écrit pas en dernier.
Il se pense en premier.
Avant la première balise. Avant la première couleur. Avant tout.

C'est quoi la pire chose que tu aies vue dans un fichier CSS ? Dis-moi en commentaire. 👇

Un restaurant à Douala. Bonne cuisine. Bonne ambiance. Bonne réputation dans le quartier.

Mais pas de site web. Pas de menu en ligne. Pas d'adresse Google Maps.

Résultat ?

Un client potentiel cherche "restaurant Bonapriso" sur Google un vendredi soir.
Il trouve le concurrent. Il réserve chez le concurrent. Il mange chez le concurrent.

Et le propriétaire ne saura jamais qu'il est passé à côté.

Voilà la réalité silencieuse de milliers de business à Douala et Yaoundé en 2026.

Ce qu'un site web change concrètement.
Un client qui entend parler de toi va chercher ton nom sur internet.
Si il ne trouve rien… il doute.
Si il trouve un site professionnel, clair, rapide, avec tes horaires, ton menu, ton numéro WhatsApp…
il ne doute plus. Il vient.

Le bouche-à-oreille a des limites.
Il s'arrête au quartier. Au cercle d'amis. À la famille.
Un site web, lui, travaille 24h/24.
Il parle à des inconnus. Il rassure des indécis. Il convertit des curieux en clients.
Sans que tu sois là. Sans que tu décroches ton téléphone.

Ce n'est plus réservé aux grandes entreprises.
Un site vitrine professionnel aujourd'hui, ce n'est pas un luxe.
C'est accessible. C'est rapide à mettre en place.
Et son retour sur investissement se mesure dès le premier client venu grâce à lui.

👉 Tu sais combien de personnes cherchent ton type de business sur Google chaque mois à Douala ?
👉 Tu sais ce que tes clients voient quand ils tapent ton nom sur internet ?
👉 Tu veux qu'on en parle ensemble ?

Les business qui gagnent demain en Afrique sont ceux qui s'installent sur internet aujourd'hui.
Pas dans 2 ans. Pas quand "le moment sera bon".
Maintenant.

Tague un entrepreneur de Douala ou Yaoundé qui a besoin d'entendre ça. 👇

En Afrique, le téléphone n'est pas un deuxième écran.
C'est le premier. Le seul.

Bref, souvent le seul.

Et pourtant.

Je vois encore des sites construits uniquement pour ordinateur.
Des sites où le texte est illisible sur mobile.
Des boutons trop petits pour un doigt.
Des images qui débordent. Des menus cassés.

Comme si 80% des visiteurs n'existaient pas.

Voici la réalité du marché africain en 2026 :

Les chiffres d'abord.
Plus de 80% des internautes africains naviguent depuis un smartphone.
Pas un iPhone dernier cri.
Un Android d'entrée de gamme. Un écran de 5 pouces. Un réseau 3G instable.
C'est pour cette personne que tu dois concevoir ton site.
Pas pour l'utilisateur MacBook en fibre optique.

Ce que ça change concrètement.
Un site mobile first, ce n'est pas un site rétréci.
C'est un site pensé depuis le début pour les petits écrans.
Texte lisible sans zoom. Boutons accessibles au pouce. Images légères. Navigation intuitive.
Et seulement ensuite adapté pour les grands écrans.

La performance, c'est une question de respect.
Un site qui met 20 secondes à charger sur un réseau Starlink…
ce n'est pas un problème technique.
C'est un message à ton visiteur : "Ton temps ne compte pas."
Et il partira. Sans revenir.

👉 Tu sais si tes boutons sont assez grands pour être cliqués avec un pouce ?
👉 Tu sais combien de clients tu perds à cause d'un site non optimisé pour mobile ?

En Afrique, gagner sur mobile ce n'est pas un avantage compétitif.
C'est la condition minimale pour exister en ligne.
Tout le reste est secondaire.

Ton site est-il vraiment prêt pour tes vrais utilisateurs ? 👇

Le design web a changé plus en 2 ans qu'en 10 ans avant.

Et pendant que certains sites africains utilisent encore des designs de 2015…
leurs concurrents captivent, retiennent et convertissent.

Voilà ce qui définit un site moderne en 2026 :

Le Glassmorphism.
Ces effets de verre dépoli. Ces fonds flous derrière les cartes.
Cette impression de profondeur et de légèreté en même temps.
Utilisé avec subtilité, ça donne une identité visuelle haut de gamme instantanément.

Les couleurs sombres assumées.
Le dark mode n'est plus une option.
C'est une attente.
Un fond sombre bien travaillé réduit la fatigue visuelle, met en valeur tes contenus et inspire confiance et modernité.

Les micro-animations.
Un bouton qui réagit au survol.
Une section qui apparaît doucement au scroll.
Un élément qui se transforme au clic.
Rien d'excessif. Juste assez pour que le site respire et vive.

Les layouts qui cassent la grille.
Finis les sites en colonnes rigides et prévisibles.
Les designs qui marquent en 2026 jouent avec l'asymétrie, les chevauchements, les espaces inattendus.
Ce qui surprend, retient.

👉 Tu sais que le design de ton site influence la confiance que tes visiteurs te font en moins de 50 millisecondes ?
👉 Tu sais que les utilisateurs jugent la crédibilité d'un business à 75% sur son design ?
👉 Ton site inspire confiance ou inspire la fuite ?

Un bon design ne se remarque pas.
Il se ressent. Il rassure. Il convainc.
Avant même que ton client ait lu un seul mot.

C'est quoi le site web qui t'a le plus impressionné visuellement ? Dis-moi en commentaire. 👇

Un client m'a contacté il y a quelques semaines.

Il avait un site. Des visiteurs. Mais zéro appels. Zéro messages. Zéro clients.
"Mon site ne sert à rien" me disait-il.

Alors j'ai ouvert son site.
Et en 30 secondes, j'avais compris le problème.

Voilà ce que j'ai trouvé :

La vitesse d'abord.
20 secondes pour charger la page d'accueil.
20 secondes. Sur un réseau Starlink.
Les statistiques disent que 53% des visiteurs partent après 3 secondes.
Lui en perdait probablement 90%.

Ensuite le mobile.
Son site était conçu uniquement pour ordinateur.
Sur téléphone, le texte débordait. Les boutons étaient minuscules.
Les images écrasaient tout l'écran.
Or 80% de ses visiteurs venaient depuis un téléphone.

Et le pire.
Aucun bouton WhatsApp. Aucun numéro visible.
Un formulaire de contact enfoui tout en bas de la page.
Son client idéal arrivait sur le site, cherchait comment le contacter…
et repartait chez le concurrent.

Ce qu'on a fait :

• Images compressées: 2,8 secondes de chargement
• Site entièrement repensé en mobile first
• Bouton WhatsApp fixe visible sur toutes les pages
• Numéro de téléphone cliquable dans le header

Résultat en 3 semaines ?
Ses premiers messages WhatsApp venant directement du site.

👉 Ton site charge en combien de secondes ?
👉 Tu sais combien de clients tu perds chaque jour sans le savoir ?
👉 Tu veux qu'on regarde ensemble ce qui bloque ?

Un site qui ne convertit pas n'est pas un problème de chance.
C'est un problème technique qu'on peut résoudre.
Toujours.

Envoie-moi l'URL de ton site en commentaire. 👇

Une navbar qui s'effondre sur mobile.
C'est la première chose que je vois sur 7 sites sur 10 au Cameroun. 😬

Pourtant la solution est simple.
Laisse-moi te montrer la logique en 4 étapes.

1. Pense mobile d'abord.
Sur grand écran, tes liens s'affichent horizontalement.
Sur téléphone, ils se cachent derrière un bouton — le fameux menu burger ☰.
Ce n'est pas deux navbars différentes.
C'est une seule, qui s'adapte intelligemment.

2. La structure HTML, c'est la base.
Une balise `` qui contient ton logo et ta liste de liens ``.
Simple. Sémantique. Propre.
Ce que Google lit avant même de voir ton design.

3. Tailwind fait le travail lourd.
`hidden` pour cacher les liens sur mobile.
`md:flex` pour les afficher à partir d'une certaine taille d'écran.
Deux classes. Deux mots. Ton menu est déjà responsive.
C'est exactement pour ça que j'aime Tailwind.

4. Le bouton burger, c'est du JavaScript.
Un clic → le menu s'ouvre.
Un autre clic il se ferme.
`classList.toggle` en vanilla JS.
Pas besoin d'une librairie entière pour ça.

👉 Tu savais que Google pénalise les sites dont la navigation est cassée sur mobile ?
👉 Tu as déjà testé ta navbar en réduisant la fenêtre de ton navigateur ?
👉 Tu veux que je partage le code complet dans le prochain post ?

Une bonne navbar ne se remarque pas.
Elle guide sans s'imposer. Elle s'efface pour laisser parler ton contenu.
Et sur mobile, elle ne laisse personne dehors.

Dis-moi en commentaire si tu veux le code complet. 👇