EN

Disponible pour de nouveaux projets

nezz, Développeur web freelance et designer à Rabat, Maroc. Je le dessine.Puis je le construis.

nezz est développeur web et designer indépendant, basé à Rabat, au Maroc. Sites d’entreprise sur mesure, applications web full-stack et expériences numériques en React et Next.js, du premier croquis au dernier commit.

alors, qui se cache derrière tout ça ?

Salut, moi c’est nezz.

Un développeur qui dessine, et un designer qui livre.

Je travaille des deux côtés d’un produit. Je décide de ce qu’il doit faire et de ce qu’on doit ressentir en l’utilisant, puis je le développe jusqu’à ce qu’il soit rapide, accessible et facile à maintenir.

Comme la même personne porte l’idée du premier croquis au dernier commit, rien ne se perd entre deux équipes, et les détails tiennent jusqu’au navigateur.

  • Des sites en français, anglais et arabe
  • Design et code, les mêmes mains
  • En ce moment : motion design et applications avec IA
on dessine
puis on construit
n, mon acolyte

Ma méthode

  1. 1

    Comprendre

    Ce dont l’entreprise a besoin, qui va l’utiliser et à quoi ressemble la réussite.

  2. 2

    Esquisser

    D’abord des idées brutes, puis un système : typographie, couleurs, espacements et mouvement.

  3. 3

    Construire

    Un code typé et maintenable en React et Next.js, avec un backend quand le produit en a besoin.

  4. 4

    Peaufiner

    Performances, accessibilité et les petites interactions qu’on ressent sans les remarquer.

Site de fleuriste

Catégorie
Vitrine pour un fleuriste
Lieu
Maroc
Année
2026
Statut
En ligne

Le défi

La boutique prend ses commandes via une appli de livraison dans sa ville et sur WhatsApp partout au Maroc. Il lui fallait un site qui présente les bouquets avec le même soin que celui qu’on met à les composer, puis qui dirige chaque visiteur vers le bon endroit pour commander.

L’approche

Une vitrine douce et éditoriale, construite autour des propres photos de la boutique, en HTML sémantique, CSS et un peu de JavaScript. Un script Python détoure chaque bouquet pour des compositions en couches, et le parallaxe repose sur des animations CSS liées au défilement plutôt que sur une boucle JavaScript.

Le résultat

Le site est en ligne. PageSpeed Insights lui donne 100 en performances, accessibilité, bonnes pratiques et SEO sur ordinateur, et 97 en performances sur mobile.

Accueil du fleuriste : un bouquet de lys et de roses à côté du titre « Des fleurs pour chaque moment précieux. »
Galerie des créations.
Section commande.
Page d’accueil sur téléphone.
Créations sur téléphone.
les prix suivent l’appli de livraison
détourés en Python

PageSpeed Insights, ordinateur

100Performances
100Accessibilité
100Bonnes pratiques
100SEO

Agence immobilière

Catégorie
Site d’agence et back-office
Lieu
Maroc
Année
2026
Statut
En développement

Le défi

Une agence qui vend et loue des villas, des riads et des appartements au Maroc voulait que chaque bien soit présenté comme un article de magazine, avec un back-office assez simple pour publier annonces, photos et visites filmées sans aide.

L’approche

Un site éditorial en français : chapitres numérotés, photos pleine largeur légendées et une grille de biens asymétrique, avec des animations GSAP sur Lenis. Derrière, un back-office protégé sur SQLite pour les annonces, l’envoi de photos, les visites vidéo verticales et les demandes.

Le résultat

Le site et le back-office sont construits et remplis avec neuf annonces de démonstration. Il reste les photos de l’agence, ses vraies annonces et les notifications par e-mail avant le lancement.

Page d’accueil : une villa au crépuscule, en pleine page.
Biens à la une dans une grille asymétrique.
Fiche d’un bien avec chiffres clés et photo de paysage.
Une fiche de bien sur téléphone.
légendé comme un magazine
visites filmées, en 9:16

Boutique de pépinière

Catégorie
Concept de refonte e-commerce
Lieu
Maroc
Année
2026
Statut
Concept

Le défi

La pépinière cultive ses propres plantes, et conçoit, plante et entretient des jardins. Son ancien site est hors ligne : la refonte devait donc commencer par de la recherche, sur ce que l’entreprise dit vraiment d’elle-même et sur la façon dont un site pourrait vendre ses plantes et expliquer son travail au jardin.

L’approche

D’abord la recherche : chaque affirmation remonte aux propres mots de l’entreprise, et tout ce qui n’est pas vérifié reste hors de la page. Ensuite une boutique éditoriale en français, avec des photos en arche, Zodiak et Switzer, et des animations dirigées avec GSAP : catalogue, fiches produits, index botanique et paiement simulé.

Le résultat

Un prototype complet à présenter au propriétaire, avec toutes les informations de l’entreprise dans un seul fichier, et les photos libres comme la liste de réalisations vide clairement signalées comme provisoires.

Accueil de la pépinière : « Nous plantons ce que nous cultivons. » sur la canopée.
La fiche produit de l’anthurium sur téléphone.
chaque affirmation a sa source

Ce que je fais

Six domaines que je couvre, pour qu’un projet ne change jamais de mains en cours de route.

survolez-les
  • Développement frontend

    Des interfaces rapides, accessibles et faites pour durer : HTML sémantique, React typé et un CSS qui respecte le design.

    • HTML
    • CSS
    • JavaScript
    • TypeScript
    • React
    • Next.js
    • Tailwind CSS

    vu dansSite de fleuriste, Agence immobilière, Boutique de pépinière, Ce site

  • Développement backend

    Ce que personne ne voit : modèles de données, authentification, validation et la logique serveur qui garde tout cohérent.

    • Node.js
    • Python
    • Prisma
    • SQLite

    vu dansAgence immobilière, Site de fleuriste

  • Design d’interface et d’expérience

    Parcours, mises en page et systèmes typographiques conçus avant la première ligne de code, puis affinés pendant qu’on l’écrit.

    • Figma
    • Design UI/UX
    • Design d’interface

    vu dansSite de fleuriste, Agence immobilière, Boutique de pépinière

  • Identité de marque

    Logos, couleurs et typographies qui donnent sa propre voix à une entreprise, et les règles qui la gardent cohérente partout.

    • Design visuel
    • Figma

    vu dansCe site

  • Développement créatif

    Du mouvement, de la 3D et des interactions qui rendent une interface vivante sans la ralentir.

    • GSAP
    • Three.js
    • Animation CSS

    vu dansCe site, Boutique de pépinière, Agence immobilière, Site de fleuriste

  • Produits numériques

    Voir au-delà de l’écran : quoi construire en premier, comment le produit grandit et comment les gens vont vraiment l’utiliser.

    • Réflexion produit
    • Prototypage

    vu dansAgence immobilière, Boutique de pépinière

Un projet qui mérite d’être construit ?

Parlez-moi de votre site, de votre application web ou de votre idée, pour une entreprise, une startup ou un poste. Quelques lignes suffisent.

À préciser si possible : votre besoin, un délai et un budget approximatifs, et des liens ou références.

contact@nezz.website