Blog de Romain Petit

Présentation du projet

Création du Blog de Romain Petit, une plateforme personnelle permettant de publier et partager des articles (billets) sur différents sujets.

L’objectif était de concevoir un site permettant de :

• publier facilement des articles de blog,
• proposer une lecture agréable et claire,
• organiser les contenus de manière structurée,
• assurer une navigation fluide sur tous les supports,
• faciliter la diffusion et l’indexation des articles.

Le site a été conçu comme une plateforme de publication simple, performante et durable, mettant l’accent sur la lisibilité du contenu et la rapidité de navigation.

Contexte & enjeux

Le projet devait répondre à plusieurs besoins :

• disposer d’un espace de publication personnel indépendant des plateformes externes,
• publier des articles dans un format simple à écrire et à maintenir,
• proposer une interface épurée centrée sur la lecture,
• garantir un bon référencement des contenus,
• permettre aux lecteurs de suivre facilement les nouvelles publications.

L’enjeu principal était de concevoir un blog léger et performant, offrant une expérience de lecture agréable tout en conservant une architecture technique propre et maintenable.

Mon rôle

J’ai réalisé l’ensemble du projet :

• conception de l’architecture du site,
• développement backend en PHP orienté objet avec architecture MVC,
• conception de la base de données SQL,
• intégration frontend (HTML, CSS, JavaScript),
• mise en place du responsive design,
• intégration de bibliothèques frontend,
• optimisation SEO et performance,
• mise en production et sécurisation du site.

Solutions mises en place

1. Architecture technique

Le site repose sur une architecture MVC en PHP orienté objet, permettant de structurer clairement :

• la gestion des données,
• la logique applicative,
• l’affichage des contenus.

Le moteur de template Smarty est utilisé pour séparer la logique backend de la présentation.

2. Rédaction des contenus avec Markdown

Les articles du blog sont rédigés en Markdown, un format léger permettant :

• une écriture rapide et intuitive,
• une mise en forme simple du contenu,
• une conversion automatique en HTML pour l’affichage.

Cette approche facilite la rédaction tout en conservant un code propre et structuré.

3. Interface & expérience utilisateur

L’interface a été conçue pour privilégier la lisibilité et le confort de lecture :

• design sobre et clair,
• mise en page optimisée pour les articles,
• navigation simple entre les contenus,
• structure responsive avec Bootstrap,
• interactions dynamiques via jQuery,
• affichage d’images en lightbox avec Lity,
• utilisation d’icônes via Font Awesome.

Le site est entièrement mobile-friendly, garantissant une lecture confortable sur smartphone et tablette.

4. SEO et diffusion du contenu

Afin d’améliorer la visibilité du blog, plusieurs mécanismes ont été intégrés :

• URL rewriting pour des adresses lisibles et optimisées,
• génération automatique d’un sitemap XML,
• flux RSS 2.0 permettant aux lecteurs de suivre les nouvelles publications,
• optimisation du balisage HTML pour le référencement.

5. Performance & sécurité

Le site a été optimisé pour offrir de bonnes performances :

• structure HTML et CSS optimisée,
• chargement rapide des pages,
• compatibilité mobile complète,
• sécurisation des échanges via SSL.

Résultats

Le site constitue une plateforme de blog personnelle performante et durable :

• publication simple et rapide des articles,
• expérience de lecture claire et agréable,
• navigation fluide sur tous les supports,
• diffusion facilitée grâce aux flux RSS,
• site optimisé pour le référencement et les performances.