Votre signature visuelle, sans agence
Design system complet dérivé de vos couleurs de marque, 18 styles visuels, 25 composants, et responsive natif.
Du CMS au rendu final : 3 couches pour construire des sites uniques
Lugor répond au besoin de créer des sites tout en résolvant l'équation du respect de l'identité de marque, du design, de la simplicité d'utilisation et de la flexibilité sans avoir à maîtriser le développement.
3 couches complémentaires permettent de réaliser cette promesse et de piloter l'apparence de votre site :
- Le design system : votre charte graphique est déclinée à tous les éléments du site pour produire tout le rendu final. Les effets, les dégradés, les micro-interactions, etc. s'adaptent.
- Les composants : les composants sont des blocs abstraits qui structurent de votre page (ex : hero, bannière, grille, header, élément à onglets) et qui se déclinent en variants dont la structure change pour mettre en avant votre contenu.
- Les styles visuels : 18 styles visuels (clairs, sombres, texturés, colorés) dérivés de votre charte graphique s'appliquent aux composants pour créer des sites magnifiques.
Ainsi ces 25 composants permettent d'obtenir plus de 400 éléments distincts depuis votre charte graphique.
Ce site a été construit grâce à Lugor. Il vous permet d'apprécier la qualité et quelques possibilités de notre système.
Le design system que vous n'aurez pas à construire
Un seul système gouverne tout : couleurs, espaces, typographie, modes d'affichage et effets. Toutes les pages de votre site sont construites sur des fondations solides.
4 couleurs en entrée, un site entier en sortie
Définissez vos couleurs et vos polices une seule fois, votre site est prêt à vos couleurs.
Ce que vous choisissez :
Vos couleurs de marque et vos polices dans un menu dédié du CMS en 10 clics.
Ce que Lugor produit :
Une palette complète déclinée en versions claires et sombres avec ombres et dégradés assortis.
Des contrastes conformes aux standards d'accessibilité.
Les micro-interactions sur tous les éléments.
Parfait sur chaque écran par défaut.
Votre site s'adapte de manière fluide entre mobile et grand écran, sans breakpoint, sans media query, sans intervention.
Chaque composant s'adapte à son contexte et à la taille de l'écran utilisé.
Le résultat : Un système compatible avec tout les formats pour un rendu pixel-perfect du mobile au grand écran sans avoir à y penser.
18 styles dérivés de votre charte graphique.
Du noir profond avec des glows de marque au verre givré, en passant par des dégradés animés et des orbes de couleur flottants, choisissez le caractère de vos composants, titres, CTA depuis le CMS. Créez ainsi un site unique avec ou sans agence.
Dix-huit systèmes visuels complets, pilotés par vos 4 couleurs, pensés pour être accessibles et performants. 8 000+ lignes de CSS que vos équipes n'auront jamais à écrire.
18 style visuels générés depuis votre charte graphique
Palette des styles visuels de cette charte graphique que nous pouvons produire pour votre marque sur demande.
Styles clairs
Styles texturés clairs
Styles colorés et texturés
Les styles sombres (à regarder sur de plus grands éléments)
Assemblez vos pages avec des composants
25 composants à structure variable pour créer plus de 400 blocs uniques à assembler sur vos pages
Structure transverse
7 composants
Blocs de structure du site
Les éléments pour structurer votre site sont :
- Header
- Footer
- Fil d'ariane (breadcrumb)
- Service bar (barre d'annonces)
- Fonction de recherche
- Module de changement de langue / locale
- Pages de statut (page 404, page de maintenance et page d'erreur)
Structure des pages
13 composants
Blocs adaptés à tous les besoins
Construisez vos pages grâce aux blocs :
- Hero
- Banner
- Grille
- Contenu à onglets
- Texte
- Carrousel
- Progression (stepper)
- Spotlight (mise en avant d'un élément, comme ce composant)
- FAQ
- Bloc média
- Bloc code embed
- CTA (bouton)
- Séparateur
A ces blocs, nous pouvons ajouter les éléments réutilisables et de contenu vivant.
Eléments réutilisables
3 composants
Réutilisables et configurables
Ces éléments sont configurés une fois et peuvent être affichés sur plusieurs pages :
- Formulaire
- Pop-in (modales)
- Bloc USP (utilisable pour éléments de réassurance, statistiques, ou social proof)
Contenu vivant
2 composants
Votre contenu vivant publié facilement
Votre site Lugor vous permet de publier du contenu vivant comme des articles ou des posts de blog.
- Liste d'articles
- Bloc article
Ces blocs automatisent le SEO, le GEO et la production de signaux forts et positifs pour votre référencement et faciliter la lecture de vos visiteurs.
Les composants de cette page
La structure de cette page présentée en blocs
Lugor en live
La construction d'une page se fait pas empilement de blocs qui structurent la mise en forme du contenu et la lecture de vos visiteurs.
Blocs de structure du site
Les éléments pour structurer votre site sont :
- Header
- Footer
- Fil d'ariane (breadcrumb)
- Service bar (barre d'annonces)
- Fonction de recherche
- Module de changement de langue / locale
- Pages de statut (page 404, page de maintenance et page d'erreur)
Blocs adaptés à tous les besoins
Construisez vos pages grâce aux blocs :
- Hero
- Banner
- Grille
- Contenu à onglets
- Texte
- Carrousel
- Progression (stepper)
- Spotlight (mise en avant d'un élément, comme ce composant)
- FAQ
- Bloc média
- Bloc code embed
- CTA (bouton)
- Séparateur
A ces blocs, nous pouvons ajouter les éléments réutilisables et de contenu vivant.
Réutilisables et configurables
Ces éléments sont configurés une fois et peuvent être affichés sur plusieurs pages :
- Formulaire
- Pop-in (modales)
- Bloc USP (utilisable pour éléments de réassurance, statistiques, ou social proof)
Votre contenu vivant publié facilement
Votre site Lugor vous permet de publier du contenu vivant comme des articles ou des posts de blog.
- Liste d'articles
- Bloc article
Ces blocs automatisent le SEO, le GEO et la production de signaux forts et positifs pour votre référencement et faciliter la lecture de vos visiteurs.
Lugor en live
La construction d'une page se fait pas empilement de blocs qui structurent la mise en forme du contenu et la lecture de vos visiteurs.
Chaque composant est responsif by design
Chaque élément a été conçu pour s'adapter à toutes les tailles d'écran en commençant par le format mobile qui représente deux tiers tu trafic mondial.
Résultat : un seul site, tous les formats. Aucune friction en ligne, ainsi tout est fait pour garantir votre conversion.
Pourquoi ça compte : vos visiteurs arrivent en grande majorité depuis leur téléphone. Votre site est pensé pour eux dès le départ, pas bâclé après avoir construit la version desktop.
