Josselin HANEL.
FR | EN | DE
Standard Mode
Eco Mode activated

This lightweight version of my website:

  • Weighs less than 50 KB per page (vs 2-5 MB for a typical site)
  • Uses 90% less energy than a standard website
  • Works with minimal code (only 3 KB vs typical 500+ KB)
  • Loads almost instantly, even with poor internet

This lightweight mode works well even with old computers or slow connections. Perfect for information sites or services. Plus, it uses less energy and costs less to host!

My projects

Here is a selection of my recent projects. Each creation is designed with an eco-design approach.

  • Eco-friendly personal portfolio (2025)

    Eco-friendly personal portfolio (2025)

    My personal portfolio with eco-mode, multilingual, and designed following web eco-design principles.

    Astro • TailwindCSS

    View project
  • E-sport Application with Chat (2025)

    E-sport Application with Chat (2025)

    E-sport event management platform with a real-time chat system via WebSocket and HTMX. (fictional company)

    Astro • Tailwind • Alpine.js • HTMX • WebSocket • Express • PostgreSQL • MongoDB

    View project
  • Object Library - Quimper

    Object Library - Quimper

    Designed in collaboration with Jade Ounaphom, audiovisual creator, the website highlights how the object library works and its news.

    Astro • CSS Pro • TypeScript • Alpine.js • GitHub Actions

    View project

Upcoming Projects

Here's a preview of projects I'm currently working on:

  • Object Library Enhancement - Quimper

    Addition of a content management system (Decap CMS) and creation of a calendar for managing room slots and volunteers with their assigned skills.

    Astro, Tina CMS, Alpine.js, GitHub Actions, HelloAsso API

    In development • CMS implementation

  • Portfolio + E-shop for an Artist Friend

    I'm building a minimalist portfolio and online store for a friend who creates digital and physical art. The shop is discreet — hidden from the non-commercial parts of the site.

    Astro, Tailwind, Alpine.js, Three.js, Stripe API

    On hold • Waiting for content

  • Online Asynchronous Webgame with Real-time Chat

    Based on my "E-sport Application with Chat" project, I'm working on an online social strategy game inspired by "La Cosa Nostra" (2014) from Johannes Sich, but with no randomness — only raw, chaotic, human decision-making.

    Astro, Tailwind, Alpine.js, HTMX, WebSocket, Phoenix, MongoDB, anime.js

    On hold • Creating project documentation

Web eco-design

Web eco-design aims to reduce the environmental impact of websites and applications while preserving a quality user experience.

Have a project in mind?

Feel free to contact me for a free quote with no obligation.

Contact me

+33 7 81 33 97 68