Presenting
UI & UX Dev Webinar
Two live sessions on designing interfaces people love to use, from research to polished, developer-ready screens.
09:00-10:00 AM
Nawaf Al Sudairi
What you will learn in this webinar?
A practical, example-led session for designers and developers who want to ship better interfaces.
Research that matters
Plan quick interviews and turn what users say into clear design decisions.
Wireframes that work
Sketch layouts and flows fast, before you spend time on visual detail.
Design systems
Build reusable components, colour and type tokens that keep screens consistent.
Accessible by default
Contrast, focus states and readable text that work for every user.
Prototype and test
Click-through prototypes and five-user tests that catch problems early.
Smooth developer handoff
Specs, assets and naming that make your designs easy to build.
Saat Maarifa schedule

Research to wireframes
- How to run five-minute user interviews
- Mistakes to avoid when mapping user flows
- How to build wireframes that answer real questions
Hisham Al Saleh, Senior UI Designer at Esem Lab

From wireframes to polished UI
- Designing with a simple component library
- How to choose colour and type for readability
- How to build a prototype for quick testing
Lina Al Mansour, UX Designer at Esem Lab
Packed with practical tips. I used the wireframing checklist on a client project the very next day.
Finally understood how designers think about components. The handoff section alone was worth it.
Clear, friendly and well paced, with plenty of time for questions at the end.