Behance Twitter LinkedIn Facebook
Page d'accueil Portefeuille Contact

Conception visuelle/site web, développement des Sites Web front-end codé en dur et optimisation SEO pour Tugboats Preschool

Résumé de l'étude de cas

Tugboats Preschool a ouvert ses portes en septembre 2019 et avait besoin d'un site web pour aider les habitants à trouver la crèche.
  • La cliente souhaitait avoir un site qui ait un aspect ludique et adapté aux enfants.
  • On m'a fourni un logo, un contenu minimal et des images d'enfants jouant à la crèche.
  • La cliente espérait que le site pourrait apparaître sur la première page des résultats de Google.

Solutions

Hébergement de site Web

Conception visuelle

Conception web

Développement front-end codé en dur pour les appareils mobiles

Développement front-end codé en dur pour les appareils de bureau

Optimisation des moteurs de recherche

Voir Tugboats Preschool

Détails du projet

Conception visuelle et web

La cliente recherchait une solution d'hébergement abordable avec un bon service client. Je lui ai recommandé Krystal Hosting, dont elle était satisfaite, et j'ai organisé pour elle le transfert de domaine et la migration du site.
Elle souhaitait avoir un en-tête ressemblant à la mer pour son logo Tugboats, et j'ai utilisé Adobe Illustrator pour dessiner des vagues de mer qui ont servi de fond pour l'en-tête de son site.

L'entête du site avec les vagues de la mer

J'ai également dessiné des terrains de jeu fleuris pour la première page et plus de vagues pour le bas de page.

Dessin de champs fleuris qui sert d'arrière-plan pour une partie de la première page

La section "programme et planification" a reçu des couleurs vives et une mise en page qui facilite la compréhension des bases de l'EYFS.


J'ai utilisé CSS-grid pour créer la galerie d'images et cela a garanti un réarrangement fluide des images sur toutes les tailles d'écran.


Capture d'écran de la galerie d'images du site
Capture d'écran de la page Curriculum et planification du site Tugboats

Optimisation des moteurs de recherche

Pour optimiser le site pour les moteurs de recherche, j'ai créé manuellement une carte XML pour le site et j'ai ajusté le fichier robots.txt. J'ai également rempli tous les titres et les balises de méta description de chaque page du site avec les mots clés qui aideraient le site à apparaître en tête des résultats de recherche Google. Malgré le fait que le client n'ait pas réussi à enregistrer le site sur Google Business au moment de la publication du site, j'ai réussi à le faire apparaître sur la première page des résultats de recherche Google lorsque les parents ont cherché sur Google une crèche à Mortlake.


Première page des résultats de recherche Google

Performance de vitesse

Une bonne vitesse est importante pour le classement SEO et c'est en partie pourquoi j'ai codé en dur le site sans application de cadres. En conséquence, le site a reçu la meilleure note de vitesse sur GTmetrix.

Rapport de vitesse GTMetrix avec indice de vitesse A Voir le rapport complet ici