Skip to content
Register

Presenting

UI & UX Dev Webinar

Two live sessions on designing interfaces people love to use, from research to polished, developer-ready screens.

Saat Maarifa host presenting with a headset

18th Apr 2021

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.

Yes, I need this! Save my seat today.

Saat Maarifa schedule

Portrait of speaker Hisham Al Saleh
18th Apr · 09am AST

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

Portrait of speaker Lina Al Mansour
18th Apr · 10am AST

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.
Nada Al Shahrani Product designer
Finally understood how designers think about components. The handoff section alone was worth it.
Ghada Al Juhani Front-end developer
Clear, friendly and well paced, with plenty of time for questions at the end.
Tariq Al Subaie Startup founder

Don't Miss Out!

Seats for the live session are limited. Register now and get the recording and slides afterwards.