03 · Site de studio · Version précédente · 2023

YWdesign v1 — votre partenaire digital.

Le premier site du studio YWdesign : des panneaux en verre dépoli flottant sur un dégradé bleu-turquoise mouvant, une grille de services, une feuille de route entièrement transparente et un tunnel de devis. Pensé pour qu’un studio d’une personne inspire la confiance d’un vrai partenaire.

Rôle
Marque, design & développement
Année
2023
Secteur
Studio web · Freelance
Stack
Next.jsTailwind CSSSanityFramer Motion
Accueil de YWdesign v1 — « Your Digital Partner » sur un dégradé bleu-turquoise avec une navigation en verre
// Le brief

Faire d’un studio d’une personne un vrai partenaire.

Qui engage un freelance s’inquiète d’une chose : ce qui se passe après la mise en ligne. Le site devait y répondre avant même la question — des services clairs, un processus visible et une ligne directe vers une vraie personne.

Le style portait le message : du verre léger, en couches, sur un dégradé vivant. Rien de lourd, tout reste lisible, et chaque panneau devient une petite fenêtre sur la marque.

[ glass_system ]
Des panneaux dépolis, une seule recette

Du blanc à 10 % d’opacité, un flou d’arrière-plan, une bordure fine et une ombre douce — la même recette Tailwind pour la navigation, les cartes, le pied de page et les boutons.

[ feature_icons ]
Six promesses, six icônes

Responsive, animations, performances, UX/UI, CMS et référencement — chacune avec son icône sur mesure et une promesse en deux lignes.

[ roadmap ]
Un processus visible

De la définition du projet à la maintenance, chaque étape est dessinée pour que le prix et le calendrier ne surprennent jamais.

[ i18n ]
EN · FR

Un routage et des textes bilingues pour des clients en Belgique, en France et en Suisse.

// Réalisation phare

Ce qui fait un meilleur site web

La grille de fonctionnalités de l’ancienne page services, reconstruite en CSS pur : des cartes dépolies sur un dégradé mouvant, des colonnes décalées, un léger soulèvement et une bordure qui pulse au survol. Désactivez le verre pour voir ce que fait le flou.

components/FeatureCard.jsxsurvoler · activer le verre
  • Responsive

    Une belle mise en page sur toutes les tailles d’écran.

  • Animations

    Des interactions dynamiques qui donnent vie à votre site web.

  • Performances

    Racontez votre histoire avec des technologies rapides.

  • Axé sur l’UX/UI

    Les utilisateurs apprécient un design léger et facile à utiliser.

  • CMS

    Gérez vous-même le contenu de votre site web.

  • Référencement

    Atteignez de nouveaux clients de manière organique.

// Comment ça convertit

La transparence comme argument

La page de la méthode fait la vente : chaque étape, du premier rendez-vous à la livraison, est exposée — la demande de devis devient l’étape naturelle suivante.

01 / définition & contrat

Portée, calendrier, budget

Le premier rendez-vous fixe les objectifs et les ressources ; une proposition de contrat suit avant tout travail.

02 / idéation & itération

Deux tours, puis le code

Valeurs, image de marque et préférences deviennent des idées, puis deux itérations sur la structure et le design avant validation.

03 / livraison & maintenance

Tout le code vous appartient

Le produit fini est livré dans son intégralité, avec un plan de maintenance pour le garder en bonne santé.

“
Une pomme par jour éloigne le médecin. Un plan de maintenance est essentiel à la santé de votre produit.
// YWdesign v1 — la feuille de route, dernière étape
// Galerie

À travers le site