Lead Product Designer Β· Nairobi

Idesignproductsthatmovepeopleβ€”literally.

Lead Product Designer specializing in AI-powered platforms and motion-driven interfaces. I bring products to life with intentional interaction design, AI-assisted workflows, and code I ship myself.

0+Years in Product
0AI Products Shipped
0+Projects Delivered
Vibe Coding
Motion Design
Design Systems
Interactive Design
Product Strategy
Figma + AI
AI Interfaces
Prototyping
User Research
Vibe Coding
Motion Design
Design Systems
Interactive Design
Product Strategy
Figma + AI
AI Interfaces
Prototyping
User Research
Vibe Coding
Motion Design
Design Systems
Interactive Design
Product Strategy
Figma + AI
AI Interfaces
Prototyping
User Research
Vibe Coding
Motion Design
Design Systems
Interactive Design
Product Strategy
Figma + AI
AI Interfaces
Prototyping
User Research

About

Product designer who also ships the code.

I'm a Lead Product Designer based in Nairobi with 5+ years designing AI-powered platforms, fintech tools, and health-tech products for African and global markets.

My background in motion design shapes everything I do. I don't just design static screens β€” I choreograph how products feel. Transitions, micro-interactions, loading states. These are shipping deliverables, not afterthoughts.

I'm currently deep in the AI + design intersection, using tools like Windsurf, Claude Code, and Figma MCP to go from concept to coded prototype in hours, not weeks.

Motion-First

Every screen is a performance. I design transitions before static states.

AI-Native

I use AI as a design collaborator β€” from ideation to coded output.

Ship-Ready

I write the code, so my specs are already implementation-ready.

Mercy Kabiria

Selected Work

Products I've designed and shipped.

Talking Objects Archive
WEBSITELead Product Designer (UX)

Talking Objects Archive

Talking Objects Archive is a digital platform dedicated to decolonial knowledge production. It builds a 'cosmos' of diverse perspectives around objects through ongoing community contributions. The goal was to transform a content-heavy archive into an intuitive, exploratory experience.

View project→
Crimson Care Africa
WEBSITELead Product Designer (UX/UI) & Web Developer

Crimson Care Africa

Crimson Care exists to make monthly care less of a chore and more of a choice. Born from a frustration with single-use products and a search for comfort, platform centers on the CrimCupβ€”a thoughtfully designed, medical-grade menstrual cup. The goal was to build a digital home for a product that is kinder to bodies and earth, while feeling modern and personal.

View project→
Akki β€” AI Health Assistant (Syni.ai)
AI PRODUCTLead Product Designer & Conversation Designer

Akki β€” AI Health Assistant (Syni.ai)

Akki is a WhatsApp-based AI assistant designed to bridge the gap between clinic visits for patients with hypertension, diabetes, and asthma. Led the end-to-end product and conversation design, ensuring the assistant provides professional-grade health coaching while remaining accessible and culturally resonant.

View project→
Chpter β€” WhatsApp Commerce Platform
CASE STUDYLead Product Designer

Chpter β€” WhatsApp Commerce Platform

Redesigned merchant onboarding, built WhatsApp campaign tools, and designed an omnichannel management system across WhatsApp, Instagram DM, and AI.

View project→
Chpter β€” Mobile App
MOBILE APPLead Product Designer

Chpter β€” Mobile App

A native iOS & Android companion that brings Chpter's most time-sensitive features to merchants' phones β€” unified inbox, campaign builder, push-driven order management, and real-time analytics.

View project→
Syni.ai β€” Enterprise AI Platforms
AI PRODUCTLead Product Designer

Syni.ai β€” Enterprise AI Platforms

Leading product design at an AI studio building enterprise decision intelligence and executive AI adoption platforms. Managing a 2-person design team across Akki and Akki Sandbox.

View project→
Solvit β€” Valuation Management Platform
WEB PLATFORMProduct Designer β†’ Project Manager

Solvit β€” Valuation Management Platform

Two-sided platform connecting professional valuers with insurers, banks, and fleet managers. Company portal for request tracking, and an admin backend covering onboarding, assignment, lifecycle management, and billing.

View project→
Solvit β€” Solver Mobile App
MOBILE APPProduct Designer

Solvit β€” Solver Mobile App

Native iOS & Android app for field valuers. Job management, in-app navigation, dynamic asset forms with photo capture, and full offline capability β€” every interaction designed to survive a dropped connection.

View project→
Safaricom Baze β€” Creator & Admin Platform
WEB PLATFORMProduct Designer

Safaricom Baze β€” Creator & Admin Platform

Designed the creator tools and admin backend for Baze β€” Safaricom's video and music streaming platform. Two operational systems: how content gets onto the platform, and how Safaricom manages it.

View project→
Talking Objects Archive
WEBSITELead Product Designer (UX)

Talking Objects Archive

Talking Objects Archive is a digital platform dedicated to decolonial knowledge production. It builds a 'cosmos' of diverse perspectives around objects through ongoing community contributions. The goal was to transform a content-heavy archive into an intuitive, exploratory experience.

View project→
Crimson Care Africa
WEBSITELead Product Designer (UX/UI) & Web Developer

Crimson Care Africa

Crimson Care exists to make monthly care less of a chore and more of a choice. Born from a frustration with single-use products and a search for comfort, platform centers on the CrimCupβ€”a thoughtfully designed, medical-grade menstrual cup. The goal was to build a digital home for a product that is kinder to bodies and earth, while feeling modern and personal.

View project→
Akki β€” AI Health Assistant (Syni.ai)
AI PRODUCTLead Product Designer & Conversation Designer

Akki β€” AI Health Assistant (Syni.ai)

Akki is a WhatsApp-based AI assistant designed to bridge the gap between clinic visits for patients with hypertension, diabetes, and asthma. Led the end-to-end product and conversation design, ensuring the assistant provides professional-grade health coaching while remaining accessible and culturally resonant.

View project→
Chpter β€” WhatsApp Commerce Platform
CASE STUDYLead Product Designer

Chpter β€” WhatsApp Commerce Platform

Redesigned merchant onboarding, built WhatsApp campaign tools, and designed an omnichannel management system across WhatsApp, Instagram DM, and AI.

View project→
Chpter β€” Mobile App
MOBILE APPLead Product Designer

Chpter β€” Mobile App

A native iOS & Android companion that brings Chpter's most time-sensitive features to merchants' phones β€” unified inbox, campaign builder, push-driven order management, and real-time analytics.

View project→
Syni.ai β€” Enterprise AI Platforms
AI PRODUCTLead Product Designer

Syni.ai β€” Enterprise AI Platforms

Leading product design at an AI studio building enterprise decision intelligence and executive AI adoption platforms. Managing a 2-person design team across Akki and Akki Sandbox.

View project→
Solvit β€” Valuation Management Platform
WEB PLATFORMProduct Designer β†’ Project Manager

Solvit β€” Valuation Management Platform

Two-sided platform connecting professional valuers with insurers, banks, and fleet managers. Company portal for request tracking, and an admin backend covering onboarding, assignment, lifecycle management, and billing.

View project→
Solvit β€” Solver Mobile App
MOBILE APPProduct Designer

Solvit β€” Solver Mobile App

Native iOS & Android app for field valuers. Job management, in-app navigation, dynamic asset forms with photo capture, and full offline capability β€” every interaction designed to survive a dropped connection.

View project→
Safaricom Baze β€” Creator & Admin Platform
WEB PLATFORMProduct Designer

Safaricom Baze β€” Creator & Admin Platform

Designed the creator tools and admin backend for Baze β€” Safaricom's video and music streaming platform. Two operational systems: how content gets onto the platform, and how Safaricom manages it.

View project→
Talking Objects Archive
WEBSITELead Product Designer (UX)

Talking Objects Archive

Talking Objects Archive is a digital platform dedicated to decolonial knowledge production. It builds a 'cosmos' of diverse perspectives around objects through ongoing community contributions. The goal was to transform a content-heavy archive into an intuitive, exploratory experience.

View project→
Crimson Care Africa
WEBSITELead Product Designer (UX/UI) & Web Developer

Crimson Care Africa

Crimson Care exists to make monthly care less of a chore and more of a choice. Born from a frustration with single-use products and a search for comfort, platform centers on the CrimCupβ€”a thoughtfully designed, medical-grade menstrual cup. The goal was to build a digital home for a product that is kinder to bodies and earth, while feeling modern and personal.

View project→
Akki β€” AI Health Assistant (Syni.ai)
AI PRODUCTLead Product Designer & Conversation Designer

Akki β€” AI Health Assistant (Syni.ai)

Akki is a WhatsApp-based AI assistant designed to bridge the gap between clinic visits for patients with hypertension, diabetes, and asthma. Led the end-to-end product and conversation design, ensuring the assistant provides professional-grade health coaching while remaining accessible and culturally resonant.

View project→
Chpter β€” WhatsApp Commerce Platform
CASE STUDYLead Product Designer

Chpter β€” WhatsApp Commerce Platform

Redesigned merchant onboarding, built WhatsApp campaign tools, and designed an omnichannel management system across WhatsApp, Instagram DM, and AI.

View project→
Chpter β€” Mobile App
MOBILE APPLead Product Designer

Chpter β€” Mobile App

A native iOS & Android companion that brings Chpter's most time-sensitive features to merchants' phones β€” unified inbox, campaign builder, push-driven order management, and real-time analytics.

View project→
Syni.ai β€” Enterprise AI Platforms
AI PRODUCTLead Product Designer

Syni.ai β€” Enterprise AI Platforms

Leading product design at an AI studio building enterprise decision intelligence and executive AI adoption platforms. Managing a 2-person design team across Akki and Akki Sandbox.

View project→
Solvit β€” Valuation Management Platform
WEB PLATFORMProduct Designer β†’ Project Manager

Solvit β€” Valuation Management Platform

Two-sided platform connecting professional valuers with insurers, banks, and fleet managers. Company portal for request tracking, and an admin backend covering onboarding, assignment, lifecycle management, and billing.

View project→
Solvit β€” Solver Mobile App
MOBILE APPProduct Designer

Solvit β€” Solver Mobile App

Native iOS & Android app for field valuers. Job management, in-app navigation, dynamic asset forms with photo capture, and full offline capability β€” every interaction designed to survive a dropped connection.

View project→
Safaricom Baze β€” Creator & Admin Platform
WEB PLATFORMProduct Designer

Safaricom Baze β€” Creator & Admin Platform

Designed the creator tools and admin backend for Baze β€” Safaricom's video and music streaming platform. Two operational systems: how content gets onto the platform, and how Safaricom manages it.

View project→
Company logo
Company logo
Company logo
Company logo
Company logo
Company logo
Company logo
Company logo
ADH logo
Company logo
Company logo
Company logo
Company logo
Company logo
Company logo
Company logo
Company logo
ADH logo

Experience

Where I have led Design

Jan 2025 β€” Present

Lead Product Designer

Syni.ai

Managed a team of 2 designers. Led design across Akki, Akki Sandbox, and HIEX Insurance.

Nov 2025 β€” Present

Project Manager

Solvit

Managing client and engineering delivery for a product I originally designed.

Mar 2024 β€” May 2025

Lead Product Designer

Chpter.co

Managed design intern, led design direction with marketing. –91% response time, +8pp conversion.

Jan 2022 β€” Mar 2024

Lead Creative

Creative Consilium

Led design team and client delivery. 25+ projects β€” brand websites, e-commerce, campaigns.

Contracts

Nov 2024

Product Designer

Safaricom Baze

Designing media platform interfaces with data visualization for content creators and Safaricom Baze staff.

Sept 2024

Product Designer

Solvit

Designed AI Co-Pilot. +24% valuation accuracy, –68% report generation time.

HOW I WORK

Research β†’ Strategy β†’ Design β†’ Validate β†’ Ship β†’ Measure

My approach to product design: Research-driven strategy, rapid execution, measurable impact. I don't just make things look good. I define what gets built, validate it with users, and measure what matters. Here's how I work from discovery to delivery.

1

Discovery & Research

Understanding the problem before designing the solution

User interviews β€” 8-12 users per project, split by persona (first-time users vs. power users, patients vs. clinicians, merchants vs. customers). I ask behavioral questions ('Walk me through the last time you...') not hypotheticals ('Would you use...?').

  • Competitive analysis β€” I study 3-5 competitors to identify industry patterns (what users expect) and gaps (opportunities to differentiate).
  • Support ticket analysis β€” High support volume = design failure. I analyze tickets by category (product confusion, technical errors, process questions) to identify what needs fixing vs. what needs better communication.
  • Stakeholder alignment β€” I work with product managers, engineers, and business teams to understand: What metrics matter? What constraints exist (technical, regulatory, budget)? What's the real problem we're solving?

Example

On Syni.ai, I interviewed 8 patients with chronic conditions, shadowed community health workers for 2 days, and analyzed 6 months of SMS reminder data. Key insight: Patients wanted accountability, not nagging. Generic SMS reminders felt impersonal β†’ low trust. This shaped our conversational AI approach.

2

Strategy & Prioritization

Deciding what to build and why

Define the problem clearly β€” I write a one-sentence problem statement that everyone can rally behind. Example: 'Merchants lose 60% of sales inquiries because they can't respond fast enough on WhatsApp.'

  • Map user journeys β€” I document the current state (where users struggle) vs. ideal state (what success looks like). This reveals friction points and opportunities.
  • Prioritize features ruthlessly β€” I use the RICE framework (Reach Γ— Impact Γ— Confidence / Effort) to rank features. High reach + high impact + low effort = build first. Low confidence or high effort = validate with prototype before committing.
  • Set success metrics β€” I define what 'working' means before we build. Not vanity metrics (screen views), but outcomes (conversion rate, time to complete task, support ticket reduction, NPS).

Example

On Chpter, merchants wanted 'automate everything' but customers needed human touch. I prioritized: (1) Bot handles FAQs (high reach, low effort), (2) Always-visible 'Talk to owner' button (builds trust), (3) Merchant dashboard shows what bot couldn't handle (trains system). Result: 58% automation without killing trust.

3

Design & Iteration

Building the solution, testing assumptions, and refining relentlessly

Start low-fidelity β€” Wireframes first. I validate structure and flow before investing in visual polish. If wireframe doesn't solve the problem, high-fidelity won't save it.

  • Design systems thinking β€” I build reusable components and patterns from day one. Every button, form field, and card follows a system. This speeds up future work and ensures consistency.
  • Motion design as a deliverable β€” Transitions, micro-interactions, and loading states aren't afterthoughts. I design them in After Effects or Framer Motion and ship them as code (Lottie files, Framer Motion components). Motion communicates state, guides attention, and builds trust.
  • Accessibility by default β€” WCAG AA compliance, screen reader support, keyboard navigation, color contrast, mobile-first responsive design. I design for everyone, not just ideal users.
  • Prototype with code β€” I use Claude Code, Windsurf, and Framer to build working prototypes β€” not clickable PDFs. This lets me test real interactions (animations, form validation, API calls) before engineering builds.

Example

On Safaricom Baze, I designed a role-based CMS for 3 user types (content creators, managers, operators). I started with wireframes to validate workflows, built a component library (buttons, tables, modals), then prototyped upload flow in code to test file validation and progress states. Engineering got annotated specs + working code = faster, cleaner build.

4

Validation & Testing

Making sure it works before we ship

Usability testing β€” 5-8 users, task-based scenarios ('Upload a video and schedule it for tomorrow'). I watch where they struggle, what they misunderstand, what delights them. I'm looking for: Can they complete the task? How long does it take? Where do they get stuck?

  • A/B testing β€” When there's uncertainty (e.g., 'Should onboarding show a tutorial or let users explore?'), I design both versions. Let data decide, not opinions.
  • Prototype testing β€” Before engineering builds, I test interactive prototypes with real users. This catches UX issues early when they're cheap to fix.
  • Heuristic evaluation β€” I audit designs against usability principles (Nielsen's 10 heuristics, Fitts's Law, progressive disclosure, etc.). Catches issues users might not articulate.

Example

On Chpter, we tested two onboarding flows: guided tutorial vs. progressive disclosure. Guided tutorial had 27pp higher completion rate. Data decided β€” we shipped the tutorial, then iterated based on where users still dropped off.

5

Handoff & Measurement

Shipping with quality, then improving based on data

Annotated specs β€” Engineers get designs with notes: interaction states (hover, active, disabled), edge cases (what happens when there's no data, when API fails), design rationale (why this choice matters). This reduces back-and-forth and ensures quality.

  • Design QA β€” I review builds before they ship. I check: Does it match the design? Are interactions smooth? Do edge cases work? Are there accessibility issues?
  • Post-launch monitoring β€” I use Hotjar (heatmaps, session recordings), GA4 (funnels, drop-off points), and Mixpanel (cohort analysis) to track how users actually behave. I look for: Where do they drop off? What do they click that doesn't work? What's taking too long?
  • Iterate based on data β€” Weekly reviews (quick wins), monthly deep dives (bigger changes). I don't design and forget β€” I design, ship, measure, iterate.

Example

On Chpter, post-launch monitoring showed: Users were clicking 'Edit campaign' from the wrong screen (confusion about state). I added a status badge ('Draft' vs. 'Live') and moved the edit button. Drop-off reduced 22%. Small fix, big impact β€” only found through monitoring real usage.

My Principles

βœ…1. Research, don't assume β€” Users are experts in their own problems. My job is to listen, synthesize, and design based on evidence β€” not gut feel.
βœ…2. Simplify ruthlessly β€” Remove features until it feels obvious. Complexity is easy. Simplicity is hard.
βœ…3. Design for real constraints β€” I design for 2G networks, low smartphone literacy, varying languages, and infrastructure limits. Ideal conditions don't exist β€” design for reality.
βœ…4. Ship fast, iterate faster β€” Perfect is the enemy of shipped. I prototype quickly (AI tools, code), test with real users, and improve based on data. Speed = learning.
βœ…5. Measure what matters β€” Not vanity metrics (screen views or button clicks), but real outcomes. Did users complete the task? Did it reduce support load? Did it improve trust? Conversion, retention, support reduction, NPS.
βœ…6. Motion is meaning β€” Transitions and micro-interactions aren't decoration β€” they're feedback, guidance, and trust-building. I ship them as code, not specs.

Toolkit

How I design, prototype, and ship.

Figma + MCP

Design systems, prototyping and AI-assisted design with Figma MCP Integration

Windsurf

I use Windsurf for vibe coding. I go from design to production with AI pair programming

Claude Code

AI-powered development for rapid prototyping and shipping production features

Framer Motion

Designing product motion β€” page transitions, micro-interactions, loading states

Lottie / After Effects

Exporting complex animations as lightweight, developer-friendly Lottie files

User Research

Discovery calls, usability testing and data-informed design decisions

Design Systems

Scalable component libraries and tokens that keep teams aligned

Framer / Next.js

Publishing production websites and landing pages

Beyond My Desk

Mountaineer. Rock climber. Cyclist. 1% better every day.

Adventure Diary β†’
Adventure photo
Adventure photo
Adventure photo

Have an idea?
Let's work together