Site Vitrine - Projet personnel fictif

Projet COLORS OF BEAUTY

J’ai imaginé un duo de make-up artists qui unissent leurs talents pour une agence de maquillage artistique. Le site met en scène leur univers : palette “Berry Blues” imposée, fonds fixes façon plateau de maquillage et un portfolio qui raconte la couleur. Desktop : effets visuels mesurés et menu au survol. Mobile : même contenu, hamburger et ordre des images repensé pour une lecture fluide.

Aperçu du Projet

Client

Deux personnages complémentaires — couleurs, textures, créativité — réunis sous Colors of Beauty. Une signature : des looks forts, maîtrisés, où le teint, le regard et la matière composent une image cohérente.

Objectifs

Montrer l’univers chromatique et la qualité d’exécution sans perdre le visiteur : un portfolio lisible, des repères clairs (prestations, contact) et un récit visuel qui donne envie de demander un devis ou de réserver.

Contraintes & partis pris

Palette unique “Berry Blues”, background fixe plein écran (palette maquillage), grid CSS pour le portfolio (avec ordre mobile différent), menu dynamique au survol (desktop) et hamburger (mobile), formulaire de contact en bas de page. Lignes fines, mouvements discrets, contrastes soignés.

Défi & Solution

Le Défi

Créer une identité forte avec une palette restreinte, éviter l’effet monochrome et garder une lecture impeccable quand les visuels sont très colorés, tout en réordonnant le portfolio sur mobile sans casser le sens.

  • Palette imposée → risque de redondance ou de faible contraste.
  • Background fixe + photos riches → lisibilité des titres à préserver.
  • Grid dense → trouver un rythme (respiration, tailles, marges).
  • Ordre mobile différent → conserver la narration du portfolio.
  • Menu dual (survol / hamburger) → cohérence des libellés et accès rapide.
  • Formulaire en bas → rappeler l’action sans brusquer..

La Solution

Travailler la palette en nuances (clairs/sombres) et matières (aplats, légers dégradés), poser des voiles pour les textes, et orchestrer le grid comme un storyboard : gros plans, respirations, enchaînements.

  • Teintes Berry Blues déclinées (fonds, boutons, overlays) + contrastes AA/AAA.
  • Voiles et masks pour que les titres restent lisibles sur images.
  • Grid CSS en pleine largeur, modules récurrents pour le rythme.
  • Réordonnancement mobile : d’abord les looks “héros”, puis les détails.
  • Menu : survol doux (desktop) / hamburger clair (mobile), mêmes entrées.
  • Formulaire : court, friction basse, appel discret depuis le portfolio.

Aperçu Visuel

Section d'accueil

Section ACCUEIL

Illustration des services proposés

Section des services

Section SERVICES

Présentation des services

Section portfolio

Section PORTFOLIO

Aperçu de quelques photos

Section A Propos

Section A PROPOS

Présentation des personnages fictifs

Découvrir le Site

Une one-page où la palette « Berry Blues » raconte la couleur : on entre par le HERO, on glisse vers les prestations, on feuillette le portfolio, on conclut au formulaire — avec un menu au survol sur desktop et un hamburger en mobile.