Netbank (AI, Claude, Remode, Claude Design)

NETBANK

Today, we are going from a client brief to a fully functional design in Claude Design & Claude Code. We are using Relume to generate wireframes and designs, which is a great starting point for UI and web design.

BRIEF SPECS & SITE SSTRUCTURE

Using in this case Google Gemini, I asked to create specs for the brief of the potential website, then used Relume to define the site structure,

WIREFRAMING

This is where this tool starts to shine as it helped me to create a basic wireframe structure, that saved me valuable time, using the sitemap information I had before.

EDITING SECTIONS

Of course you can edit anything to adapt it to your needs but having this kind of tools, speeds up the process and for me as a designer let me deliver quick ideas.

STYLE GUIDE AND COLORS

The tool created a palette I was not happy with and the suggestions from the brief created did not work either for me, so I researched in different websites and using the coolors tool I updated it to someting which worked better for me.