- Accueil
- Réalisations
- Victor Frangov
Étude de cas / Portfolio de développeur / Montréal, QC / 2025
Victor Frangov
C’est mon portfolio personnel. Je suis Victor Frangov, fondateur de Kollowo et étudiant en informatique à l’EPFL, et c’est là que j’essaie les techniques de mise en page, de typographie et de performance que j’apporte ensuite aux sites de mes clients.
Voir le site en ligne ↗94/100
Score PageSpeed mobile
< 1,2 s
Largest Contentful Paint sur mobile
0
Modification manuelle pour garder le CV à jour : il est généré à la demande
Le défi
Un portfolio de développeur a deux mandats. Il doit présenter de vrais projets clairement à des recruteurs et des clients qui lisent en diagonale, et il doit prouver, juste par la façon dont il se comporte, que la personne derrière sait bâtir quelque chose de soigné.
Le contenu est varié : du web comme Kollowo, une visionneuse de données native pour macOS, des expériences en apprentissage automatique, une simulation de fluides sur GPU, des projets embarqués ESP32. Le site devait bien se lire en français et en anglais, puisque je partage mon temps entre Lausanne et Montréal, et rester rapide malgré des ressources lourdes.
Ce que nous avons réalisé
J’ai structuré le site en une seule page défilante avec cinq sections numérotées (aperçu, à propos, expertise, projets, contact) et un menu pour sauter de l’une à l’autre. Chaque fiche de projet affiche les dates, une description d’une ligne, les technologies en étiquettes et un lien vers le site ou le code source, pour qu’un visiteur puisse juger un projet en quelques secondes.
Pour l’effet, j’ai gardé une page épurée et rapide : les pages restent rapides malgré des ressources lourdes comme les grandes images de projets, et une horloge en direct pour Lausanne et Montréal et un sélecteur de thème ajoutent du caractère sans nuire à la lecture. Le CV est généré automatiquement à la demande, en français ou en anglais, pour que la version téléchargée soit toujours la plus récente, sans avoir à exporter et téléverser un nouveau PDF après chaque changement.
Le site est entièrement bilingue avec next-intl sous / et /fr, avec son propre sitemap, son fichier robots et des métadonnées par langue. C’est mon banc d’essai : ce qui fonctionne ici, comme les sections numérotées et la configuration SEO bilingue, se retrouve dans mes projets clients.
Points forts
- Page unique avec cinq sections numérotées et menu de navigation
- Fiches de projets avec dates, technologies et liens
- Chargement rapide malgré des ressources lourdes
- Sélecteur de thème clair et sombre
- Versions française et anglaise avec changement de langue
- CV généré automatiquement à la demande, en français ou en anglais
- Sitemap, fichier robots et métadonnées par langue
Technologies
Next.js · React · TypeScript · next-intl · Tailwind CSS · Vercel
Parlons de votre projet
Parlez-nous de votre entreprise. Nous vous répondons avec un plan clair et une démo fonctionnelle dès le début du projet.