I introduced Atomic Design to help the team break down the UI into reusable pieces. We started by setting simple style rules: colour, spacing, typography, and iconography. This became our shared language.
From there, I designed the core building blocks: buttons, form fields, nav bars, cards, and modals. These weren’t just styles, they were flexible, with different sizes and states, so teams could actually use them across the product without needing to tweak or re-do them.
Dexla’s main product is a no-code app builder, so we also needed reusable UI components within the tool itself — for users, not just the internal team. I designed drag-and-drop elements that looked and felt consistent with our design language, while still being flexible for non-technical users to build their apps.
.png)
%20(1).png)
.png){kind=logo}
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
