Notion est un outil génial, idéal pour gérer des projets, des tâches, des notes, des équipes et la vie personnelle. Cependant, saviez-vous que vous pouvez également l'utiliser pour créer un site Web ?

Plusieurs constructeurs de sites Web ont été développés sur Notion, tels que Super, Frution, ou Feather. Cependant, le moyen le plus simple de créer un site Web Notion est de partager publiquement une page Notion. Ensuite, si vous souhaitez ajouter un domaine personnalisé ou appliquer un CSS personnalisé, des outils tiers peuvent vous aider.

Le but de cet article est de :

1. Vous guider étape par étape tout au long du processus de création d'un site Web Notion attrayant et soigné.
2. Fournir trois templates gratuits que vous pouvez utiliser pour éviter de commencer à zéro.

‍

Mais d'abord...

‍

Notion pour votre site web personnel ?

Notion est le choix idéal pour tous ceux qui souhaitent créer rapidement et facilement un site Web personnel. Voici quelques raisons pour lesquelles :

1. Si vous utilisez déjà Notion, il n'est pas nécessaire d'apprendre un nouvel outil (c'est-à-dire d'éviter la courbe d'apprentissage)
2. L'activation de l'option « Partager sur le Web » vous permet de publier votre site Web en quelques secondes. Les modifications sont automatiquement mises à jour, ce qui permet de le faire très rapidement.
3. L'interface élégante de Notion garantit que votre site Web Notion sera également élégant.
4. Si vous avez déjà du contenu dans Notion, vous n'avez pas besoin de migrer toutes vos données. Cela est particulièrement utile pour les blogs.
5. Aucune connaissance du codage ou du code n'est requise.
6. Vous pouvez démarrer rapidement grâce à un modèle gratuit.

‍

Notion fournit également son propre guide sur la façon de créer et de publier un site Web. Vous pouvez le trouver ici.

‍

Créer son Site Internet Notion

Définissez vos sections

Je vous recommande de créer une liste de tous les éléments que vous souhaitez inclure sur votre site Web. Une fois que vous avez terminé, regroupez-les en 2 ou 3 catégories au maximum. Par exemple :

‍

Ce que j'écris

• Blog
• Newsletter

Les choses que je fais

• Musique
• Photos
• Dessins

Les choses que j'aime

• Podcasts
• Documentaires
• Playlists musicales

‍

Pour chacune de ces sections, définissez si elles devraient appartenir à une base de données ou à une page. Pour les « listes » de choses, nous avons tendance à privilégier les bases de données, mais n'hésitez pas à faire preuve de créativité.

Vous trouverez ci-dessous quelques exemples de mises en page que vous pouvez utiliser pour vos propres sections :

‍

1/ Blog (base de données)

‍

2/ Photos (base de données)

‍

Astuce de pro: masquez la propriété du titre dans la vue Galerie pour la rendre plus belle

‍

3/ Recommandations de podcasts (page)

‍

4/ Playlists (page)

‍

Astuce de pro: n'hésitez pas à intégrer des playlists Spotify, elles sont magnifiques ✨

‍

Construisez votre page Notion

‍

Maintenant, faisons preuve de créativité ! Notion n'est pas un « vrai » créateur de sites Web en soi, vous serez donc confronté à certaines limites de conception. Votre objectif est de créer un bel affichage tout en veillant à ce que tous les éléments soient facilement accessibles et visibles.

L'avantage de Notion, c'est qu'il est très facile d'essayer différents arrangements : il vous suffit de glisser-déposer des blocs. Cela vous permet de tester rapidement différentes idées.

‍

Quelques principes de conception à prendre en compte

• Utilisez de nombreux blocs différents: Pour donner une touche plus humaine à votre site Web, faites preuve de créativité avec différents blocs ! Vous pouvez utiliser une base de données, jouer avec les surlignages pour ajouter de la couleur et diviser des sections, utiliser des listes à bascule pour économiser de l'espace et pimenter vos pages avec des intercalaires, des légendes, des guillemets, des blocs de code, etc.
• Cohérence: En ce qui concerne les icônes ou les images, essayez de rester uniforme. Utilisez des icônes de la même bibliothèque et essayez d'utiliser des images ayant le même grain ou la même ambiance. Il en va de même pour les couleurs.
• Originalité: Ajoutez votre touche personnelle en utilisant des widgets externes ou des éléments intégrés. Vous pouvez intégrer presque tout, des Google Sheets aux graphiques, en passant par les formulaires ou les widgets météorologiques. Jouez et essayez des applications tierces!
• Minimalisme: Si vos compétences en design vous inquiètent ou si vous préférez garder les choses claires et simples, essayez le minimalisme. Malgré ses milliers d'options, Notion peut facilement avoir une apparence minimaliste grâce à son thème noir et blanc. Ainsi, pour la plupart des gens, il sera plus facile de commencer par le minimalisme pour éviter les divergences de conception.

‍

Comment élargir une page Notion: cliquez sur les trois points en haut à droite de votre page et activez « Pleine largeur »

‍

Publier : Page Notion Publique

‍

Publier un site Web n'a jamais été aussi simple. Il vous suffit de vous rendre sur la page d'accueil de votre site Web (la page parent qui contient toutes les autres), de cliquer sur le bouton « Partager » en haut à droite de la page, de cliquer sur Publier, puis sur « Publier sur le Web ».

Votre site Web vit désormais sur le lien qui vous est présenté.

Dans les options ci-dessous, le bouton « Autoriser la duplication en tant que modèle » est activé par défaut. Vous souhaiterez peut-être le désactiver pour éviter que des personnes ne copient votre site Web ou votre contenu. S'il est activé sur votre page d'accueil, il sera activé par défaut pour toutes les pages pour enfants.

Si vous avez un forfait Notion payant, vous pouvez envisager d'activer le bouton « Indexation des moteurs de recherche ». Cela rendra votre site Web et son contenu consultables sur Google. C'est nécessaire si vous envisagez d'utiliser le référencement pour augmenter le trafic vers votre site Notion.

‍

⚠️ Si vous avez des bases de données liées dans vos pages Notion, elles n'apparaîtront pas sur votre site Web à moins que la base de données d'origine ne se trouve également sur votre site Web.

‍

Vous pouvez ensuite consulter chaque page et vous assurer que tout est conforme à vos attentes.

‍

Web Builders Notion

Les sites Web Notion sont excellents. Cependant, il existe plusieurs constructeurs de sites Web qui peuvent améliorer l'apparence de votre site Web et ajouter des fonctionnalités telles qu'une barre de recherche, une optimisation du référencement, une barre de navigation, etc. Voici quelques exemples :

‍

Super

Super est un créateur de sites Web Notion qui vous permet de créer un site Web personnel, un blog ou une page de destination en quelques minutes. Grâce à un large éventail de modèles et d'options de personnalisation, vous pouvez créer un site Web d'aspect professionnel sans aucune connaissance en matière de codage. C'est le constructeur de sites Web le plus utilisé et il possède une interface magnifique et conviviale.

Prix: à partir de 16$ par mois

‍

Feather

Feather est un constructeur de sites Web Notion qui se concentre particulièrement sur les blogs et autres types de sites Web de contenu. Personnellement, je n'ai jamais essayé de l'utiliser, mais je n'en ai entendu que du bien. Si le référencement est votre principale source de trafic, cela semble être la meilleure option.

Prix: à partir de 39 $/mois

‍

Fruition (GRATUIT)

Ce créateur de site Web Notion est gratuit et open source, et il ne nécessite aucun codage. Vous pouvez héberger votre site Web sur un domaine personnalisé et utiliser de jolies URL. Les options de style incluent le mode sombre, Google Fonts et l'injection de code JavaScript. Si vous souhaitez ajouter plus de fonctionnalités, je vous recommande certaines alternatives payantes, telles que Super ou Feather. ‍

Prix: 100 % gratuit

‍

Il existe un tas d'autres constructeurs de sites Web tels que Potion, SImple Ink, Popsy, etc.

Que vous soyez un développeur Web débutant ou expérimenté, ces créateurs de sites Web Notion facilitent la création d'un site Web qui s'affiche et fonctionne parfaitement. Alors pourquoi ne pas les essayer et voir à quel point il peut être facile de créer votre propre site Web avec Notion ?

‍

Templates de sites Web Notion

Si vous ne voulez pas commencer par une page blanche, je comprends ! C'est pourquoi nous (les créateurs de Notion) créons des modèles Notion : pour vous permettre d'économiser du temps et de l'énergie.

Ci-dessous, j'ai répertorié 3 de mes propres modèles. N'hésitez pas à les utiliser si vous le souhaitez pour créer votre superbe site Web.

‍

Template de portfolio Notion

‍

Ce modèle est un site Web d'une seule page qui vous permet de mettre en valeur vos compétences et vos projets. Téléchargez une photo d'identité (ou un logo), rédigez une brève description et ajoutez des liens vers tous vos projets, compétences et coordonnées. Ensuite, placez le site Web de votre portfolio dans votre biographie Twitter, LinkedIn, Instagram et TikTok.

‍

Téléchargez gratuitement

‍

Template de blog Notion

‍

Si vous hébergez un blog, c'est le meilleur modèle pour vous aider à démarrer. Vous aurez accès à une base de données pour tous vos articles, mais également à des pages pour ce que vous créez, écrivez et aimez. Il n'est jamais trop tard pour créer un site web personnel !

‍

Téléchargez gratuitement

‍

Template de CV Notion

‍

Les CV en ligne sont les nouveaux CV. Démarquez-vous des autres candidats et décrochez l'emploi de vos rêves grâce à ce CV en ligne minimaliste et basé sur Notion.

‍

Téléchargez gratuitement

‍

Conclusion

Notion n'est pas seulement un outil puissant pour gérer des projets et des tâches personnelles, mais également une plateforme polyvalente pour créer de superbes sites Web. Grâce à la possibilité de partager publiquement des pages Notion, vous pouvez facilement présenter votre portfolio, écrire un blog ou créer un site Web personnel sans avoir besoin de connaissances en codage.

Que vous soyez un développeur Web débutant ou expérimenté, la création d'un site Web sur Notion ouvre de nouvelles possibilités pour présenter votre travail, partager vos idées et établir des liens avec votre public. Alors n'attendez plus, laissez libre cours à votre créativité et commencez à créer votre propre site web Notion dès aujourd'hui !

N'oubliez pas qu'il n'y a pas de limites lorsqu'il s'agit de concevoir et de personnaliser votre site Web Notion. Testez différentes mises en page, blocs et widgets pour créer un site Web qui reflète véritablement votre personnalité et répond à vos besoins spécifiques.

Bonne création de site web avec Notion !

Créé ton compte Notion gratuitement 🙃 (#NotionPartner)