Catherine Kiiru | Product Designer and Frontend Developer

Hi, I'm Catherine Kiiru

Product Designer | Frontend Developer | Open Source Maintainer.

I build intuitive, data-driven digital experiences for startups, SMEs and established organizations. My skillset includes frontend development , user research, user interface design , and leading design & software development teams.

My approach combines empathy, human-centered design & agile software development processes to deliver products that are functional, delightful to use and that make business sense.



My Portfolio Let's Work Together!

Portfolio

Hafinen Knowledge Center

Designed a knowledge Center for Hafinen, a Human resources startup. Project involved doing UI/UX research, creating wireframes and designing desktop and mobile screens.

    Built with:
  1. Figma
  2. User Research
View Prototype
hafinen

Mentorlst

A platform providing free one-on-one & group mentorship sessions from industry experts. Primary roles include frontend development, product strategy, & team leadership.

    Teck stack used:
  1. JavaScript
  2. Reactjs
  3. Nodejs
  4. Typescript
View live site
mentorlst

Software Development Agency

Frontend development for a software design and development agency based in Kenya

    Teck stack used:
  1. JavaScript
  2. Reactjs
  3. GASP
  4. Framer Animations
  5. Typescript
View live site
in4lytics screenshot

Product design for elearning app

Design for upgrading an elearning application

    Built with:
  1. Figma
  2. UI/UX Research
View Prototype GitHub
linkshub screenshot

Clearlink

A website for a video streaming startup. The goal was to create smooth animations, & ensure pixel-perfect implementation of figma designs.

    Teck stack & tools used:
  1. Reactjs
  2. TypeScript
  3. Tailwind CSS
  4. AOS Animations
  5. Material Tailwind
  6. Flowbite components
View live site GitHub
clearlink agency

Marketing Agency Website

Website for a marketing agency looking to establish their precence in the market

    Teck stack used:
  1. Reactjs
  2. Tailwind CSS
View live site GitHub
sunnyside landing page

Articles

Consuming APIs in React (With Code Examples)

Consuming and rendering data from APIs is akin to knowing how to write "hello world". It's a right of passage for every developer if you plan on building scalable software solutions.

Continue reading heart 3
MacBook Pro

5 Strategies to Improve Your Coding Skills and Advance From Beginner to Intermediate

Learning software development is difficult and retaining the information is harder. So how can you improve your retention rate?

Continue reading heart 1

Using Open Source to Boost Your Resume and Get Opportunities ✨

Open source is software that the original creator releases under a license where anyone can modify, redistribute, inspect and enhance the source code.

Continue reading heart 15

A comprehensive Guide to Asynchronous JavaScript [With Code Examples]

Open source is software that the original creator releases under a license where anyone can modify, redistribute, inspect and enhance the source code.
Continue reading heart 14

Let's chat!

Available for projects & collaborations

Let's chat and collaborate!