Portfolio — 2026

Your Name

UI Designer & Developer

Designing interfaces, building products,
and thinking in outcomes.

Selected work

Selected Work

Interfaces & products,
problem to outcome.

01

Project Title — Product Redesign

UI Design · Design System · React

Problem
Placeholder: a one-to-two sentence framing of the user or business problem this project addressed.
Process
Placeholder: research, wireframes, prototyping, testing — the path you took and the key decisions.
Outcome
Placeholder: the measurable result, e.g. “task completion up 32%, support tickets down 18%.”
View case study

02

Project Title — Mobile App UI

Mobile · Prototyping · Figma

Problem
Placeholder: what was broken, missing, or underperforming before you started.
Process
Placeholder: how you explored, iterated, and validated the design direction.
Outcome
Placeholder: adoption, retention, satisfaction — the outcome the work produced.
View case study

03

Project Title — Front-end Build

Development · JavaScript · Accessibility

Problem
Placeholder: a performance, accessibility, or maintainability challenge in the codebase.
Process
Placeholder: architecture choices, refactoring approach, testing strategy.
Outcome
Placeholder: e.g. “Lighthouse 98, WCAG AA across all templates, 40% faster loads.”
View case study

04

Project Title — Dashboard & Data Viz

UI Design · Data Visualization · Tailwind

Problem
Placeholder: users drowning in data, unable to find the signal that drives decisions.
Process
Placeholder: information hierarchy, chart selection, progressive disclosure patterns.
Outcome
Placeholder: faster decision cycles, fewer report requests, clearer ownership of metrics.
View case study

05

Project Title — Brand & Web Presence

Web Design · Typography · Development

Problem
Placeholder: an identity that no longer matched the product, audience, or ambition.
Process
Placeholder: type exploration, layout systems, content strategy, hand-off.
Outcome
Placeholder: e.g. “time-on-site doubled, inbound inquiries up 60% in one quarter.”
View case study

Beyond the Screen

Programs, indicators, results.

Selected monitoring, evaluation & project development work — the systems thinking behind the interfaces.

Program Design — Theory of Change

Program Design · ToC · Stakeholder Mapping

Placeholder: designed the results framework and theory of change for a multi-year program — mapping activities to outputs, outcomes, and impact, with assumptions made explicit and testable.

Result: Placeholder — e.g. framework adopted across 4 country teams; baseline-to-endline outcome targets met or exceeded.

Indicators & KPI Dashboard

MEL · Indicators · Data Visualization

Placeholder: built the indicator framework and a live KPI dashboard so the team could see progress against the logframe in real time — turning quarterly reports into a daily habit.

Result: Placeholder — e.g. reporting time cut by 70%; data-driven course corrections each quarter.

Toolkit

What I work with.

Design & Development

  • Figma
  • React
  • Tailwind CSS
  • JavaScript
  • TypeScript
  • HTML & CSS
  • Git
  • Prototyping
  • Design Systems
  • WCAG / Accessibility

Systems & Evaluation

  • Logframes
  • Theory of Change
  • KPI Dashboards
  • Data Visualization
  • MEL Frameworks
  • Survey Design

About / Approach

I design like an evaluator: every interface is a hypothesis.

Placeholder: I’m a UI designer and developer who cares about the craft of interfaces — type, rhythm, motion — and about whether they actually work once they’re in people’s hands.

Placeholder: years spent designing programs and measuring their results taught me to treat every design decision as a claim to be tested. Indicators, baselines, and feedback loops aren’t paperwork to me; they’re how good products stay good.

Placeholder: that combination — visual craft plus evaluative discipline — is what I bring to teams: interfaces that are beautiful, built well, and accountable to outcomes.

Experience

Two tracks, one practice.

  1. 2024 — Present

    Senior UI Designer & Developer — Company Name

    Placeholder: leading interface design and front-end builds for a flagship product; owning the design system.

  2. 2022 — 2024

    Product Designer — Studio / Company Name

    Placeholder: end-to-end product design across web and mobile, from research through shipped UI.

  3. 2021 — 2022

    M&E Consultant — Organization Name

    Placeholder: indicator frameworks and results reporting for a regional program.

  4. 2019 — 2021

    Front-end Developer — Company Name

    Placeholder: built and maintained accessible, performant interfaces for client projects.

  5. 2017 — 2019

    Project Development Officer — Organization Name

    Placeholder: program design, proposals, and monitoring across multiple projects.

Contact

Let’s make something that works.

Download CV