Webdesign & UX/UI

Webdesign de site web qui donne envie de vous contacter

Un beau site ne suffit pas : il doit être clair, rapide et facile à utiliser. Je conçois des interfaces WordPress sur mesure, pensées pour vos visiteurs, avec un seul but : qu’ils trouvent ce qu’ils cherchent et qu’ils passent à l’action.

Webdesign de site web : une interface pensée pour vos visiteurs

Quand un visiteur arrive sur votre site, il décide en quelques secondes s’il reste ou s’il part. Il se demande trois choses : suis-je au bon endroit, est-ce sérieux, comment les contacter ? Le webdesign, c’est organiser votre site pour répondre à ces trois questions tout de suite.

Je suis développeuse WordPress depuis plus de 11 ans, et je conçois moi-même les maquettes avant de les développer. Cela change tout : je ne dessine pas des écrans impossibles à réaliser, et je ne développe pas sans avoir pensé au parcours. Le design et le code sont faits par la même personne.

Je travaille pour des artisans, des commerces, des PME, des associations et des indépendants, au Maroc et en France. Chaque secteur a ses codes : un couvreur n’a pas les mêmes besoins qu’une boutique de porcelaine ou qu’une agence immobilière. Le design part toujours de votre activité.

Ce service s’adresse à vous si vous créez un nouveau site, si vous voulez repenser l’image d’un site existant, ou si vous voulez que votre site WordPress sur mesure soit à la hauteur de votre travail.

Vous avez peut-être déjà vécu ça

  • Un site joli, mais qui ne convertit pas. Les gens le visitent, le trouvent agréable, et ne contactent personne.
  • Un site copié d’un modèle. Vos clients ont l’impression d’avoir déjà vu le même chez vos concurrents.
  • Un site illisible sur téléphone. Les textes sont petits, les boutons trop proches, le menu est impossible à utiliser.
  • Un site trop chargé. Trop de couleurs, trop de textes, trop d’animations : on ne sait plus où regarder.
  • Un design validé sans vous. Un graphiste a livré des maquettes, puis un développeur a fait autre chose.

Ces problèmes viennent rarement d’un manque de goût. Ils viennent d’un manque de méthode : on a dessiné avant de comprendre ce que le visiteur cherche. C’est exactement ce que je corrige.

Webdesign et UX/UI : quelle différence ?

Ces mots sont souvent mélangés. Voici comment je les utilise, simplement.

Le webdesign (UI)

  • L’apparence : couleurs, typographies, images, icônes.
  • La cohérence avec votre identité visuelle.
  • La hiérarchie : ce qui est mis en avant et ce qui reste discret.
  • Le style des boutons, des cartes, des formulaires.

L’expérience utilisateur (UX)

  • Le parcours : par où le visiteur arrive, où il clique, où il finit.
  • La structure du menu et des pages.
  • La clarté des messages et des boutons d’action.
  • Le confort sur téléphone, la vitesse, l’accessibilité.

Un bon site a besoin des deux. Un design magnifique avec un parcours confus fait fuir. Un parcours très clair avec un design négligé inspire peu confiance. Je travaille les deux ensemble, dès la première maquette.

Le vrai coût d’un mauvais design

Un design qui ne fonctionne pas coûte de l’argent, même s’il n’apparaît dans aucune facture.

  • Un visiteur qui ne trouve pas votre numéro ou votre bouton de devis repart sans vous contacter.
  • Un site qui paraît amateur fait douter de votre sérieux, même si votre travail est très bon.
  • Une page d’accueil qui ne dit pas clairement ce que vous faites oblige le visiteur à chercher, et il ne cherche pas longtemps.
  • Un site pensé uniquement pour ordinateur perd les visiteurs qui arrivent depuis leur téléphone.

Un bon design n’est pas une dépense de décoration. C’est ce qui transforme les visites que vous avez déjà en demandes de contact. Il vaut mieux y réfléchir une fois, bien, plutôt que de refaire le site deux fois.

Ma méthode de conception, étape par étape

  1. Comprendre votre activité. Qui sont vos clients ? Que cherchent-ils ? Qu’est-ce qui vous distingue ? Sans ces réponses, aucun design ne tient.
  2. Définir l’objectif du site. Recevoir des appels, des demandes de devis, des commandes, des réservations ? Chaque page est pensée pour une action principale.
  3. Structurer les pages. Je dessine l’arborescence et l’ordre des sections avant de choisir une seule couleur.
  4. Créer la maquette. Je propose un design sur mesure, avec vos couleurs, vos typographies et vos images, ou je vous aide à les définir.
  5. Adapter au mobile. Je conçois d’abord l’expérience sur téléphone, puis je l’étends aux écrans plus grands.
  6. Valider ensemble. Vous voyez la maquette, vous donnez vos retours, on ajuste. Rien n’est développé tant que vous n’êtes pas d’accord.
  7. Développer sur WordPress. Le design est reproduit fidèlement, avec un code propre, sans extensions inutiles.

Ce qui me rend différente d’une agence ou d’un modèle tout fait

Un design sur mesure

Pas un thème recyclé avec votre logo. Une mise en page pensée pour votre activité et vos clients.

Design et code par la même personne

Ce que je dessine, je sais le construire. Pas de mauvaise surprise entre la maquette et le site en ligne.

Le mobile d’abord

La plupart de vos visiteurs arrivent depuis leur téléphone. Je commence donc par lui.

Un site rapide

Je choisis des images légères, des polices raisonnables et un code propre. Un beau site lent reste un mauvais site.

Des textes qui aident le design

Je vous guide sur les titres et les messages, parce qu’un bon design sans bon texte ne sert à rien.

Un site que vous savez gérer

Je construis le site pour que vous puissiez modifier vos contenus sans casser la mise en page.

Comment se déroule un projet de webdesign avec moi

Phase 1 : l’échange

On parle de votre activité, de vos clients, des sites que vous aimez et de ceux que vous détestez. Vous m’expliquez ce que vous attendez du site. Cet échange est gratuit et sans engagement.

Phase 2 : la proposition

Je vous envoie une proposition claire : ce que je fais, comment, et le planning. Vous savez ce que vous recevez avant de commencer.

Phase 3 : la structure

Je dessine l’arborescence et les grandes sections de chaque page. On valide ce squelette avant de passer au graphisme.

Phase 4 : la maquette

Je crée le design de la page d’accueil et des pages principales, sur ordinateur et sur mobile. On ajuste ensemble.

Phase 5 : le développement

Je reproduis le design sur WordPress, avec un code propre, des images optimisées et des animations légères quand elles servent vraiment.

Phase 6 : les tests et la mise en ligne

Je teste sur plusieurs écrans et navigateurs, je corrige, puis je mets en ligne. Je reste disponible après le lancement pour les petits ajustements.

Ce qui est inclus dans le webdesign de votre site

  • la définition des objectifs et du parcours de vos visiteurs,
  • l’arborescence des pages et l’organisation des sections,
  • la maquette de la page d’accueil et des pages principales, sur ordinateur et sur mobile,
  • le choix des couleurs, des typographies et du style des boutons, en cohérence avec votre marque,
  • l’optimisation des images et la mise en page des galeries,
  • les boutons d’action bien placés : appel, WhatsApp, devis, réservation,
  • les bases d’accessibilité : contrastes, tailles de texte, navigation au clavier,
  • le développement fidèle de la maquette sur WordPress,
  • les tests sur plusieurs appareils avant la mise en ligne.

Vous n’avez pas encore de logo ou de charte graphique ? On peut partir de vos couleurs et de vos contenus pour poser une base simple et cohérente. Pour un site qui vend, je prévois aussi la présentation des produits et le parcours de commande, voir création de site e-commerce.

Des exemples de sites conçus et réalisés

Je ne vous montre pas des maquettes imaginaires. Voici quelques sites que j’ai conçus et développés, dans des secteurs très différents :

  • Vaislys : un catalogue de porcelaine pour les cafés, hôtels et restaurants, où l’image des produits est essentielle.
  • Realty Invest Morocco : un site d’immobilier de luxe à Marrakech, avec des annonces et un contact WhatsApp direct.
  • Speed Inter : un site de serrurerie à Massy, pensé pour l’urgence, avec l’appel direct bien visible.
  • Miroiteries : une boutique en ligne de verre et de miroirs sur mesure, avec devis et commande.

Chaque projet a demandé un design différent, parce que chaque public cherche autre chose. Vous pouvez voir d’autres exemples sur la page réalisations.

Si votre site existe déjà et que son image ne vous convient plus, une refonte de votre site WordPress peut commencer par un simple travail de design, sans tout refaire.

Après le design : visibilité et évolution

Un site bien dessiné doit aussi être trouvé. Dès la conception, je pense à la structure des pages, aux titres et à la vitesse, qui comptent pour Google. Si vous voulez aller plus loin, je peux vous accompagner sur le référencement et la performance de votre site.

Je travaille avec des clients à Tanger, Casablanca, Marrakech et en France, à distance, avec un seul interlocuteur du début à la fin.

Je ne promets pas qu’un site « beau » va automatiquement vous apporter des clients. Je promets un design pensé pour vos visiteurs, solide techniquement, et une communication claire pendant tout le projet.

Ce que comprend la prestation

01

Design sur mesure

Une mise en page propre à votre activité, pas un thème recyclé avec votre logo.

02

Mobile d’abord

L’expérience est pensée sur téléphone, puis adaptée aux grands écrans.

03

Parcours clair

Chaque page a une action principale : appeler, demander un devis, commander.

04

Identité cohérente

Couleurs, typographies et images alignées sur votre image.

05

Lisibilité et accessibilité

Contrastes, tailles de texte et navigation pensés pour tout le monde.

06

Images optimisées

Des visuels soignés, mais légers, pour garder un site rapide.

07

Design fidèle au code

Ce que je dessine est reproduit tel quel sur WordPress.

08

Facile à gérer

Une mise en page qui reste propre quand vous modifiez vos contenus.

Comment on travaille ensemble

  1. Échange

    Votre activité, vos clients, vos goûts et vos objectifs.

  2. Proposition

    Périmètre et planning annoncés avant de commencer.

  3. Structure

    Arborescence et sections validées avant le graphisme.

  4. Maquette

    Design sur ordinateur et mobile, ajusté avec vous.

  5. Développement

    Reproduction fidèle sur WordPress, code propre.

  6. Tests et mise en ligne

    Contrôle sur plusieurs appareils, puis lancement.

Quelques réalisations

Capture du site Vaislys, catalogue de porcelaine pour les chr
VaislysCatalogue de porcelaine pour les CHR
Capture du site Realty Invest Morocco, immobilier de luxe à marrakech
Realty Invest MoroccoImmobilier de luxe à Marrakech
Capture du site Speed Inter, site vitrine de serrurerie à massy (essonne)
Speed InterSite vitrine de serrurerie à Massy (Essonne)

Voir toutes les réalisations

Quelle est la différence entre webdesign et UX/UI ?

Le webdesign, ou UI, concerne l’apparence : couleurs, typographies, images, boutons. L’UX concerne le parcours : comment le visiteur navigue, où il clique, ce qu’il comprend. Un bon site a besoin des deux. Je les travaille ensemble, dès la maquette, pour qu’il soit à la fois agréable et efficace.

Combien coûte la création d’un design de site web ?

Cela dépend du nombre de pages, du niveau de personnalisation et des fonctions à prévoir. Je ne publie pas de tarif fixe : après un premier échange, je vous envoie une proposition claire, avec le prix annoncé avant de commencer. Le design est souvent compris dans la création complète du site.

Pouvez-vous créer mon design si je n’ai pas de logo ni de charte graphique ?

Oui. Je peux partir de vos couleurs, de vos photos et de vos contenus pour définir une base visuelle simple et cohérente : palette, typographies, style des boutons. Si vous souhaitez un logo complet ou une identité de marque détaillée, je vous le dis honnêtement, car ce n’est pas mon métier principal.

Le design sera-t-il unique ou basé sur un modèle ?

Je conçois une mise en page sur mesure à partir de votre activité et de vos clients. Je peux m’appuyer sur de bonnes pratiques et sur des composants éprouvés pour gagner du temps, mais le résultat n’est pas un modèle recyclé avec votre logo.

Mon site sera-t-il adapté aux téléphones ?

Oui, c’est même le point de départ. La plupart des visiteurs arrivent depuis leur téléphone, je pense donc d’abord à l’affichage mobile, puis je l’adapte aux tablettes et aux ordinateurs. Je teste sur plusieurs appareils avant la mise en ligne.

Puis-je voir la maquette avant le développement ?

Oui. Vous voyez la maquette de la page d’accueil et des pages principales, sur ordinateur et sur mobile, et vous donnez vos retours. On ajuste jusqu’à ce que vous soyez d’accord. Je ne développe rien tant que le design ne vous convient pas.

Combien de modifications de la maquette sont possibles ?

Je ne fixe pas un nombre arbitraire. Le cadre est défini dans la proposition, avec des allers-retours raisonnables pour affiner le design. Une bonne préparation au départ réduit les changements en cours de route.

Le design ralentit-il mon site ?

Pas si on le conçoit bien. Je choisis des images légères, un nombre raisonnable de polices et des animations utiles seulement. Un site rapide fait partie d’un bon design, car un visiteur qui attend trop longtemps repart.

Pouvez-vous refaire seulement le design de mon site actuel ?

Oui, c’est possible quand la structure et les contenus sont bons. Je refais alors l’interface et l’affichage mobile sans tout reconstruire. Je regarde d’abord votre site pour vous dire si c’est suffisant ou si une refonte plus complète est préférable.

Est-ce que le design aide le référencement ?

Indirectement, oui. Une structure claire, des titres bien organisés, un affichage rapide et agréable sur mobile aident Google et vos visiteurs. Le design ne remplace pas un travail de référencement, mais il en fournit une bonne base.

Concevez-vous des sites en plusieurs langues, y compris en arabe ?

Oui. Je crée des sites en français, en anglais et en arabe, avec les adaptations nécessaires, notamment l’affichage de droite à gauche pour l’arabe. Le design est pensé pour que chaque langue reste lisible et cohérente.

Vous avez un projet en tête ? Parlons-en.

Expliquez-moi votre projet, vos besoins et vos objectifs. Je vous répondrai personnellement.

Écrire sur WhatsApp

Gratuit et sans engagement. Vos données servent uniquement à vous répondre (confidentialité).

Merci, votre message est bien arrivé. Je vous réponds personnellement très vite.
WhatsApp