← Retour au choix
Juanma y Compañía — Design

Elige tu estructura

15 architectures de page différentes. Même contenu, même thème neutre. Ce qui change : le layout, la navigation, le scroll et les interactions.

01
Layout
Bento Grid

Une seule grille asymétrique couvre toute la page. Pas de sections empilées — des cartes de tailles variées comme un dashboard Apple.

Voir →
02
Scroll
Sticky Storytelling

Écran splitté : colonne gauche fixe qui change de visuel, colonne droite qui scrolle avec le contenu.

Voir →
03
Scroll
Horizontal Scroll

Après le hero, le contenu défile horizontalement panneau par panneau. Molette convertie en scroll latéral.

Voir →
04
Layout
Split Screen

Chaque section coupe l'écran en 2 moitiés 50/50. Visuel et texte alternent gauche/droite à chaque section.

Voir →
05
Scroll
Full-Page Scroll Snap

Chaque section = 100vh. Le scroll saute d'une section à l'autre. Dots de navigation cliquables sur le côté.

Voir →
06
Layout
Magazine Editorial

Layout asymétrique multi-colonnes style presse. Grand titre à gauche, sidebar d'articles à droite, texte en colonnes.

Voir →
07
Navigation
Sidebar Navigation

Nav fixe à gauche en sidebar avec ScrollSpy. Le contenu scrolle dans la zone droite. Feeling app/dashboard.

Voir →
08
Layout
Cards Masonry

Flux continu de cartes mélangées style Pinterest. Filtres en haut pour trier par type. Pas de sections distinctes.

Voir →
09
Layout
Timeline Vertical

Ligne centrale verticale avec contenu alternant gauche/droite. Points marqueurs qui se remplissent au scroll.

Voir →
10
Navigation
Mega Hero + Tabs

Hero géant (85vh) puis tout le contenu en onglets. Pas de scroll entre sections — on switch entre tabs.

Voir →
11
Navigation
Burger Full-Screen

Aucune nav visible. Un burger ouvre un menu overlay plein écran avec liens en cascade. Contenu immersif sans distraction.

Voir →
12
Scroll
Parallax Layers

3 couches visuelles à vitesses différentes au scroll. Formes en fond, titres au milieu, contenu devant. Profondeur 3D.

Voir →
13
Navigation
Bottom Nav App-Like

Navigation en bas comme une app mobile. Transitions slide entre les pages. Pas de scroll entre sections.

Voir →
14
Scroll
Scroll-Driven Animations

Chaque élément animé par le scroll : titres qui glissent, cartes 3D, compteurs, clip-path progressif, barre de progression.

Voir →
15
Layout
Dashboard Grid

Pas de hero. Directement un tableau de bord avec widgets : stats, cours, jeu du jour, articles. Feeling app connectée.

Voir →