🌐 Zumkellerspace

🔹 Origine

Je cherchais un moyen de mettre un portfolio en ligne, mais les solutions toutes faites ne me plaisaient pas. Je voulais quelque chose de plus libre, avec plus d’options de personnalisation, plus de liberté dans les choix de design, et qui sorte de l’ordinaire.
Faire le site moi-même s’est imposé naturellement : contrôle total sur la mise en page, la structure, l’identité visuelle, et la façon de présenter chaque projet.

🔸 Ce qu’est Zumkellerspace

Zumkellerspace est un site portfolio entièrement fait main, codé de zéro en HTML et CSS, avec un design inspiré d’un projet Figma (crédits complets sur la page mentions légales).
On y trouve :
- Une page d’accueil avec une galerie des projets, une section « À propos », et mon CV
- Des pages projet individuelles suivant une structure commune (intro, illustration, description, notes personnelles, projets liés)
- Un système bilingue français / anglais, avec un drapeau de bascule sur chaque page
- Un thème clair / sombre
- Des éléments interactifs personnalisés (carrousel d’images, bouton retour animé, effets au survol)

🔹 Ce que j’ai fait

✔ Programmation front-end

- Programmation complète du site en HTML et CSS, avec une touche de JavaScript pour les éléments interactifs
- Conception d’une mise en page responsive avec des feuilles de style séparées pour mobile et bureau (point de bascule à 650 px)
- Réalisation du carrousel d’images en JavaScript natif
- Mise en place du theme switcher et du sélecteur de langue

✔ Standard de page projet

- Définition d’un template cohérent pour toutes les pages projet : titre avec emoji, bloc d’intro, illustration principale, sections structurées, projets liés, footer
- Mise en place d’une grammaire visuelle pour les titres (🔹 sections principales, 🔸 phases chronologiques, ✔ livrables, 💬 notes personnelles, 🧰 compétences) pour rendre chaque page lisible en un coup d’œil
- Rédaction et traduction de chaque page projet en français et en anglais

💬 Note personnelle

J’ai vraiment apprécié ce défi. Le développement web n’est pas un domaine que je touche d’habitude, c’était donc une belle occasion d’apprendre et de travailler dans un nouveau domaine, loin de mes projets habituels en mécanique.
Je remercie Corentin pour son aide, ses conseils m’ont été précieux tout au long du projet.
Au-delà de la technique, ce projet a aussi été un exercice de communication et de présentation : décider comment raconter chaque projet, ce qu’il faut mettre en avant, et faire un portfolio qui me ressemble plutôt qu’un template générique.

🔸 À faire

- Compléter les pages vides des projets encore en construction
- Optimiser le site (poids des assets, temps de chargement, nettoyage du code)
- Ajouter de nouveaux projets au fil du temps

🧰 Compétences appliquées

Développement web, HTML, CSS, JavaScript, Design responsive, Design visuel, Rédaction de contenu bilingue

Projets liés