02 / THE BRIEF
The problem
An app builder needs to make complex structure understandable while giving creators room to work. The supplied source shows the challenge of balancing a powerful editor with an approachable interface.
SaaS · Product design
Duddy.
A more approachable canvas for building apps without code.
01 / OVERVIEW
A visual app builder interface that organizes projects, page structure and editing tools into a focused workspace.
ROLE
SaaS product interface design
SERVICES
UX structure · SaaS UI · Design system
03 / THE APPROACH
The solution
A calmer workspace with clear panels, hierarchy and reusable UI patterns puts the project canvas at the centre of the experience.
04 / THE WORK
Selected screens
A closer look at the interface.
05 / CASE STUDY
The thinking behind it.
Structure first
Group navigation, page hierarchy and editing controls around building and organizing an app.
Keep the canvas in focus
Use restrained surfaces and spacing so dense controls support the work instead of competing with it.
Further screens
The earlier source references additional Figma assets, but their image exports were not bundled with the HTML file.