Site Web

Mobile France : conciergerie d'achat d'iPhone importés de Chine

Refonte complète du site de Mobile France, service de conciergerie qui source, vérifie et expédie des iPhone neufs et reconditionnés depuis la Chine jusqu'au Bénin. Une vitrine bilingue rapide, une boutique catalogue et un blog éditorial, avec la conversation WhatsApp comme point de conversion.

Client: Mobile France
Accompagnement: Depuis 2020
Domaine: Site Web

Voir le projet en ligne

12 %

Commission unique annoncée sur le prix d'achat

Produits en ligne dans la boutique

Langues du site : français et anglais

Rubriques éditoriales sur le blog

Le contexte

Mobile France propose un service de conciergerie : le client indique le modèle d'iPhone souhaité, Mobile France le source auprès de fournisseurs vérifiés en Chine, le contrôle, puis l'expédie au Bénin contre une commission annoncée de 12 % du prix d'achat. Sur ce marché, la difficulté n'est pas la demande mais la confiance : prix gonflés en boutique, reconditionnés non vérifiés, annonces douteuses en ligne. Le site devait donc faire deux choses à la fois : lever le doute (IMEI vérifié, batterie testée, grades A/B/C explicités, calcul du prix détaillé) et amener rapidement le visiteur vers la conversation WhatsApp, canal réel de vente. La première version, livrée en 2020, avait posé les bases de l'identité et du discours. Six ans plus tard, l'offre s'était élargie (catalogue de produits, contenus éditoriaux, audience francophone et anglophone) et l'ancien site ne suivait plus, ni en structure ni en performance.

L'historique du projet

2020Première version
Conception des maquettes et livraison du premier site Mobile France : identité, discours de service et parcours de contact.
2026Refonte complète
Nouvelles maquettes, système de design, passage en vitrine statique bilingue, ouverture de la boutique catalogue et du blog éditorial.

La mission

01Reprendre l'identité visuelle et l'étendre en un système d'interface cohérent (couleurs, typographies, composants)
02Concevoir les maquettes de la refonte, du desktop au mobile
03Structurer le parcours : promesse, preuves de sérieux, fonctionnement en trois étapes, FAQ, appel à l'action WhatsApp
04Concevoir et intégrer la page d'accueil bilingue français / anglais
05Concevoir la boutique catalogue avec filtres par catégorie et fiches produits
06Concevoir le blog et ses rubriques (guides, comparatifs, prix, actualité)
07Optimiser le référencement naturel : données structurées, balises hreflang, métadonnées sociales
08Optimiser les performances : polices auto-hébergées, styles en ligne, aucune dépendance externe bloquante

Ce que nous avons fait

Nous avons repris le travail de la version 2020 comme socle et l'avons rejoué en système : palette bleu marine, brique et vert, deux familles typographiques (Schibsted Grotesk pour les titres, Open Sans pour le corps), et un jeu de variables CSS qui pilote couleurs, rayons, ombres et niveaux de profondeur. Le parcours d'accueil a été réécrit autour d'une seule action : ouvrir la conversation WhatsApp. Une simulation de discussion en haut de page montre concrètement à quoi ressemble un échange, ce qui rassure avant même le clic. Le site a été redécoupé en trois espaces : une vitrine statique très légère pour la présentation et la conversion, une boutique servie dynamiquement pour le catalogue produits, et un blog pour les contenus. Côté technique, nous avons supprimé toute requête externe bloquante : polices auto-hébergées via Fontsource, CSS critique en ligne, images dimensionnées et différées. Le tout est bilingue avec des URL dédiées et un balisage hreflang complet, et enrichi de données structurées FAQ pour les résultats de recherche.

Les livrables

Maquettes UI complètes desktop et mobile de la refonte 2026
Système de design : palette, typographies, composants, variables CSS
Site vitrine bilingue français / anglais intégré en Astro
Boutique catalogue avec filtres par catégorie et fiches produits
Blog éditorial avec rubriques et pages d'articles
Pages légales : mentions légales, conditions du service, confidentialité
Socle SEO technique : données structurées, hreflang, sitemap, llms.txt

Les résultats

Une vitrine servie en HTML statique, sans dépendance externe : le contenu s'affiche même sans JavaScript actif
Un point de conversion unique et lisible sur toutes les pages : la conversation WhatsApp
Un catalogue produits consultable et filtrable, alimenté par le client sans assistance extérieure
Un blog alimenté en continu, structuré par rubriques thématiques
Une couverture bilingue français / anglais avec URL et balisage dédiés
Une accessibilité : lien d'évitement, focus visibles, contrastes et prise en charge du mode contrastes forcés

Les technologies utilisées

Ce qui a servi à mettre le projet en place, et pourquoi ces choix plutôt que d'autres.

Socle & contenus

Astro
Génère la vitrine en HTML statique pré-rendu : temps d'affichage minimal et fiabilité sans JavaScript.
Application Node dynamique
Sert la boutique et le blog, dont le catalogue et les articles évoluent sans redéploiement du site.

Interface

CSS natif avec variables
Un jeu de jetons (couleurs, rayons, ombres, ordre de superposition) suffit à tenir la cohérence sans framework ni surcharge.
Schibsted Grotesk & Open Sans (Fontsource)
Typographies de marque auto-hébergées en sous-ensemble latin : plus aucune requête vers Google Fonts.
JavaScript module natif
Les animations de révélation sont pilotées en JS natif et ne masquent le contenu que si le script tourne.

Performance & diffusion

nginx
Sert les fichiers statiques de la vitrine avec cache HTTP fort (ETag, Last-Modified).
Caddy
Reverse proxy en frontal : TLS automatique et routage entre la vitrine statique et l'application dynamique.
HTTP/3 (QUIC)
Annoncé via Alt-Svc : connexions plus rapides sur les réseaux mobiles ouest-africains.

SEO & international

Données structurées Schema.org
Le bloc FAQPage rend les réponses douane, garantie et délais éligibles aux résultats enrichis.
hreflang FR / EN / x-default
Deux versions linguistiques indexées séparément, sans risque de contenu dupliqué.
Open Graph & Twitter Cards
Les liens partagés sur WhatsApp et les réseaux affichent un aperçu maîtrisé.

L'architecture mise en place

Le site combine trois espaces derrière un même domaine : une vitrine statique pré-rendue pour la présentation et la conversion, une application dynamique pour la boutique et le blog, et un frontal de diffusion qui route les requêtes et assure le TLS. La conversion sort du site : tous les appels à l'action pointent vers une conversation WhatsApp pré-remplie.