17 Catchy Websites built using Notion
![](https://res.cloudinary.com/skynox-tech/image/upload/q_60/f_auto/v1702707265/Prototion/prod/604b548180a0172b065700c7/pug9eubjgd792kvloblx.jpg?_a=BATFJtd%2B0)
Ultimate Portfolio Pack
A game-changing collection of Notion portfolios that revolutionize how you showcase your professional journey. 💯
Get it Now![](https://res.cloudinary.com/skynox-tech/image/upload/q_60/f_auto/v1700419950/Prototion/prod/604b548180a0172b065700c7/qvscjmfba2zq8n2st3us.jpg?_a=BATFJtd%2B0)
Expense Tracker
Mismanaged budgets are a thing of the past! Stop worrying, Start tracking!
Get it Now![](https://blog.prototion.com/content/images/2021/07/Website-Notion.gif)
Want to build a website with Notion? The websites given below are built in Notion - Included is where they built the website, what the website is designed for, and categories like blogs, portfolios and landing pages.
Enjoy <3
1. CONVERSATION CARDS APP
![product landing page notion website cards.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626389221158-BM39BQJCE2O1RHEW9IB6/product+landing+page+notion+website+cards.png?format=750w)
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
![notion resume design super.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626399134194-1ZEW9G50T2RJIU2KGUXY/notion+resume+design+super.png?format=750w)
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
![notion company website design page.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626396461475-IIZMNKAWCZIXTAVCP03Y/notion+company+website+design+page.png?format=750w)
Built with: Super.so
Type: Company
Designed for: A productivity and systems building agency for teams.
Check it out: here
4. NOTIONOLOGY CONSULTANT SERVICES
![notionology website notion web design fruition.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626397651180-DI9DW87F0R3JTT6KW6NG/notionology+website+notion+web+design+fruition.png?format=750w)
![Screen Shot 2021-07-15 at 9.09.28 PM.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626397787766-G3NCHDZ8BESVBESI9IJ9/Screen+Shot+2021-07-15+at+9.09.28+PM.png?format=750w)
Built with: Fruition
Type: Company
Designed for: A professional notion consultant’s landing page.
Check it out: here
5. THE TERRIBLE BLOG
![the terrible blog notion website inspo.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626391823968-5WMTNF08LQYMKY4AZ7YX/the+terrible+blog+notion+website+inspo.png?format=750w)
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
![anotioneer notion template website design.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626396972384-CGPXI3HPV9RCM60OP7YU/anotioneer+notion+template+website+design.png?format=750w)
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
![notion website blog writing coach.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626390486226-08PO1DKAATXJBJ8XSH7W/notion+website+blog+writing+coach.png?format=750w)
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](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626399445498-KJ1JCCOJZIZZ2X3M7IOZ/notion+website+design+fruition+2.png?format=750w)
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](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626400987961-T1BN04CS3PDMSTSDKNSD/notion+studio+portfolio+website.png?format=750w)
Built with: Super.so
Type: Portfolio
Designed for: A gorgeous photography and design portfolio.
Check it out: here
10. THE INDIE BITES PODCAST
![Indie bites podcast notion landing page website.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626391508679-G80ZD01TCWD8S65QJKVD/Indie+bites+podcast+notion+landing+page+website.png?format=750w)
Built with: Super.so
Type: Entertainment
Designed for: A podcast’s website and episode archive.
Check it out: here
11. QUARATE'S TOOLBOX
![notion website design fruition example.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626401782132-FB9RRBULLDD7ZG7EVNYG/notion+website+design+fruition+example.png?format=750w)
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](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626400055266-RNHRCQ6YVU58K3763YJU/Screen+Shot+2021-07-15+at+9.42.08+PM.png?format=750w)
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
![notion blog portfolio design.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626395394470-WW0AQZXVDNXGTXLO700N/notion+blog+portfolio+design.png?format=750w)
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
![Screen Shot 2021-07-15 at 7.55.02 PM.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626393450224-D16A1LTXWU97PE3OLVFS/Screen+Shot+2021-07-15+at+7.55.02+PM.png?format=750w)
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
![notion portfolio freelance design super.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626394304265-OJ0PQAT1O7FB1XGQYPKL/notion+portfolio+freelance+design+super.png?format=750w)
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
![notion portfolio website design.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626393776575-31BB4TMCKTS4TGQAI1SQ/notion+portfolio+website+design.png?format=750w)
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
![notion website fruition consultant.png](https://images.squarespace-cdn.com/content/v1/5a049a70be42d60e92dd8246/1626398616597-S8471CKZ7FELIDC3FPU7/notion+website+fruition+consultant.png?format=750w)
Built with: Fruition
Type: Portfolio & Reference
Designed for: A notion consultant’s landing page and templates.
Check it out: here
Want to try out our free and premium Notion Templates ? Here.