CV
© 2026 — Châtellerault (FR) Portfolio / Vol. 01

Designer & Développeur

Je conçois et code des sites, des identités visuelles et des interfaces — pour des entreprises, des écoles, ou par envie.

Voir le travail
§ 01 — Sélection

Trois projets
en vedette.

01 Web + Dev · Client · 2026
Sign Paysage

Sign Paysage

Site vitrine + back-office pour un paysagiste — Angular 18, .NET 9, Docker.

Ouvrir le projet
02 Web + Dev · Client · 2026
Rbprog

Rbprog

Plateforme de reprogrammation moteur (ECU) — crédits, bibliothèque, PHP/MySQL.

Ouvrir le projet
03 Web · Personnel · 2025
ÉtuCook

ÉtuCook

Plateforme de recettes pour étudiants — espace membre, favoris, filtres, IMC.

Ouvrir le projet
§ 02 — Index

Tous les projets.

Type
Contexte
§ 03 — Profil

À la croisée du design et du code — je fais les deux, et c'est là que je suis le plus utile.

Solal Durand, 20 ans, basé à Châtellerault. Je rejoins en septembre 2026 le Bachelor Création Digitale & Design d'Interfaces avec IA à Ynov Bordeaux.

Entre deux projets scolaires, je collabore avec des entreprises locales pour concevoir leurs sites, leurs identités et leurs interfaces. Mon objectif : créer ou rejoindre une agence web.

§ 04 — Méthode

Comment je
travaille.

01

Écoute & cadrage

Comprendre le besoin, les utilisateurs, les contraintes. Un cahier des charges clair, et prioriser ce qui compte vraiment.

02

Recherche & direction

Veille, benchmark, moodboards. Une direction artistique formalisée pour valider l'univers avant la production.

03

Maquettes & itérations

Wireframes puis maquettes haute-fidélité sur Figma ou Penpot. Des allers-retours rapides jusqu'à la version juste.

04

Développement & livraison

Intégration propre, responsive, optimisée. Mise en ligne, tests, et accompagnement après livraison.

§ 05 — Contact

Un projet
en tête ?

solal.drd@gmail.com [ clic pour copier ]
Téléphone 07 67 70 21 33
Localisation Châtellerault · FR
Statut Ouvert aux projets
GitHub LinkedIn
2026/Web + Développement/Stage · StylDev

A2S — Site vitrine WordPress

Conception UX/UI et développement du site institutionnel d'A2S, éditeur de logiciel de gestion de chantier — dans le cadre de mon stage chez StylDev.

Mission

Créer un site institutionnel reflétant l'expertise technique d'A2S, structurer le parcours utilisateur, intégrer un formulaire métier et livrer un CMS maintenable en autonomie.

Mes apports

  • Direction artistique adaptée à l'univers logiciel / chantier
  • Maquettes haute-fidélité sur Penpot, structurées en système
  • Intégration WordPress + Elementor, optimisation responsive
  • Iconographie, copywriting, formulaires WPForms
  • Sécurisation des accès via Password Protected

Stack

WordPressElementorPenpotWPFormsCSS
2026/Web + Développement/Stage · StylDev

Amphibole Connexion — Site produit

Site dédié à la présentation d'un logiciel SaaS. Direction artistique sur-mesure et intégration complète, chez StylDev.

Mission

Valoriser un logiciel métier par un site clair, démonstratif et orienté conversion — mettre en avant les fonctionnalités sans surcharge visuelle.

Mes apports

  • Univers visuel sur-mesure adapté à un produit SaaS
  • Structuration des pages autour des fonctionnalités clés
  • Maquettes Penpot puis intégration Elementor
  • Formulaire de contact dédié avec WPForms
  • Copywriting et hiérarchisation des bénéfices produit

Stack

WordPressElementorPenpotWPForms
2025/App Mobile · Design + Code/École · Équipe de 4

BeReady — Réseau social de défis

Application mobile sociale développée pour MESC. Un défi quotidien, des preuves photo, un système d'amis et de classement. Conçue en équipe de quatre.

Mission

Imaginer un réseau social qui encourage l'engagement quotidien par le défi photo — amis, titres honorifiques, modération communautaire.

Mes apports

  • Co-design des interfaces mobiles (Figma)
  • Développement d'une API REST en C# / .NET Core
  • Intégration front Angular + Ionic + Tailwind
  • Gestion de projet via YouTrack & Gitea

Stack

AngularIonicTailwindC# .NETAPI RESTYouTrackGitea
2025/Plateforme Web/Personnel

ÉtuCook — Recettes pour étudiants

Plateforme web de recettes économiques. Espace membre, favoris, recherche par régime alimentaire, calculateur IMC intégré.

Mission

Un outil simple pour consulter, ajouter et organiser ses recettes — avec des filtres alimentaires utiles au quotidien.

Stack

HTMLCSSJavaScriptPHPMySQL
2026/PWA · Design + Développement/Personnel

ÉtuWatch — Suivi de séries & films

Application web installable (PWA) pour suivre ses séries et films, savoir quand sort le prochain épisode, et recevoir une notification le jour J. Pensée hors-ligne, multi-appareils, et respectueuse de la vie privée.

Contexte

Projet personnel né de la fermeture de TVTime, que j'utilisais pour suivre mes séries — j'ai décidé de coder mon propre remplaçant plutôt que de migrer vers une autre appli. ÉtuWatch centralise les séries et films suivis, calcule l'agenda des sorties à venir et prévient au bon moment — sans app store, directement depuis le navigateur.

Fonctionnalités

  • Recherche de séries et films via l'API TMDB (affiches, saisons, dates)
  • Agenda personnel des prochains épisodes à venir
  • Notifications push le jour de sortie d'un épisode
  • Application installable (PWA) et pleinement fonctionnelle hors-ligne
  • Synchronisation entre appareils via un code de profil

Confidentialité & sécurité

  • Listes stockées en blobs chiffrés AES-256-GCM : le serveur ne peut pas les lire
  • Notifications composées sur l'appareil — le serveur ne connaît que les dates, jamais les titres
  • Authentification par jeton dérivé du code (hachage BCrypt), snapshots quotidiens conservés 30 jours

Technique

Front en JavaScript vanilla, Service Worker (stratégies de cache réseau/cache-first) et IndexedDB pour le stockage local. Back en PHP : point de synchronisation chiffré et serveur de notifications Web Push avec signature VAPID (JWT ES256) implémentée à la main. Auto-hébergé sur NAS Synology, envoi quotidien déclenché par le Planificateur de tâches DSM.

PWAService WorkerIndexedDBWeb Push / VAPIDJavaScriptPHPAPI TMDBAES-256-GCM
2025/Web App/École

Memories — Flashcards

Plateforme de mémorisation par cartes basée sur la courbe de l'oubli d'Ebbinghaus. Animation 3D, statistiques, organisation hiérarchique.

Mission

Digitaliser la fiche de révision papier. Auto-évaluation rapide Question/Réponse animée, suivi de la mémorisation dans le temps.

Stack

HTMLCSS 3DJavaScriptPHP 8 PDOMySQL
2025/Web App/École

Organis'me — Kanban & planning

Outil de productivité : Kanban drag & drop natif + planification glissante J-0 → J-5. Matrices de priorité, fichiers joints, recherche instantanée.

Stack

HTMLCSSJS / AJAXPHP 8MySQL
2025/Web App interne/Stage · DSI ENSMA

Inventaire — ENSMA

Application web complète pour la DSI de l'ISAE-ENSMA : suivi du parc matériel (ordinateurs, périphériques, réseau). Hébergée en production.

Stack

PHPMySQLHTML/CSSJavaScriptSynology NAS
2026/Web · Design + Développement/Client

Sign Paysage

Site vitrine et back-office d'administration pour Sign Paysage, entreprise de paysagisme à Périssac (33) dirigée par Nicolas Sanchez. Une vitrine au design « carnet de botaniste », et un espace admin autonome pour tout gérer sans connaissances techniques.

Mission

Concevoir, développer et déployer un site vitrine moderne mettant en valeur les réalisations (Jardins, Piscines, VRD, Clôtures) et les prestations de l'entreprise, avec demande de devis en ligne. Le tout doublé d'un back-office sécurisé permettant au gérant de gérer lui-même contenus, devis et avis, hébergé en autonomie sur NAS.

Réalisation

  • Direction artistique complète : thème éditorial « carnet de botaniste »
  • Front SPA en Angular 18 (composants standalone), servi par nginx
  • API REST en C# / .NET 9 suivant une Clean Architecture en 4 couches
  • Galerie par catégories avec lightbox et slider avant/après (souris + tactile)
  • Back-office : CRUD réalisations, CRM des devis avec historique de statut, gestion des avis, prestations et sauvegardes
  • Auth JWT + BCrypt, notifications de devis par email (MailKit / SMTP), rate-limiting
  • 3 conteneurs Docker (Angular / .NET / PostgreSQL 16), reverse proxy DSM, HTTPS Let's Encrypt
  • Sauvegardes PostgreSQL automatisées et monitoring UptimeRobot

Stack

Angular 18C# / .NET 9EF Core 9PostgreSQL 16DockernginxJWT + BCryptMailKitSerilog
2026/Web · Design + Développement/Client

Rbprog

Plateforme web pour un spécialiste de la reprogrammation moteur (ECU) : présentation des services, système de crédits par prestation, et gestion d'une bibliothèque de fichiers moteur.

Contexte

RBPROG (client : Ronan) est un site professionnel développé from scratch en PHP 8 / MySQL pour un spécialiste de la reprogrammation moteur ECU. Il remplace un ancien site WordPress qui ne permettait pas de gérer les commandes en ligne.

FileService & crédits

  • Commande de fichiers ECU en ligne : choix du stage, options (FAP, EGR, AdBlue, E85…), infos véhicule, upload du fichier
  • Système de crédits interne : achat via PayPal, débit à la commande, remboursement auto en cas d'annulation
  • Tarification par prestation (Stage 1 = 13, Stage 2 = 19, E85 = 23 crédits…)
  • Paiement réel via PayPal Live (API REST v2)

Bibliothèque ECU (option à ajouter)

  • Recherche automatique de fichiers déjà traités pour un véhicule similaire
  • Comparaison binaire par échantillonnage (200 blocs de 512 octets), seuil ≥ 85 %
  • Détection original vs modifié, proposition des upgrades disponibles + prix différentiel
  • Téléchargement sécurisé par token HMAC, débit automatique des crédits

Espace client & admin

  • Dashboard client : solde, commandes, notifications temps réel (polling)
  • Support par tickets (chat par commande avec fichiers joints)
  • Panel admin : commandes, validation des comptes, ajustement des crédits, horaires, annonces, audit log
  • ~15 scénarios de notifications email (PHPMailer + Gmail SMTP) côté client et admin

Stack & sécurité

PHP 8 sans framework (PDO), MySQL 8, front HTML/CSS/JS vanilla, Apache via DSM WebStation. Sécurité : en-têtes CSP, HSTS, X-Frame-Options, SSL Let's Encrypt, sessions durcies. Auto-hébergé sur NAS Synology et surveillé par UptimeRobot.

PHP 8MySQL 8PDOPayPal API v2PHPMailerJavaScriptApacheCSP / HSTS
2026/Web · Design + Dev/Personnel

Ce portfolio

Portfolio personnel pensé comme un objet éditorial. Direction artistique, design, intégration et auto-hébergement — tout est fait main.

Stack

HTMLCSSJavaScriptSynology NAS

Curriculum Vitae

Télécharger