Design

17 Websites Built With Notion To Spark Inspiration

notion website examples design.png

🔎 Notion Websites

Want to build a website with Notion? Below are over 40 notion-built websites to grab inspiration from. Included is where they built the website, what the website is designed for, and categories like blogs, portfolios and landing pages. At the bottom of the page is a link to all the websites mentioned inside a notion database. Feel free to duplicate it into your workspace for easy access to referencing.

★ next to the title: These websites are my favorite

1. Conversation Cards App

Built with: Super.so
Type: Landing page
Designed for: A landing page for a mobile app.
Check it out: here

 

2. Adjoa Kittoe's Resume

Built with: Super.so
Type: Portfolio & Resume
Designed for: A chef and food editor’s simple and beautiful portfolio.
Check it out: here

 

3. Optemization Operations Agency

Built with: Super.so
Type: Company
Designed for: A productivity and systems building agency for teams.
Check it out: here

 

4. Notionology Consultant Services

Built with: Fruition
Type: Company
Designed for: A professional notion consultant’s landing page.
Check it out: here

 

5. The Terrible Blog

Built with: Super.so
Type: Blog
Designed for: A small technology blog with very nice button design.
Check it out: here

 

6. aNotioneer's Notion Templates

Built with: Super.so
Type: Blog & Reference
Designed for: A Notion template directory and reference blog.
Check it out: here

 

7. Michael Dean, The Writing Coach

Built with: Super.so
Type: Blog
Designed for: A writing coach that blogs about AI, architecture, and more.
Check it out: here

 

8. Virtual Mojito's Toolbox

notion website design fruition 2.png

Built with: Fruition
Type: Company & Reference
Designed for: A website that documents over 200 community tools and events.
Check it out: here

 

9. Angela Z Studio Portfolio

notion studio portfolio website.png

Built with: Super.so
Type: Portfolio
Designed for: A gorgeous photography and design portfolio.
Check it out: here

 

10. The Indie Bites Podcast

Built with: Super.so
Type: Entertainment
Designed for: A podcast’s website and episode archive.
Check it out: here

 

11. Quarate's Toolbox

Built with: Potion
Type: Reference
Designed for: A massive reference of digital tools for makers and creatives.
Check it out: here

 

12. Roxana, Creative & Consultant

Screen Shot 2021-07-15 at 9.42.08 PM.png

Built with: Super.so
Type: Portfolio
Designed for: A Notion consultant with creative and strategic services.
Check it out: here

 

13. Reza Arkan’s Portfolio & Blog

Built with: Potion
Type: Portfolio & Blog
Designed for: An AI researcher and product designer’s sleek portfolio.
Check it out: here

 

14. Eric Day's Creative Portfolio

Built with: Super.so
Type: Portfolio
Designed for: A creative portfolio for a producer, writer, and director.
Check it out: here

 

15. Sam's Freelance Portfolio

Built with: Super.so
Type: Portfolio
Designed for: A portfolio with projects displayed in interesting configurations.
Check it out: here

 

16. Greyson Quinn's Design Portfolio

Built with: Super.so
Type: Portfolio
Designed for: A designer’s portfolio with a narrow, simple style.
Check it out: here

 

17. Notion Dad's Consultant Page

Built with: Fruition
Type: Portfolio & Reference
Designed for: A notion consultant’s landing page and templates.
Check it out: here

 

Further Reading