Turning a Notion Resource into a Live Website

Really like how you’ve taken something as simple as a Notion list and turned it into a proper platform. The way you’ve structured the navigation and made discovery so effortless shows real UX thinking, it’s not just about curating content but about how people actually engage with it. That’s the shift from a personal tool to a product, and you’ve pulled it off really well.

Curious though, what was your biggest UX challenge when moving from Notion’s structure to a custom web experience?

This is awesome, Paulo!

DesignStack looks nice!

What were some of the biggest challenges you faced during development? Would love to hear about your process, especially since you mentioned learning AI-powered development along the way.

Also curious about your workflow, when you add new resources, do you just paste a link and the information auto populates, or do you manually add all the details for each tool?

Great work on this, it's clear you put a lot of thought into making it genuinely useful for designers!

This is so wholesome, Paulo. Care to share how you turned this Notion doc into a resourceful website?

• Do you still use Notion as the database that auto‑updates or export content and feed it to Lovable?
• Did you vibe the design or make it in Figma first?

So many questions, I’m so curious! I haven't got time to try Lovable yet. The last time I related to Notion I turned it into a website using super.so, so I can only assume this is different from using Lovable.

Great job, Paulo — turning a Notion list into such a polished resource is impressive, and adding a bit more detail about your process would make it even more inspiring, so keep building and sharing!

Loveable is fun and it shows that you had fun with it! Looks great! Good job!

Some minor adjustment I would make if I were you;

I think that changing the two CTA buttons in top navbar on scroll is confusing. They are the most important CTA on the page and above fold... Also, the linking behaviour is different which makes it even more confusing.

When clicking on 'Contact', you could make it even more frictionless by adding

<a href="mailto:[email protected]?subject=free chocolate">example</a>

so that the user immediately can start writing their message.

You could make sure that the image of the application also changed with the Light and Dark mode.

But yeah, these are just minor adjustments. You did a great job and you should be proud!