Skip to content
Ali Hassan

UX Designer, Reutlingen

Think like a designer. Build in code.

I'm Ali, a UX designer with six years of experience inside agile product teams, working closely with engineers to ship great products. Now, as AI blurs the line between design and code, I'm increasingly prototyping in code to test ideas and ship faster.

See the workResume

01What I bring

Design process that doesn't stop at the canvas.

Interface craft, down to the last state

Layout, type, spacing and motion, plus the states most mockups skip: empty, loading, error, focus. All of it built into design systems engineers actually use.

Product thinking, not just screens

I write the user stories, run backlog refinement, and have stepped in as product owner and business analyst. I ask why before I ask how.

Go beyond the handoff

HTML, CSS and JS, now React and Next.js. When Figma can't answer the question, I build a working prototype that can.

AI as a multiplier

It speeds up research synthesis, ideation, prototyping and testing. The decisions about people stay with people.

02Selected work

Connectavo: Rebuilding a maintenance platform around capacity, not guesswork

01 / Connectavo CMMS, UI/UX Designer

Rebuilding a maintenance platform around capacity, not guesswork

A UI overhaul of a maintenance-management (CMMS) web portal, timed with its move to a new tech stack: capacity planning, downtime tracking and the reports maintenance teams actually use.

Read the case study
Propforce: Helping freelance agents sell property from their phones

02 / Zameen.com, Product Designer

Helping freelance agents sell property from their phones

Mobile-first concepts for an affiliates portal where freelance agents browse curated real estate and sell it on to buyers for commission.

Read the case study

03How I work

Four phases that overlap on purpose.

Real projects don’t move neatly from one phase to the next. Design, code, testing and iteration often happen together.

  1. Discover

    Find the real problem. Talk to users and stakeholders before anyone opens a design canvas.

    Stakeholder interviewsUser researchCompetitor study

  2. Define

    Turn research into stories and goals the whole team agrees on.

    Visualise researchUser storiesPersonasKPIs

  3. Design

    From low-fi concepts to working prototypes, testing with users and iterating with the team along the way.

    IdeationWireframesVisual designStyle guideWorking prototypes(new in my process)User testing

  4. Deliver

    Specs, QA and developer support. More and more often, building the front end or handing over a working prototype.

    Spec sheetsDev supportQALaunchFront-end build(new in my process)