Aller au contenu
Ayoub
Retour aux services

Sites web et landing pages

La façade publique de votre activité, rapide à charger et facile à trouver.

Le site qu’on ouvre avant de décider de vous faire confiance. Je pose la structure, je bâtis les pages, je vérifie que les moteurs de recherche et les téléphones le lisent bien.

En quoi cela consiste

Un site, c’est la première chose que la plupart des gens regardent avant de vous contacter. Il n’a qu’un but : rendre l’étape suivante évidente.

Le design est la partie visible. Le plus dur est dessous. Les pages doivent s’ouvrir vite sur un téléphone lent. Les moteurs de recherche veulent une structure propre et de vraies métadonnées. Les textes, c’est vous qui les changez, pas moi, à chaque fois. Les formulaires doivent atteindre votre boîte et résister au spam. Deux langues, c’est deux sens de lecture, et une mise en page qui tient dans les deux.

Je construis les sites avec Next.js et Tailwind, et je génère les pages sur le serveur pour qu’elles arrivent complètes. Si vous voulez changer le contenu vous-même, j’ajoute un tableau de bord. S’il faut des réservations, des paiements ou un blog, c’est intégré au site, pas collé dessus.

Ce que vous obtenez

  • Le plan des pages et le texte prévu pour chacune, validés avant de construire
  • Le site fini, qui marche sur téléphone, tablette et ordinateur
  • Un tableau de bord pour le contenu que vous comptez changer
  • Les bases du référencement : titres, descriptions, sitemap, données structurées
  • Un formulaire de contact qui marche, avec anti-spam et envoi par e-mail
  • Le déploiement, le domaine en place et le code dans votre dépôt

Exemples de ce type

  • Un site d’entreprise avec services, tarifs et page de contact
  • Une seule landing page pour un produit ou une campagne
  • Un site de restaurant ou de clinique : horaires, menu, réservation
  • Un portfolio ou site d’agence racontant ses projets
  • Un blog ou une doc que l’équipe met à jour chaque semaine
Comment je les bâtis

Les six mêmes étapes, formulées dans le langage de ce type de produit.

Vous me racontez l’idée

Une seule conversation, en général une trentaine de minutes.

On parle jusqu’à ce que je vous redise votre idée comme vous la pensez.

On commence par une conversation, en français, en arabe ou en anglais. Vous décrivez l’idée avec vos mots à vous. Je pose des questions : pour qui c’est, comment ces gens font aujourd’hui, ce que vous voulez qu’il se passe. Je note ce que j’ai entendu et je vous l’envoie à corriger.

Ce que vous avez à la finUn brief écrit de l’idée : objectif, utilisateur, hypothèses, ce que veut dire réussir.

Vous voyez ce qui manque

Quelques jours, parfois une semaine.

Je cherche ce qui existe déjà, et où ça coince pour ceux qui s’en servent.

Je passe en revue les produits dont vos utilisateurs se servent déjà, gratuits et payants. Je lis ce dont les gens se plaignent dans les avis, les forums et les fils de support. Je regarde comment les concurrents facturent. Puis je note les manques réels, et ceux qu’il vaut mieux laisser.

Ce que vous avez à la finUn rapport sur le marché et les concurrents : manques classés, liens vers les preuves.

Vous voyez les vrais écrans

Souvent une ou deux semaines.

On décide ce que sera le produit, et vous le voyez avant qu’il existe.

Je transforme ces manques en un produit que vous pouvez voir. D’abord la forme : ce qu’il fait, qui se connecte, à quoi sert chaque écran. Puis des écrans cliquables à ouvrir sur votre téléphone. Vous les utilisez, vous me dites ce qui cloche, je corrige avant la moindre ligne de code.

Ce que vous avez à la finUn prototype cliquable des écrans clés, et la liste validée des fonctionnalités.

Vous validez le plan

Souvent quelques jours.

Je découpe la construction en phases, chacune avec son périmètre et son prix.

Tout construire d’un seul bloc, c’est là que les projets déraillent. Alors je découpe en phases. Chaque phase a son périmètre, son prix et son résultat qui marche. Vous validez chaque phase avant qu’elle commence. Je ne vous demande jamais de vous engager sur tout le projet d’un coup.

Ce que vous avez à la finUn plan des phases, par écrit : périmètre, prix et résultat de chacune.

Vous suivez la construction

La plus longue étape. Des semaines à des mois selon le périmètre.

Le produit se construit dans l’ordre, et vous le voyez marcher chaque semaine.

Je construis phase par phase, en commençant par la partie la plus risquée. Chaque semaine, un vrai lien que vous ouvrez et utilisez. Rien n’est caché jusqu’au bout. Si quelque chose prend plus de temps que je l’avais dit, vous l’apprenez par moi, et en premier.

Ce que vous avez à la finUn produit qui marche, en ligne, mis à jour chaque semaine, avec le code dans un dépôt à vous.

Vous lancez, et je reste

Le lancement prend des jours. Ensuite, ça continue.

Le produit est lancé, et je reste jusqu’à ce qu’il tourne vraiment bien.

Le lancement est une étape, pas l’arrivée. Je bascule le produit sur votre domaine et vos comptes, j’observe les premiers vrais utilisateurs, je corrige ce qui les bloque. Puis je vous remets de quoi le faire tourner. Si vous voulez, je reste.

Ce que vous avez à la finLe produit en ligne sur votre domaine, les comptes, le code et un court guide de reprise.

Voir les six étapes en détail
Ce que j’ai bâti ainsi

Ces projets, écrits comme des histoires.

En ligne2025

Firmen Law

Cabinet d’avocats à Dubaï : deux langues, consultation à réserver, blog juridique.

Next.js · React · TypeScript · Tailwind CSS · shadcn/ui · Radix UI

Voir les écrans
En ligne2025

Diraya

Un cabinet de Rabat : un site écrit en arabe et en anglais, jamais traduit.

Next.js · React · TypeScript · Tailwind CSS · shadcn/ui · Radix UI

Voir les écrans
En ligne2025

Nakhil

Un restaurant-café à Meknès : un site bâti sur la carte et la réservation de table.

Next.js · TypeScript · Tailwind CSS · shadcn/ui · Framer Motion · Vercel

Voir les écrans
Toutes les réalisations
Ce que je bâtis

C’est ce qu’il vous faut ?

Si vous ne savez pas de quel type relève votre idée, c’est une question normale, et une bonne raison d’en parler.