Kanyi's Portfolio

Most hiring decisions look right until the work starts.

Three years embedded in a live SaaS product — email security, five markets, real customers. Designed, built, documented, and still running. The case studies are the place to start.

Trusted by teams at

  • ImpactHub
  • Openspace
  • Ww Logo
  • Yvs

“Our previous website couldn't attract funding. The new platform looks professional, includes donation functionality, and reflects the work we actually do.”

Joy M Project Manager, Solutions for Somalia

“Delivered cleanly, integrated without disrupting anything else, and has worked without issues since. Technically solid and straightforward to work with.”

Simon N. App Developer

“Events, registrations, and team communication — all handled. The platform reflects who we are and has made coordinating across our ministries noticeably simpler.”

Josiah G. Administrator, Wonder Workers

Selected work

Case studies

Product, architecture, and growth work — shipped for ministries, startups, and established brands.

Wonder Workers Ministry — Turning a Generic Blog into a Mission-Driven Platform
Live Product Design

Wonder Workers Ministry — Turning a Generic Blog into a Mission-Driven Platform

Full-Stack Developer, Mission-Driven Web

  • Strategy: Identified three distinct user groups and redesigned the site's navigation and content structure around their journeys.
  • Execution: Built reusable WordPress blocks and PHP templates so the ministry team could manage and update content without developer involvement.
  • Impact: Ministries, events, and giving options now reachable in a single click, with a structure that supports future growth without rebuilding.
View case study
EasyCutecode — Turning Navigation Friction into Learner Retention
blog Live

EasyCutecode — Turning Navigation Friction into Learner Retention

Full-Stack Developer, Learning Experience

  • Strategy: Mapped the learner journey end-to-end and designed navigation logic that made the path through every course clear from the first visit.
  • Execution: Built modular PHP navigation components validated with real learners before rollout, deployable across all course content without rebuilding.
  • Impact: Launched with a learner experience ready to retain users from day one, confirmed through direct user testing before going live.
View case study

How I work

Three lenses on every engagement

Product, implementation, and growth — the same three lenses applied to every project, from first brief to live product.

Product

Taking a business problem and turning it into a clear plan — what to build, how it should work, and what the user experience should feel like before a single line of code is written.

Figma Claude Notion Google Docs

Implementation

Taking that plan and building it — designing the interfaces, connecting the systems, and making sure what was planned actually works end to end.

HTML5 CSS JavaScript TypeScript React Tailwind CSS WordPress Laravel PHP GitHub Claude Cursor

Growth

Tracking how real users interact with what was built, identifying what is not working, and making changes that improve results over time.

Hotjar Intercom Notion Google Analytics Matomo

Capabilities

Skills

An honest map of core strengths, balanced proficiency, and conscious gaps — so you know exactly where I lead and where I collaborate.

Tier 01

Core Strengths

Deeply ingrained disciplines where my proficiency is mature and execution is seamless.

  • UI Design & Prototyping

    Figma

  • WordPress Development

    Custom plugin development, Gutenberg block development, themes, REST API. WordPress is my primary and strongest framework.

  • React & Modern Frontend

    JavaScript, TypeScript, HTML, CSS

  • Design Systems

    Atomic Design, Icon Design

  • API Integration

    Connecting frontend interfaces to backend APIs across live commercial products

  • Technical SEO

    Sitemaps, schema, hreflang, multilingual SEO infrastructure

  • Multilingual Infrastructure

    WPML, translation workflows across five languages

  • Internal Operations Systems

    Notion, task management, cross-team workflows

  • Video Production

    Product walkthroughs, screen recording, multilingual versions

Tier 02

Balanced Proficiency

Areas of active application where I balance technical depth with creative agility.

  • Backend Development

    I have built real applications and data models from scratch in Laravel, and I understand how backend systems connect to the frontend. What I lack is the depth that comes from years of backend-first work.

  • Laravel

    Worked on teams using Laravel — building the frontend that connects to their APIs. Also built personal applications independently.

  • Motion Design

    SVGator, Cavalry

  • Data Visualization

    D3.js

Tier 03

Conscious Gaps

Honest limitations where I currently prefer collaboration or strategic outsourcing.

  • Native Mobile Development (Swift/Kotlin)

    “I build excellent web apps and PWAs, but I leave native OS code to specialists.”

  • 3D Modeling (Blender/Spline)

    “I can use 3D assets, but I don't create them from scratch.”

  • Machine Learning Engineering

    “I know how to use AI APIs (like this portfolio!), but I don't train models.”

  • Social Media Management

    “I design the strategy and the visuals, but the day-to-day management belongs with a specialist.”

  • DevOps & CI/CD Pipelines

    “I have used GitHub and managed staging deployments, but the deeper infrastructure work belongs with a specialist.”

Strategy: Collaborative Integration

Where I operate

From business problem to live product

A full-stack process — from defining the problem through to improving the live product.

Product

Discovery & Research

Defining the business problem and mapping the people it affects — before any solution is considered.

Notion Google Docs Claude

Product

UX Design

Mapping how users move through the product — information architecture, user flows, and journey mapping before any visual design begins.

Figma Notion

Product

UI Design

Translating structure into visual interfaces — wireframes, high-fidelity mockups, and interactive prototypes that make the plan testable.

Figma

Product

Design Systems

Building a reusable component library and preparing developer handoff specifications so design translates consistently into code.

Figma Google Docs

Implementation

Frontend Development

Building responsive, accessible interfaces — from architecture setup through to component development.

HTML5 CSS3 JavaScript TypeScript React Cursor

Implementation

WordPress Development

Custom themes, plugins, and Gutenberg blocks — built to meet specific product requirements, not off-the-shelf constraints.

WordPress PHP Cursor

Implementation

Integration

Extending the site with third-party connections — payment gateways, multilingual support, CRM hooks, and external APIs.

REST API GraphQL Multilingual Email Marketing

Implementation

Launch Readiness

Preparing the site for production — SEO configuration, performance optimisation, and deployment checks.

SEO Performance Security Search Console

Growth

Analytics & Optimisation

Tracking real user behaviour after launch and using that data to improve conversion and engagement.

Google Analytics 4 Tag Management Heatmaps Session Recording

Growth

Systems & Integrations

Connecting the live product to the tools that run the business — CRM, email, support, and automation.

CRM Email Automation Workflow Automation Live Chat

Growth

Growth & Iteration

Monitoring performance over time and planning improvements using data, feedback, and search insights.

Search Console SEO Auditing Heatmaps Project Management