2Caps Web&Com

Mes Projets Web

Découvrez mes réalisations ici

Développement d'un site pour une photographe freelance dans l'événementiel

Elle a perdu son site à la suite de la fermeture subite de la plateforme sur laquelle elle l’avait construit. Pour éviter que cette mésaventure ne se reproduise, je lui ai développé un site, afin de choisir elle-même son hébergeur. Son site est l’outil qu’elle utilise pour se faire connaître et pour partager les séries de photos avec ses clients. Ils peuvent ensuite en acheter les droits, les faire imprimer, ou les commander en format HD.

Ma mission:
  • L’ergonomie de l’interface de saisie (ajout de photos, de catégories) et les répercussions des saisies sur le front.
  • La fluidité et les animations.
  • Les performances du site. 
  • La maintenabilité du code : commentaires, bonnes pratiques, etc..
Figma-logo-design-tool-prototyping-transparent-PNG-image
WordPress-Logo-Iconic-CMS-Symbol-PNG-Transparent-Website-Development-Content-Management
Visual-Studio-Code-Logo-8549
JavaScript-Logo-PNG-Symbol-for-Web-Development-Transparent

Créer un site WordPress complet, sans utiliser de code

 Une marque de vêtements d’occasion, a besoin d’un site simple pour promouvoir l’ouverture de son showroom.

Ma mission:
  • Création du site, sans code et selon le cahier des charges. 
  • Intégration du site.
Figma-logo-design-tool-prototyping-transparent-PNG-image
WordPress-Logo-Iconic-CMS-Symbol-PNG-Transparent-Website-Development-Content-Management

Création d'un site et des éléments graphiques pour une pour une association d'entraides et de partages

La présidente de l’association a exprimé les besoins suivants : 

Développer la présence en ligne de son association mettre en place une stratégie de référencement sur les moteurs de recherche donner facilement accès à son catalogue d’activités à tous les visiteurs du site permettre à ses adhérents de réserver rapidement une activité en ligne sans avoir à l’appeler.

Ma mission:
  • Création de la charte graphique.
  • Création des éléments graphique et d’infographie.
  • Etude Benchmarking.
  • Création de la maquette et du prototypage. 
  • Création du site.
  • Création du cahier des charges.
Photoshop-logo-Adobe-symbol-digital-creativity-transparent-png-image (1)
Adobe-Illustrator-2024-Logo-PNG-Transparent-Creative-and-Distinctive-Design
InDesign-2024-logo-graphic-design-transparent-PNG-image
Figma-logo-design-tool-prototyping-transparent-PNG-image
WordPress-Logo-Iconic-CMS-Symbol-PNG-Transparent-Website-Development-Content-Management
Notion-Logo-Productivity-App-Icon

Optimiser un site WordPress existant, pour une marque de vêtements

 Une passionnée de mode très influente sur les réseaux sociaux, me mentionne un démarrage difficile pour la boutique de vêtements et d’accessoires de luxe de seconde main qu’elle vient de lancer sur son blog “Chic Dressing”. Dans une démarche de prospection, j’ai analysé le site et je ne manque pas de constater, effectivement, certains problèmes.

Ma mission:
  • Effectuer des audits rapides pour analyser le référencement, l’accessibilité et les performances de son site .
  • Compresser les images en modifiant le format et ou en baissant la qualité du rendu, et redimensionner celles dont la taille ne correspond pas à une utilisation web.
  • Minifier les fichiers statiques (JS et CSS) pour en réduire le poids, et différer leur chargement pour éviter qu’ils n’impactent le temps de chargement perçu par le visiteur.
  • Héberger les polices Google Fonts en local pour éviter de ralentir le site avec des appels à des sites tiers.
  • Différer le chargement des scripts non essentiels, et en particulier des scripts externes (Twitter et Google Maps) tant qu’il n’y a pas d’interaction utilisateur, pour accélérer le rendu des pages.
  • Optimiser le temps de réponse serveur (TTFB) en mettant en place une extension de cache qui permettra de servir les pages aux visiteurs sans avoir à la générer à chaque fois côté serveur.
  • Optimiser le SEO et l’accessibilité.
  • Effectuer un diagnostic post-optimisation.
WordPress-Logo-Iconic-CMS-Symbol-PNG-Transparent-Website-Development-Content-Management
Visual-Studio-Code-Logo-8549
JavaScript-Logo-PNG-Symbol-for-Web-Development-Transparent
lg-6623b7d244b80-Sass

Refonte d'un site HTML en PHP

Le service communication, d’une galerie d’art moderne a développé un site avec HTML et CSS pour présenter les œuvres exposées dans la galerie, “The Artbox”, mais il qu’il soit plus facilement modifiable.  On lui a dit qu’il était possible de “factoriser” le code avec PHP ; il me propose donc une courte mission de refonte du site grâce à PHP.  Il ne veux pas changer le visuel du site ni même ajouter de nouvelles fonctionnalités. Son objectif est seulement de réduire le code à changer lorsque qu’il fera des mises à jour du contenu des pages.

 

Ma mission:

  • Factoriser le header et le footer, présents sur chaque page. (ça évitera de faire une modification 16fois)
  • Chaque œuvre était décrite deux fois dans le code : une fois dans la page d’accueil, une fois dans la page de détail de l’œuvre. Changer une œuvre implique donc de faire la modification deux fois. L’objectif va donc être de centraliser les œuvres dans un tableau PHP, qui sera beaucoup plus simple à maintenir.
  • Factoriser la page d’accueil, le code de la vignette représentant une oeuvre est écrit 15 fois. Seuls l’image et le texte varient d’une vignette à une autre.

    Ceci est problématique : si il fait une modification sur le format de la vignette, il devra faire ce changement 15 fois !

  • Factoriser les pages de détails, l’objectif est d’avoir un seul fichier oeuvre.php plutôt que 15 fichiers HTML.

.

php-logo-png-transparent
Visual-Studio-Code-Logo-8549

Planifier le développement d'un site de vente de vélos électriques

Suite à une levée de fond, Emoving doit en priorité développer le côté e-commerce de son site internet, en y ajoutant une boutique en ligne. Je fais parti d’une équipe composée d’un UX Designer, d’un graphiste et d’autres développeurs.

Chez Emoving, les employés ont plusieurs casquettes ; il me revient de mener, préparer et planifier le projet. Je dois évaluer le coût, le délai et la pertinence d’un développement sur base WordPress.

Ma mission:
  • Rédiger un document de spécifications techniques.
  • Analyser les enjeux des fonctionnalités techniques grâce à l’analyse des documents de spécifications fonctionnelles.
  • Mettre en place un système de veille technologique.
  • Utilisation de « NOTION », pour la gestion du projet, établissement d’un planning de GANTT et d’un tableau KANBAN.
Figma-logo-design-tool-prototyping-transparent-PNG-image
Notion-Logo-Productivity-App-Icon
PPT-File-Icon-PowerPoint-1
WordPress-Logo-Iconic-CMS-Symbol-PNG-Transparent-Website-Development-Content-Management

Prêt à discuter de votre projet ?

Vous avez une idée en tête ou un projet à réaliser ? Je serais ravie d’en parler avec vous ! Contactez-moi pour que l’on puisse explorer ensemble les possibilités. Je suis là pour vous aider à concrétiser vos idées en ligne.