FonctionnalitésCe que Kubbler assemble, et avec quoi.

Un site Kubbler est fait de pièces que vous voyez, choisissez et réglez : une charte graphique, des blocs, des pages, une mise en page, un modèle pour démarrer. Chaque pièce a son éditeur. Ces pages les montrent rendues en direct, par le même moteur que les sites publiés.

Mis à jour le

Cinq principes, de votre phrase à votre site en ligne.

Tout part d'une phrase

Vous décrivez votre activité dans le Studio, avec vos mots. Avant d'écrire quoi que ce soit, Kubbler vous propose un plan : les pages, les données à garder, les routes du serveur. Vous le validez, puis la construction commence.

Le Studio, écran par écran
Le Studio à l'étape L'idée : le nom du projet, la description, les repères et les sept étapes.
Le Studio, à la première de ses sept étapes

Un site se compose de pièces

Une charte graphique habille tout. Des blocs, posés dans l'ordre, font une page. Une mise en page entoure les pages d'un même groupe : l'en-tête, le pied de page. Un modèle réunit le tout pour démarrer un site entier.

1Charte graphique2Blocs3Pages4Mise en page5Modèle
Voir une page démontée
Une page de la bibliothèque démontée : l'accueil d'une épicerie, ses blocs entourés et nommés, le volet qui détaille la chaîne de la charte au nœud.
Une page de la bibliothèque, ses blocs entourés et nommés

Une bibliothèque, puis votre copie

Des chartes graphiques, des blocs et des pages entières sont prêts dans la bibliothèque de Kubbler. Ce que vous prenez devient la copie de votre projet : la régler ne change ni la bibliothèque, ni vos autres projets.

Parcourir la bibliothèque
19chartes graphiques
516blocs
42pages composées
69héros30barres de navigation18pieds de page

Compté en direct dans la bibliothèque.

Chaque pièce a son éditeur

La charte graphique, une page, une mise en page, un bloc, un modèle : chacun s'ouvre dans son éditeur, et chaque réglage se voit aussitôt. Ce que fait l'app se lit aussi : les Mécanismes relient chaque bloc aux données qu'il lit ou écrit.

Les neuf écrans
L'éditeur de charte graphique en thème clair, onglet Couleurs, l'accueil du projet en aperçu à droite.
Charte graphique
L'Atelier ouvert sur la page d'accueil d'une pâtisserie : la barre en haut, le rail à gauche, la page au centre, le plateau de vue en bas.
Page
La mise en page Site en édition : les zones nommées sur la page grisée, le volet Mise en page à gauche.
Mise en page
Les Mécanismes d'une démo : les colonnes de la page aux collections, la chaîne du bloc de commande tracée en encre.
Mécanismes

Le reste est fourni par Kubbler

Ce que chaque app demande, vous ne le construisez pas : les services Kubbler sont là dès le premier jour, maintenus par notre équipe pour tous les projets.

Comptes

Inscription vérifiée, connexion, mot de passe oublié, double authentification.

Paiement

Le paiement par carte, en une fois, via Stripe.

E-mails

Les e-mails de compte, de réservation et de commande.

Hébergement

Chez OVHcloud, en France, en HTTPS, avec une base de données isolée par projet.

Dev et Prod

Deux bases séparées : vos essais ne touchent jamais les données de vos clients.

Les chapitres, pièce par pièce.

Chaque chapitre présente une pièce, puis la montre en vrai : son showroom rend la bibliothèque en direct.

Chartes graphiques

Les chartes de la bibliothèque sur une même section, puis sur une page entière avec la fiche de chaque valeur. Puis l'éditeur, et le chemin d'une charte jusqu'à votre site.

Ouvrir le chapitre

Modèles

Les modèles de départ du Studio, les pages composées de la bibliothèque, une page démontée en direct, et des sites faits avec Kubbler.

Ouvrir le chapitre

Blocs

Ce qui fait un bloc, rendu en direct ; la bibliothèque rayon par rayon ; les blocs qui agissent, lus en clair et reliés aux données.

Ouvrir le chapitre

Éditeurs

Les neuf écrans de Kubbler, annotés ; ce que devient un geste, du brouillon à la mise en ligne ; la bibliothèque, où ouvrir c'est copier.

Ouvrir le chapitre