Graphic Designer | Motion Creator | Frontend Developer

I design user-centered digital experiences, craft strong visual identities, and bring ideas to life through motion and code.

From intuitive UI/UX and brand systems to engaging typography animations and product promos, I build designs that are both beautiful and functional.

Available on:

About Me

Graphic designer, frontend developer, and visual storyteller.

Hello! I’m a professional, creative, and versatile Graphic Designer and Frontend Web Developer with over four years of experience crafting visually compelling and user-focused designs across digital and print platforms. I specialize in UI/UX design, branding, responsive web interfaces, and motion-driven visuals that communicate ideas clearly and leave a lasting impression.

My journey into design began in 2019 as a passion project and has since grown into a full-scale professional career. With a background rooted in analytical thinking, I bring a balanced approach that blends design strategy, usability, and technical execution. I enjoy transforming complex concepts into clean, engaging, and intuitive visual experiences.

I work comfortably across the entire creative pipeline — from concept and wireframing to final deployment — using tools such as Figma, Adobe Creative Cloud, and modern Git-based workflows. This integrated approach allows me to deliver designs that are not only visually strong, but also technically sound and performance-driven.

Certifications & Training

Experience

Practical work, projects, and professional growth.

Graphic Designer — Soma Graphics

2023 – Present

Led the design and execution of brand identities, marketing visuals, and digital assets for businesses and individual clients. Delivered logos, social media creatives, print materials, and motion-based content with a strong focus on clarity, consistency, and audience engagement. Collaborated closely with clients to transform ideas into visually compelling solutions aligned with brand goals.

Freelance Graphic & Motion Designer — Fiverr

2024 – Present

Delivered design and motion graphic services to international clients through Fiverr, specializing in branding, social media creatives, promotional visuals, and short motion assets. Maintained clear communication, met tight deadlines, and ensured consistent quality across projects, leading to positive client feedback and repeat collaborations.

Freelance Designer — Upwork

2022 – Present

Collaborated with clients on Upwork to design brand assets, UI visuals, and marketing materials for startups and growing businesses. Supported both short-term and ongoing projects, applying structured workflows and usability-focused design principles to deliver professional, goal-driven results.

Freelance Graphic & Motion Designer

2020 – Present

Designed branding systems, marketing creatives, motion ads, and UI assets for clients across digital platforms, focusing on clarity, engagement, and conversion.

Skills

A blend of design strategy, visual storytelling, and frontend development.

🎨 UI / UX Design Primary

  • User interface & experience design
  • Wireframing & prototyping
  • Responsive & mobile-first design
  • Usability & accessibility fundamentals

🖌 Visual Design & Branding Primary

  • Brand identity & logo design
  • Typography & layout systems
  • Color theory & visual hierarchy
  • Digital & print design

🎞 Motion & Visual Storytelling Secondary

  • Motion-driven visuals
  • UI interaction design
  • Typography animation
  • Engagement-focused visuals

💻 Frontend Development Primary

  • Semantic HTML5 & modern CSS
  • Responsive layouts (Flexbox & Grid)
  • JavaScript fundamentals & DOM manipulation
  • Design-to-code workflows

🧰 Tools & Workflow Secondary

  • Figma & Adobe Creative Cloud
  • Git & GitHub version control
  • Component-based workflows
  • Performance-aware design

Projects

Selected branding, visual design, and frontend projects.

AfyiaTech Clinical Lab Assistant project screenshot

AfyiaTech Clinical Lab Assistant 🔬⚡

An installable, offline-first Progressive Web App (PWA) built to standardize conventional laboratory values into international metric equivalents (mmol/L and nmol/L) with automatic real-time clinical severity grading and dynamic lipid risk coefficients.

  • HTML5
  • Tailwind CSS
  • JavaScript (ES6+)
  • PWA & Service Workers
  • Offline Storage Vault
Live Demo → GitHub Repo →
String Inverter project screenshot

String Inverter 🔁

A real-time string reversal web app built using Vanilla JavaScript, HTML, and Tailwind CSS. It demonstrates DOM manipulation, event handling, and interactive UI updates.

  • HTML5
  • Tailwind CSS
  • JavaScript
  • DOM Manipulation
  • Frontend Development
Live Demo → GitHub Repo →
Personal Portfolio Website screenshot

Personal Portfolio Website

Graphic Designer | Motion Creator | Frontend Developer
I designed a user-centered digital experience, crafting a strong visual identity and bringing ideas to life through motion and code. From intuitive UI/UX and brand systems to engaging typography animations and product promos, this project demonstrates a portfolio that is both beautiful and functional.

  • Web Development
  • UI/UX Design
  • Motion Design
  • Responsive Design
  • Frontend Development
  • Branding
View project →
Logo design project preview

Logo Design Collection

A curated showcase of logo designs exploring multiple identity styles, including monogram, wordmark, pictorial mark, abstract symbol, mascot, and emblem logos. Each concept focuses on clarity, scalability, and strong brand recognition across digital and print use.

  • Logo Design
  • Brand Identity
  • Monogram
  • Wordmark
  • Pictorial Mark
  • Abstract
  • Mascot
  • Emblem
View project →
PrimeHealth Modern Hospital print design preview

PrimeHealth Modern Hospital — Print Design

A professional print design project featuring brochure, poster, and flyer designs created to showcase healthcare services with clarity, trust, and modern visual communication.

  • Print Design
  • Brochure
  • Poster
  • Flyer
  • Healthcare
  • Brand Communication
View project →
Hyper Coffee branding identity preview

Hyper Coffee — Brand Identity

Hyper Coffee is a vibrant and modern coffee shop in Busia County, Kenya. This branding project covers brand identity, guidelines, visual assets, and typography to communicate a welcoming, sustainable, and community-focused coffee experience.

  • Brand Identity
  • Brand Guidelines
  • Visual Arts
  • Color Schemes
  • Logo Design
  • Typography
View project →

Services

I offer a combination of creative and technical services, from designing user-focused interfaces to building responsive web experiences.

UI / UX Design

Crafting intuitive, user-centered interfaces with wireframes, prototypes, and usability testing.

  • Wireframing & Prototyping
  • Responsive & Mobile-first Design
  • User Research & Usability
  • Accessibility & Inclusive Design

Graphic Design

Creating visual identities, branding assets, and print or digital design materials that communicate ideas effectively.

  • Brand Identity & Logo Design
  • Typography & Layout Systems
  • Color Theory & Visual Hierarchy
  • Digital & Print Design

Motion Graphics

Designing animated visuals and interactive elements to engage audiences across digital platforms.

  • UI Interactions
  • Typography Animation
  • Product & Brand Promos
  • Engagement-driven Visuals

Frontend Development

Translating designs into responsive, high-performance web interfaces using modern HTML, CSS, and JS workflows.

  • Semantic HTML5 & Modern CSS
  • Responsive Layouts (Flexbox & Grid)
  • JavaScript Fundamentals & DOM Manipulation
  • Design-to-Code Workflows

Workflow

My creative and development process ensures every project is designed thoughtfully, tested thoroughly, and delivered efficiently.

  1. Discover & Research

    Understanding client goals, audience, and market to inform design decisions.

  2. UX Strategy & Wireframing

    Creating structured wireframes and defining user flows for an intuitive experience.

  3. Visual Design

    Transforming wireframes into engaging, branded visuals with typography and color systems.

  4. Motion & Interaction

    Adding animations and interactions to enhance usability and delight users.

  5. Development & Delivery

    Translating designs into responsive, performant websites ready for deployment.

    Desktop mockup
    Desktop
    Tablet mockup
    Tablet
    Mobile mockup
    Mobile

Hire Me

Available for freelance projects — choose your preferred platform.

Let’s Connect

Interested in working together? Fill out the form or reach me directly.

Direct Contact

Email: somagraphics56@gmail.com

Phone: +254 736 157 143