UI elements i crafted
Deep dive into UI elements from different projects. Check out my approach to paddings, margins, layouts, animations etc. No context, just interfaces.
Status bar for background tasks
Popup element indicating that there are tasks performed in the background.
Anatomy

Behaviour

Specs

Flash cards
Anatomy

Behaviour
Specs

Word definitions
Anatomy

Behaviour
Specs

Lessons learned
- More detailed design specifications = fewer questions from engineers. I always collaborate closely with engineers. In the early stages of my career, my designs were less consistent in terms of layout, colours and typography. It caused some friction during handoff to engineers and time wasted. This is not the case anymore.
- How to work with mature design systems. I studied design systems made by Uber, Atlassian and OpenAI when crafting my own. From these systems, I learned the structure and required level of detail when describing individual elements and entire workflows.