Test de Compétences - Développement WordPress avec Divi Builder

Introduction

Vous avez été sélectionné pour passer un test afin d’évaluer vos compétences en développement de sites web sous WordPress avec Divi Builder. Ce test nous permettra d’identifier les profils les plus qualifiés pour travailler sur nos projets.

Objectif du Test

Votre mission est de créer un site web professionnel à l’aide de Divi Builder, en respectant les consignes et les bonnes pratiques en matière de performance et d’expérience utilisateur (UX). Ce site devra être conçu from scratch sans utiliser de layouts préfabriqués.

Consignes Générales

Vous aurez 3 jours à compter de la réception des accès pour finaliser le site.
Ne pas utiliser de layouts prédéfinis de Divi Builder.
Utiliser un maximum de modules parmi ceux disponibles sur Divi Builder (Texte, Image, Call to Action, Accordéon, Bascule, Bouton, Formulaire, etc.).
Le site doit être entièrement fonctionnel et responsive.
Vous devez optimiser les performances du site :
- Compresser les images avant de les télécharger (format WebP obligatoire).
- Limiter le code inutile pour ne pas alourdir le site.
- Respecter la hiérarchie des balises H1, H2, H3….
- Définir un choix de polices (maximum 3) avant de commencer.
- Utiliser correctement les couleurs et l’espacement pour assurer une bonne lisibilité et un design harmonieux.

Étape 1 : Choisir un sujet parmis les 5 sujets proposés

1️⃣ Conciergerie de luxe
💡 Votre site doit présenter une conciergerie haut de gamme proposant des services exclusifs pour une clientèle VIP.
🔹 Services proposés : Réservations de restaurants étoilés, location de jets privés, organisation de voyages sur-mesure, accès à des événements exclusifs.
🔹 Cible : Hommes et femmes fortunés, célébrités, chefs d’entreprise, voyageurs exigeants.
🔹 Tonalité : Élégante, premium, confidentielle.
🔹 Visuel recommandé : Couleurs sobres (noir, or, blanc), images raffinées, design épuré et moderne.

2️⃣ Services de rénovation intérieure
💡 Votre site doit représenter une entreprise spécialisée dans la rénovation de maisons et d’appartements.
🔹 Services proposés : Rénovation de cuisine, salle de bain, peinture, pose de revêtements, menuiserie.
🔹 Cible : Propriétaires, investisseurs immobiliers, agences immobilières.
🔹 Tonalité : Sérieuse, rassurante, experte.
🔹 Visuel recommandé : Avant/après des projets réalisés, couleurs neutres, ambiance élégante.

3️⃣ Entreprise de location de voitures

💡 Votre site doit représenter une société offrant des voitures de location, allant de modèles économiques à des véhicules de luxe.
🔹 Services proposés : Location courte et longue durée, options avec chauffeur, assurance incluse.
🔹 Cible : Touristes, professionnels en déplacement, particuliers.
🔹 Tonalité : Fiable, premium, accessible.
🔹 Visuel recommandé : Images HD de véhicules, options de réservation en ligne, icônes claires pour les services.

4️⃣ Cabinet d’expertise comptable
💡 Votre site doit présenter un cabinet comptable spécialisé dans l’accompagnement des entreprises.
🔹 Services proposés : Création et domiciliation de sociétés, comptabilité générale, fiscalité, optimisation financière, gestion des paies.
🔹 Cible : Entrepreneurs, startups, indépendants, PME.
🔹 Tonalité : Sérieuse, institutionnelle, professionnelle.
🔹 Visuel recommandé : Design sobre et moderne, couleurs bleu/gris/blanc, icônes illustrant la finance et l’entrepreneuriat.

5️⃣ Formation en ligne (e-learning)
💡 Votre site doit promouvoir une plateforme de formation en ligne dans un domaine spécifique (au choix : développement web, design, marketing digital, langues, etc.).
🔹 Services proposés : Cours vidéo, certifications, support en ligne, coaching personnalisé.
🔹 Cible : Étudiants, professionnels cherchant à monter en compétences.
🔹 Tonalité : Pédagogique, engageante, motivante.
🔹 Visuel recommandé : Interface intuitive, icônes modernes, mises en avant des témoignages d’apprenants.

Étape 2 : Création du mini-site from scratch

✅ Interdictions : ❌ Ne pas utiliser de layout préconçu. ❌ Ne pas ajouter de code personnalisé (HTML, CSS, JS). ❌ Ne pas installer de plugins tiers.

✅ Obligations : 📌 Utiliser les modules Divi natifs suivants (tous doivent être intégrés au moins une fois) : ✔️ Texte ✔️ Image ✔️ Bouton (Call to Action) ✔️ Accordéon ou Bascule (FAQ ou informations dynamiques) ✔️ Formulaire de contact (avec validation) ✔️ Galerie d’images ou Slideshow ✔️ Icônes ou Blocs d’informations

📌 Contenu obligatoire sur chaque page :

1️⃣ Page d’accueil Header avec un titre accrocheur (H1) + image de fond Présentation de l’entreprise/service (texte + image) Nos services principaux (blocs d’informations avec icônes) Témoignages clients (slider ou citations) Appel à l’action clair (prise de contact ou réservation)

2️⃣ Page “Nos services” Liste détaillée des services proposés (au moins 3, avec description et image) Avantages de choisir cette entreprise Section FAQ interactive (module accordéon ou bascule)

3️⃣ Page “Contact” Formulaire de contact complet (Nom, Email, Message) Informations de contact (téléphone, email, adresse) Carte Google Maps intégrée (optionnel) Boutons vers les réseaux sociaux

🔹 Étape 3 : Exigences techniques et optimisations 💡 Performance & optimisation 🔹 Compression des images avant importation (format WebP obligatoire). 🔹 Pas de code superflu (évitez les balises vides, styles inline inutiles). 🔹 Limiter les animations (évitez les effets trop lourds). 🔹 Les pages doivent charger rapidement (Google PageSpeed Insights > 80/100).

💡 SEO & structure 🔹 1 seul H1 par page (titre principal). 🔹 Hiérarchie des titres bien respectée (H2, H3, H4 bien organisés). 🔹 Balises ALT remplies sur toutes les images. 🔹 URLs propres et lisibles (ex : /nos-services/, /contact/).

💡 Design & UX 🔹 Maximum 3 polices différentes sur l’ensemble du site. 🔹 Maximum 5 couleurs utilisées (y compris noir et blanc). 🔹 Espacements homogènes et mise en page fluide. 🔹 Boutons CTA visibles et bien placés.

🔹 Étape 4 : Critères d’évaluation 🟢 Validation si : ✔️ Le mini-site respecte toutes les consignes ci-dessus. ✔️ Le design est propre, clair et bien organisé. ✔️ Le site est rapide et bien optimisé (Google PageSpeed Insights).

🔴 Élimination si : ❌ Un layout prédéfini est utilisé. ❌ La page est mal optimisée (images lourdes, structure désordonnée). ❌ Non-respect des consignes techniques et UX.

🔹 Étape 5 : Soumission du travail 📤 Une fois votre mini-site finalisé, envoyez-nous un email avec : 1️⃣ L’URL du site que vous avez créé. 2️⃣ Une capture d’écran du test de performance (Google PageSpeed Insights). 3️⃣ Un commentaire expliquant vos choix techniques (en quelques lignes).

📌 Bon courage ! Ce test est une opportunité de montrer vos compétences et de prouver votre capacité à travailler avec WordPress et Divi Builder.

Informations Supplémentaires

Vous êtes autorisé à consulter des tutoriels en ligne et des vidéos YouTube pour vous aider à maîtriser Divi Builder et à améliorer la qualité de votre travail.
Les accès WordPress au site de test vous seront fournis après validation de votre candidature.
Si vous êtes capable, c’est très facile : vous devez envoyer un message avec votre nom & prénom par whatsapp au +212-6-12-80-30-30 afin de confirmer votre participation au test et recevoir vos identifiants.

Critères d’Évaluation

Votre travail sera jugé selon les critères suivants :

Design et Ergonomie : Qualité du design, harmonie des couleurs et typographies, UX.
Utilisation des modules : Diversité et pertinence des modules employés.
Performance : Optimisation des images, temps de chargement.
Structure SEO-friendly : Balises Hn, lisibilité, optimisation du contenu.
Respect des consignes et qualité globale du projet.

Rendu Final

Une fois votre site finalisé, il suffit d’avertir par whatsapp ainsi qu’un court rapport expliquant :

Les modules que vous avez utilisés.
Les choix de design et d’optimisation appliqués.
Les difficultés rencontrées et les solutions trouvées.

Remarque : Ce test est un exercice de sélection et ne sera en aucun cas utilisé à des fins commerciales.

Bonne chance !

ps: N’oubliez pas whatsapp….

Tableau de Suivi – Validation des Pages Web

Critères	Consignes précises	Développeur (✅ / ❌ + commentaire)	Validation finale (✅ / ❌ + commentaire)
Performance & optimisation	Code propre sans surcharge inutile (Divi natif, pas d’éléments inutiles).
	Images converties en WebP et compressées avant import.
	Pas d’animations excessives qui ralentissent le site.
	Aucun plugin ajouté sans validation.
Structure & balisage	1 seul H1 par page (titre principal).
	Utilisation logique des H2, H3, H4 (pas de saut de niveau).
	Respect de la hiérarchie des blocs (pas de mise en forme cachée dans des modules inadaptés).
	Modules utilisés : Texte, Image, Call-to-Action, Accordéon, Bascule.
	Modules interdits respectés (Slider, Portfolio, Vidéo sans validation).
Design & UX	3 polices max définies dès le départ et respectées sur toute la page.
	5 couleurs max utilisées (y compris noir/blanc).
	Espacement et alignement homogènes (lisibilité optimale).
	Navigation intuitive avec menu clair et visible.
	Boutons CTA bien placés et visibles.
Accessibilité & SEO implicite	Texte ALT sur toutes les images.
	URLs propres et optimisées (ex : /nom-service).
	Chaque page a un titre unique et pertinent.
	Méta-description rédigée et optimisée (pas générée automatiquement).
	Pas de lorem ipsum : contenu réel et structuré.