Léa Julien Intérieurs — Présentation Web

Présentation · Confidentiel · Avril 2026

Léa JulienIntérieurs

Site web & charte graphique

Présentation complète du site vitrine — architecture visuelle, palette 3 couleurs, composants UI et pages principales.

Léa Julien

Intérieurs

Design d'intérieur & mobilier · Bordeaux

Palette de couleurs

Ciel — Primaire

#91C8E4 · Accent principal

Bleu profond

#3A8FC4 · Hover & liens

Noir chaud

#1C1A18 · Structure

Sable

#E8E5E0 · Fond principal

Ciel pâle

#E6F4FB · Tint léger

Typographie

Titres — Playfair Display

Design
d'intérieur

Corps — Inter

Passionnée par le design de mobilier depuis 2016, je travaille avec des fabricants et des particuliers qui cherchent une vision créative et sur mesure.

Composants UI

Boutons

Me contacter Voir les projets

Badges & étiquettes

Mobilier Intérieur Collaboration

Séparateur accent

Section heading

Citation client

« Un résultat sur mesure, à l'image de notre projet. »

— Mme L.

Vue principale

Page d'accueil

Design éditorial premium avec hero immersif, section expertise marquee animée et présentation de la démarche créative.

leaint.latelierdezac.fr

Navigation fixe translucide
Header premium avec effet glassmorphism au scroll, icônes Instagram & LinkedIn.

Hero immersif
Image de référence en plein écran, statistiques clés (10 ans, +750 créations), CTA double action.

Typographie éditoriale
Playfair Display 900 pour les titres, italique terracotta pour les accents & mise en valeur.

Sections signatures

Expertise & Parcours

Deux sections qui incarnent l'identité créative et la singularité du parcours de Léa Julien.

Section Expertise — Marquee animé

Fond sombre #1A1714. Deux rubans de tags défilant en sens opposés (42s / 50s). Tags en 4 styles : outline blanc, filled orange, crème, ghost ✦. Animation pause au hover.

Section Histoire & Missions — Layout éditorial

Layout 2 colonnes premium : image portrait 4/5 à gauche avec badge flottant orange « 10 ans d'expérience ». Texte éditorial avec séparateur accent et CTA textuel élégant.

Galerie projets

leaint.latelierdezac.fr/projets.html

Conseils & Contact

Pages secondaires

Blog éditorial avec articles de conseil en design, et page de contact avec formulaire qualifié.

leaint.latelierdezac.fr/conseils.html

Blog Conseils

Articles de conseil en design d'intérieur, organisation et tendances. Grille éditoriale avec mise en avant du premier article. Sous-pages individuelles articles.

leaint.latelierdezac.fr/contact.html

Formulaire de contact

Formulaire de prise de contact avec sélection du type de projet (particulier / professionnel), champs qualifiés et informations de contact directes.

Responsive design

Mobile first

Design 100% responsive pensé pour l'expérience mobile. Navigation hamburger, grilles adaptatives, marquee performant sur tous les écrans.

Points d'adaptation mobile

✓

Navigation hamburger
Menu déroulant sur mobile, liens sociaux intégrés.

✓

Hero responsive
Image recadrée, texte lisible, boutons empilés.

✓

Marquee adaptatif
Tags réduits (0.78rem), padding compact sous 480px.

✓

Grille Histoire/Missions
Passage automatique à 1 colonne sous 768px, image en format 3/2.

✓

Stats 2×2
4 statistiques en grille 2 colonnes sur mobile (flex wrap).

✓

Footer 1 colonne
4 colonnes desktop → 1 colonne mobile avec espacement adapté.

Breakpoints

                ≤ 1024px → Grille 2 colonnes projets

                ≤ 768px → Navigation hamburger + layout 1 col

                ≤ 560px → Stats hero 2×2

                ≤ 480px → Marquee compact

Récapitulatif technique

Architecture & livraison

Site statique haute performance, hébergé en Suisse, déployé automatiquement, conforme aux standards modernes d'accessibilité et de sécurité.

🏗

Stack technique

HTML5 sémantique
CSS3 natif — Variables CSS, Grid, Flexbox
JavaScript vanilla — pas de framework
Animations CSS keyframes
Font Awesome (icônes brands)

🚀

Déploiement & hébergement

Hébergeur : Infomaniak (Suisse 🇨🇭)
CD/CI : GitHub Actions automatique
Domaine : leaint.latelierdezac.fr
HTTPS forcé — certificat SSL
100% énergies renouvelables

♿

Accessibilité

RGAA / WCAG 2.1 Level AA
Skip-to-content link
Focus visible sur tous les éléments
Alt text sur toutes les images
Contraste texte ≥ 4.5:1

🔒

Sécurité

Content Security Policy (CSP)
Referrer Policy strict
Liens externes rel="noopener noreferrer"
Pas de données collectées sans consentement
0 cookie traceur

Pages livrées

🏠

Accueil

index.html

📁

Projets

+ 4 fiches projets

📝

Conseils

+ 4 articles

✉️

Contact

Mentions légales

L'Atelier de Zac

Zacharie Rousselon · contact@latelierdezac.fr · latelierdezac.fr

Réalisé avec soin