Sites et applications à la direction
artistique
soignée, au code
propre
pensés pour
convertir.
· plan de l'exposition
Plan des salles
Pour les cabinets, commerces et indépendants qui ont besoin
d'une vraie devanture, ou d'en refaire une. Tout se mène à
distance, du brief à la mise en ligne.
Salle 01 · Vitrine
Site vitrine premium
Une devanture, pas un dépliant : direction artistique
affirmée, chargement instantané, un chemin clair jusqu'au
contact.
Médium
Direction artistique, responsive complet, SEO technique
Livraison
Mise en ligne incluse
Périmètre
Jusqu'à 5 pages · 2 séries de retours
Délai
3 à 4 semaines
Salle 02 · Refonte
Refonte UI/UX
Un audit honnête avant tout changement : ce qui freine vos
utilisateurs, ce qui mérite d'être gardé, ce qui doit
disparaître.
Médium
Audit complet, nouvelle direction artistique, design system
Livraison
Tests utilisateurs
Périmètre
Audit, nouvelle DA, jusqu'à 8 pages
Délai
4 à 6 semaines
Salle 03 · Lancement
Mise en ligne & optimisation
Le lancement n'est pas la ligne d'arrivée : vitesse, SEO
technique, les détails qu'on ne voit qu'en les cherchant.
Médium
Hébergement premium, suivi analytics, mises à jour
Livraison
Support continu
Périmètre
Mise en ligne, mesure, suivi 1 mois
Délai
1 semaine
Salle 04 · Appli web
Application web
Des interfaces qu'on utilise tous les jours sans y penser :
architecture claire, données en temps réel, rien de
superflu.
Médium
Architecture composants, tableaux de bord, données en temps réel
Livraison
Authentification comprise
Périmètre
Périmètre défini au cadrage
Délai
Sur devis
Salle 05 · Mobile
Application mobile
Une app se juge au premier geste : un parcours qu'on
comprend sans notice, pensé pour l'usage réel, une main
occupée.
Médium
iOS & Android, notifications, mode hors-ligne
Livraison
Publication sur les stores
Périmètre
Périmètre défini au cadrage
Délai
Sur devis
06 · salle à définir
Une salle à ajouter ?
Décrivez-moi le problème que vous essayez de résoudre : le
site, l'appli ou l'interface viendront après.
Le périmètre est écrit avant de commencer.
La direction artistique est validée avant la
moindre ligne de code.
Paiement échelonné, jamais tout d'avance.
Un délai ferme, annoncé au devis.
Le code, le domaine et l'hébergement sont à votre
nom.
Vous pouvez partir avec, à tout moment.
RENAULT JérémieChief Marketing Officer — Notifyjrenault@notify-group.com
À qui de droit,
Je suis ravi de rédiger cette lettre de recommandation pour
Badr Khazzani, qui a été un stagiaire webdesigner au cœur du
service marketing de Notify. En tant que son manager direct,
je peux témoigner de ses compétences techniques et créatives.
Badr s'est révélé être un collaborateur très polyvalent dans
la prise en charge des briefs, sur les territoires web ou
digitaux. Sa capacité à comprendre rapidement les besoins du
projet, à traduire les concepts en designs inspirés et à les
exécuter avec précision ont permis de l'intégrer rapidement à
l'équipe tout en le laissant autonome sur de nombreux
dossiers. Son apport dans les phases de conception et de
production a grandement contribué à la qualité et à la
cohérence visuelle de nos productions, notamment refonte
globale de notre site web, et différentes activations avec
des CRM automations.
Badr fait aussi preuve d'une bonne direction
artistique. Que ce soit pour des projets applicatifs
nécessitant une approche très brandée ou pour des créations
totalement originales, il a démontré sa capacité à
apporter une vision artistique pertinente et innovante. Ses
appétences UX et UI ont également permis d'amorcer avec
succès ces sujets et d'aboutir le nouveau site avec
respect du calendrier et beaucoup de satisfaction.
Badr possède des qualités comportementales qui font de lui un
membre d'équipe actif et enthousiaste.
Je recommande vivement Badr Khazzani pour toute opportunité
professionnelle dans le domaine du webdesign. Et reste à
l'écoute si besoin d'échanger davantage.
Cordialement, Jérémie Renault
· le portrait
Pas d'agence, pas d'intermédiaire :
un seul interlocuteur, du premier
croquis à la mise en ligne.
Je ne sépare pas le design du développement. Chaque décision visuelle est pensée avec la technique en tête, et chaque ligne de code sert l'expérience utilisateur. C'est cette approche qui me permet de créer des sites à la fois élégants, rapides et durables.
Ce portfolio est entièrement réalisé par mes soins, du design au développement. Il représente le niveau de qualité que je souhaite apporter aux projets sur lesquels je travaille.
Être seul a une contrepartie : je ne prends que quelques projets à la fois. Je préfère l'annoncer avant de commencer plutôt qu'en cours de route — et si je ne suis pas le bon interlocuteur pour votre besoin, je le dis dès le premier échange.
Direction artistique & développement, de bout en bout
Non. NoctalyStudio est le studio de Badr Khazzani, designer et développeur indépendant. Un seul interlocuteur du premier croquis à la mise en ligne : ni chef de projet intermédiaire, ni sous-traitance. Vous parlez directement à la personne qui dessine les écrans et qui écrit le code.
02Combien de temps faut-il pour créer un site ?
Un site vitrine jusqu'à cinq pages demande 3 à 4 semaines, deux séries de retours comprises. Une refonte UI/UX complète — audit, nouvelle direction artistique, jusqu'à huit pages — demande 4 à 6 semaines. Une mise en ligne seule tient en une semaine. Les applications web et mobiles sont chiffrées après cadrage.
03Combien coûte un projet, et comment se passe le paiement ?
Le prix dépend du périmètre, et le périmètre est écrit avant de commencer : c'est ce qui permet d'annoncer un délai ferme au devis plutôt qu'une fourchette qui glisse en cours de route. Le paiement est échelonné, jamais tout d'avance. Et le code, le domaine et l'hébergement sont à votre nom : vous pouvez partir avec, à tout moment.
04Faut-il être à Angoulême pour travailler avec vous ?
Non. Le studio est établi à Angoulême et intervient à Paris comme partout en France, en distanciel. Les échanges se font en visio et par écrit, du brief à la recette. Aucun projet ne demande d'être sur place : la distance n'a jamais été le sujet.
05Quels types de projets réalisez-vous ?
Cinq : site vitrine premium, refonte UI/UX, mise en ligne et optimisation, application web, application mobile. Côté technique, cela couvre le front-end sur mesure, l'intégration UI/UX, les CMS et l'e-commerce, le back-end et les données, l'automatisation.
06Le site est-il codé sur mesure ou monté sur un CMS ?
Les deux existent, et le choix se décide au cadrage, pas d'avance. Le sur mesure donne la main sur chaque détail et sur la performance ; un CMS donne l'autonomie éditoriale. Le critère est simple : qui va faire vivre le site après la livraison.
07Comment se déroule un projet ?
En six temps : analyse — comprendre avant de coder —, UX et stratégie, webdesign où chaque écran passe par Figma avant le code, développement, optimisation, puis livraison. Rien ne passe à l'étape suivante tant que la précédente n'est pas validée.
08Le site sera-t-il rapide et bien référencé ?
Performance et SEO technique font partie de la livraison, pas d'une option : Lighthouse, Core Web Vitals et balisage vérifiés avant de dire que c'est fini. Ce site en est la démonstration — polices et librairies auto-hébergées, images en AVIF, aucune dépendance tierce bloquante.
09Que se passe-t-il après la mise en ligne ?
Le lancement n'est pas la sortie. Je reste joignable pour les questions qui arrivent une fois le site vraiment utilisé, souvent les plus utiles. La prestation « Mise en ligne et optimisation » couvre l'hébergement, le suivi analytics, les mises à jour et un mois de suivi.
10Comment vous contacter, et sous quel délai ?
Par un appel réservé directement dans l'agenda, ou par email. Réponse sous 24 heures. Le plus utile pour un premier échange : ce que fait votre structure, ce qui bloque aujourd'hui, et la date à laquelle vous aimeriez que ce soit en ligne.
· ma méthode
Du brief au lancement
De la première question au jour où le site tourne sans
moi.
Analyse
Comprendre avant de coder
Avant la première ligne de code, je pose les questions
qui comptent : qui visite ce site, pourquoi il repart
sans agir, ce que le projet doit vraiment corriger.
BriefAuditObjectifs
UX & Stratégie
Chaque section sert un objectif
Si une section n'aide pas à décider ou à agir, elle
sort de la page. Le parcours se construit à rebours,
depuis l'action qu'on veut déclencher.
UXParcoursConversion
Webdesign
Une interface qui donne envie de rester
Chaque écran passe par Figma avant le code :
typographie, espacements, hiérarchie, tout est décidé à
l'œil avant d'être décidé au clavier.
Direction artistiqueFigmaResponsive
Développement
Du code qu'on peut relire dans un an
HTML, CSS et JavaScript écrits pour être repris plus
tard, par vous ou par moi. Les animations servent le
propos, jamais l'inverse.
HTML / CSS / JSAnimationsResponsive
Optimisation
Rapide, trouvable, mesuré
Un site rapide se voit dans les chiffres, pas seulement
à l'œil : Lighthouse, Core Web Vitals, balisage propre,
vérifiés avant de dire que c'est fini.
PerformanceSEOAccessibilité
Livraison
Le lancement n'est pas la sortie
Je reste joignable pour les questions qui arrivent une
fois le site vraiment utilisé, souvent les plus
utiles.
Mise en ligneAjustementsPrêt à convertir
Scroll
cliquez une sphère
Nouvelle
mission
Construisonsensemble
Un site, une interface ou une expérience à lancer ?
Envoyez-moi le brief, je vous réponds vite.
