Qui suis-je ?

Je crée des sites internet rapides et qui consomment moins d'énergie. Basé à Rennes, je travaille aussi pour des clients à Nantes, Paris, Berlin ou à distance depuis chez moi.

Ma vision

Internet consomme de plus en plus d'électricité dans le monde. En tant que créateur de sites, je m'engage à faire des sites plus légers, qui marchent bien sans gaspiller de l'énergie et sans vous ruiner.

Josselin HANEL - Créateur de sites internet

Ma façon de travailler

  • Sites légers : Je crée des sites qui ne pompent pas toutes vos données et qui coûtent moins cher à héberger. Des solutions simples qui évoluent facilement quand votre activité grandit.

  • Rapidité : Un site rapide est plus agréable à utiliser et vos visiteurs restent plus longtemps. En bonus, ça consomme moins de batterie sur leur téléphone !

  • Pour tous : Je fais des sites que tout le monde peut utiliser facilement, même les personnes âgées ou avec un handicap.

  • Qui durent : Plutôt que des solutions à la mode qui seront obsolètes dans 2 ans, je construis des sites solides qui fonctionneront longtemps sans tout casser.

Ce que je sais faire

Côté visible

🖥️
Astro

Framework web agnostique générant principalement du HTML statique, offrant un excellent SEO naturel et des performances optimales sans imposer de choix technologiques.

Outil qui crée des sites web rapides et faciles à trouver sur Google, sans vous forcer à utiliser une technologie particulière.

CSS Pro

Techniques CSS avancées pour un design responsive et des animations fluides, limitant le recours au JavaScript coûteux en ressources.

Techniques pour créer des sites qui s'adaptent à tous les écrans et avec des animations légères qui ne ralentissent pas votre appareil.

Tailwind

Framework CSS utilitaire qui facilite énormément le travail collaboratif et la gestion du responsive. Sa purge CSS en production garantit des feuilles de style ultra-optimisées.

Système qui permet de créer rapidement des designs adaptés à tous les écrans, tout en gardant le site léger.

TypeScript

Sur-ensemble typé de JavaScript pour un code plus robuste et maintenable, réduisant les erreurs et la dette technique.

Une version améliorée de JavaScript qui aide à éviter les bugs et facilite le travail en équipe.

HTMX

Bibliothèque ultra-légère (~14kb) ajoutant des capacités AJAX et WebSocket directement au HTML. Un simple script suffit pour l'intégrer à la volée quand le besoin s'en fait sentir.

Un petit outil qui rend les pages web interactives sans alourdir le site.

Alpine.js

Micro-framework JavaScript qui brille précisément là où le CSS moderne ne suffit plus. Parfait pour gérer les états sans recourir à un framework lourd, tout en gardant une empreinte minimale.

Un outil léger pour ajouter de l'interactivité à votre site sans le ralentir.

Côté serveur

⚙️
Express

Framework Node.js minimaliste, rapide à mettre en place et économe en ressources sous faible charge, idéal pour des APIs simples à moyennement complexes.

Un outil simple et efficace pour créer la partie invisible du site qui traite les données.

WebSocket

Protocole de communication bidirectionnelle idéal pour les applications interactives, bien plus économe en ressources que les requêtes HTTP répétées.

Technologie qui permet aux sites web de communiquer en temps réel, comme pour les chats ou les notifications instantanées.

Elixir

Langage fonctionnel conçu pour la concurrence, offrant une meilleure scalabilité et performance que Node.js pour des charges importantes.

Un langage de programmation spécialement conçu pour gérer de nombreux utilisateurs simultanément sans ralentir.

Phoenix

Framework Elixir haute performance incluant LiveView, permettant de créer des interfaces temps réel sans JavaScript côté client.

Outil qui permet de créer des sites interactifs en temps réel sans alourdir la page pour l'utilisateur.

Bases de données

🗄️
PostgreSQL

SGBD relationnel open-source puissant avec un écosystème d'extensions quasi infini, offrant flexibilité et performances pour tout type de projet.

Une base de données fiable et polyvalente qui stocke vos informations de façon organisée et sécurisée.

MongoDB

Base de données NoSQL orientée documents permettant une flexibilité des données et des schémas adaptés aux besoins réels.

Une base de données flexible qui s'adapte facilement aux changements et stocke des informations variées.

PostgREST

Transforme une BDD Postgres en API REST instantanément. Idéal pour des CRUD simples et soulage le backend des tâches répétitives. Dans certains cas, permet même de se passer complètement de backend pour une communication front/BDD directe et sécurisée.

Un outil qui permet d'accéder facilement et en toute sécurité aux données stockées, sans avoir à écrire beaucoup de code.

Ecto

Bibliothèque Elixir pour l'interaction avec les bases de données, optimisant les requêtes pour des performances maximales.

Un outil qui permet de communiquer efficacement avec les bases de données tout en garantissant de bonnes performances.

Outils

🛠️
Git

Essentiel pour tout développement collaboratif, permet de garder une trace claire des modifications et facilite les contributions simultanées sur un même projet.

Un système qui permet à plusieurs personnes de travailler sur le même projet sans conflit et de suivre toutes les modifications.

Docker

Assure une reproductibilité parfaite des environnements de dev entre les membres d'une équipe. Docker Compose simplifie l'orchestration de services multiples, et Swarm permet un déploiement scalable en production.

Un outil qui garantit que le site fonctionnera partout de la même façon, peu importe où et comment il est installé.

VS Code

Éditeur de code moderne avec un bon équilibre entre légèreté et fonctionnalités. Son système d'extensions permet de l'adapter précisément à chaque projet.

Un éditeur de texte intelligent pour les développeurs, personnalisable selon les besoins du projet.

Lighthouse

Outil d'audit essentiel pour mesurer et améliorer objectivement les performances web et l'impact environnemental.

Un outil qui analyse votre site et suggère des améliorations pour le rendre plus rapide et plus écologique.

Méthodes

📐
Accessibilité

Conception d'interfaces compatibles avec tous les appareils, navigateurs et modes d'utilisation. Élargit l'audience potentielle et assure une expérience utilisateur inclusive.

Rendre le site utilisable par tous, y compris les personnes handicapées ou celles utilisant des technologies d'assistance.

Performance

Optimisation qui réduit les temps de chargement et l'utilisation des ressources. Une meilleure UX se traduit directement par une réduction des coûts d'infrastructure et une augmentation des conversions.

Faire en sorte que le site se charge rapidement et fonctionne bien, même sur des appareils ou connexions modestes.

Éco-conception

Approche de développement visant à optimiser chaque étape du cycle de vie des services numériques, conciliant performance et sobriété.

Créer des sites qui consomment moins d'énergie et de ressources, pour un impact environnemental réduit.

UX/UI

Interfaces intuitives qui répondent aux besoins réels des utilisateurs. Une bonne conception UX/UI réduit les frictions et améliore l'engagement des utilisateurs.

Concevoir des sites faciles et agréables à utiliser, qui répondent réellement aux besoins des visiteurs.

Mon expérience

Créateur de sites internet

2025 - Aujourd'hui

À mon compte

Je crée des sites pour différents clients (artisans, commerçants, associations) en faisant attention à ce qu'ils soient économes en énergie.

Responsable du site internet

2024 - 2025

Objethèque de Cornouaille

J'ai créé et mis à jour le site internet pour mettre en valeur les activités et événements de l'association.

Formation

Diplôme de développeur web

2025

Studi

Formation complète pour créer des sites de A à Z (côté visiteur et côté technique).

The Odin Project

2023 - 2024

Formation en ligne

Apprentissage complet pour créer des sites modernes avec les dernières technologies.

Formation continue

2022 - Présent

Diverses sources

Je me forme en permanence pour rester à jour et vous proposer les meilleures solutions.

Un projet en tête ?

N'hésitez pas à me contacter pour un devis gratuit sans engagement.

Me contacter

+33 7 81 33 97 68