Prospero, l’UI Kit de Webflow qui simplifie la création d’un site web

April 19, 2024
X
MINUTES
PARTAGER SUR
Prospero, l’UI Kit de Webflow qui simplifie la création d’un site web

Introduction

Webflow a créé le premier Kit d'interface utilisateur officiel suite au succès de mes Kits d'interface utilisateur Cards 1.0 et Cards 2.0, qui ont été clonés par plus de 19 000 personnes et appréciés par la communauté. Prospero est un kit de design préconçu qui facilite la création de sites sur Webflow.

Il comprend 85 sections, 10 layouts et 2 templates pour vous aider à créer rapidement un site Web professionnel et moderne. Facilement personnalisable grâce aux outils de style de Webflow, il est également conçu pour être responsive et s'adapter aux différentes tailles d'écran, garantissant l'accessibilité de votre site sur tous les appareils.

À propos

Prospero est conçu pour être facile à utiliser en plus d'être flexible. Il est livré avec des instructions détaillées et des exemples pour vous aider à comprendre comment utiliser chaque élément de l'UI Kit et est compatible avec les principaux navigateurs Web, garantissant l'accessibilité de votre site à tous les utilisateurs.

Il peut être utile de travailler sur des maquettes de votre site Web dans un logiciel de conception tel que Figma avant de passer à la mise en œuvre de votre site avec Webflow. Cela vous permet de planifier et de concevoir votre site de manière plus efficace en testant différentes idées de mise en page et en visualisant comment votre site sera présenté avant de passer du temps à le mettre en œuvre.

En travaillant sur des maquettes dans Figma, vous pouvez également facilement partager votre travail avec d'autres membres de votre équipe ou avec vos clients pour obtenir des commentaires et des suggestions, ce qui peut vous aider à éviter les erreurs coûteuses et à créer un site qui répond parfaitement à vos besoins et à ceux de votre public cible.

a black and white photo with the words prospero on it

Les avantages

UN DESIGN PROPRE

85 mises en page mettant en valeur de grandes photos, une typographie soignée et beaucoup d'espace blanc qui mettent en avant vos produits et votre marque.

UNE PERSONNALISATION FACILE

Créez une expérience unique en mélangeant et en combinant des composants. Vous avez un contrôle total sur les couleurs, les polices de caractères, les images et les autres styles qui mettent en valeur votre marque.

PAS BESOIN DE CODER

Conception et développement simultanément sur un canevas visuel intuitif. Publiez et voyez immédiatement votre site en ligne. Pas besoin de Photoshop, Sketch ou de code.

Inclus dedans

BLOCS PRÉ-CONSTRUITS

Choisissez parmi plus de 80 sections réparties en 9 catégories, allant de l'héros aux blogs en passant par les superpositions et bien plus encore.

PAGES

Nous vous fournissons 10 modèles de mise en page que vous pouvez utiliser ensemble ou séparément dans votre projet. Ou pour en savoir plus sur la manière de structurer les sections ensemble.

PRÊT À L'EMPLOI

En bonus, vous obtenez 2 modèles de commerce électronique entièrement fonctionnels que vous pouvez télécharger gratuitement sur le marché de modèles Webflow. Luma, un modèle de vente au détail élégant et moderne (et gratuit) qui mettra en valeur vos produits, et Grit, un modèle de mode chic et tendance (et gratuit) pour mettre en avant la personnalité de votre marque.

PLUS D’INFORMATIONS

Ne vous inquiétez pas, Webflow a pris en compte tous les aspects. Vous trouverez dans cette rubrique toutes les ressources nécessaires pour bien démarrer. La section "Comment ça marche" est un guide complet vous montrant étape par étape comment lancer votre projet avec le Kit d'interface utilisateur Prospero.

Le guide de style, quant a lui, présente tous les styles CSS utilisés dans le kit, y compris des instructions détaillées sur l'utilisation des styles de texte, de cartes de produits et de mises en page. La section commerce électronique vous permet de concevoir, vendre et développer votre entreprise en ligne avec Webflow Ecommerce, la première plateforme de commerce électronique qui vous offre un contrôle total.

a black and white photo with the words prospero on it

Conclusion

En conclusion, Webflow a créé Prospero, le premier UI KIT de la plateforme, qui est accessible et facile à utiliser pour tous, notamment pour les designers comme moi. Prospero m'a permis de lancer rapidement et de faire évoluer mon site Beryl Design de manière professionnelle et moderne, en utilisant une base existante.

L'idéal serait d'avoir l'ensemble de l'UI KIT disponible sur Figma, et je vous invite à parcourir l'ensemble des UI KIT, gratuits et payants, pour trouver celui qui convient le mieux à votre projet. Prospero a été le choix idéal pour moi et j'ai pu le faire évoluer depuis son lancement. N'oubliez pas de rester informé, car Prospero sur Figma sera le premier fichier téléchargeable de la prochaine section du site.

LIENS PRATIQUES

Prospero UI KIT

Guillaume Hambourger

Guillaume Hambourger

UI Designer chez ATECNA
PLUS D'ARTICLES

Vous pourriez également être intéressé

Créez des expériences web révolutionnaires avec le duo dynamique de Webflow & SplineCréez des expériences web révolutionnaires avec le duo dynamique de Webflow & Spline
Explorez de nouvelles dimensions avec Webflow et Spline ! Cet article dévoile comment ces plateformes combinent design 2D et modélisation 3D pour des interactions utilisateurs captivantes. Découvrez comment cette synergie révolutionne le web design et libère votre créativité.
Spline, l'outil de conception 3D dans le navigateur avec collaboration en temps réelSpline, l'outil de conception 3D dans le navigateur avec collaboration en temps réel
Spline révolutionne la modélisation 3D avec sa simplicité, sa puissance et sa polyvalence. Cette plateforme intuitive permet à quiconque de créer des modèles 3D époustouflants, d'animer des scènes dynamiques et de développer des expériences interactives engageantes. Idéale pour les professionnels et les amateurs, Spline libère votre créativité 3D.
Introduction à Responsively, l’application pour optimiser le responsive de Votre Site WebIntroduction à Responsively, l’application pour optimiser le responsive de Votre Site Web
Découvrez Responsively, l'application révolutionnaire qui simplifie le développement web réactif. Testez et visualisez votre site web en temps réel sur plusieurs appareils simultanément, garantissant une expérience optimale pour tous les utilisateurs.