From Simple Logo & Flyer Design to Complex Enterprise Web & Mobile Apps
A transparent chronicle of my journey: starting with vector art and print typography in 2017, transitioning to responsive code, mastering sub-second Safaricom M-Pesa payment rails, and engineering turnkey SaaS systems.
The Graphic Design Genesis: Logos, Print Press & Typography
My journey began not with code, but with pixels, vectors, and ink. Working with small business owners along River Road and Upper Hill in Nairobi, I designed over 300 corporate identities, event posters, vehicle wraps, and marketing collateral.
The Code Migration: Semantic HTML, Custom CSS & 38 Client Builds
Clients kept asking: "Can you build our website to look as sharp as the brand manual you gave us?" I refused to use slow, bloated page builders that weighed 12 megabytes. I taught myself semantic HTML5, CSS3, vanilla JavaScript, and WordPress theme architecture from the ground up.
The FinTech Transformation: Full-Stack Laravel & Safaricom Daraja STK
Static sites weren't enough. Kenyan commerce runs on M-Pesa. I dove into backend engineering with PHP 8, Laravel, relational database modeling in MySQL, and direct integration with Safaricom Daraja 2.0 API.
Enterprise Architecture: Offline PWAs, KRA eTIMS & Distributed Systems
Moved to enterprise infrastructure: Next.js, Node.js, Python, PostgreSQL, Redis, Docker, and hardware interfaces. Engineered point-of-sale systems with offline-first IndexedDB caches that keep cashiers selling during fiber outages, plus automated KRA eTIMS tax integration.
The Ecosystem Standard: 15 Turnkey SaaS Platforms & 200 WebTools
Today, Cyril Creatives represents a full digital engineering agency and product suite: 15 production SaaS platforms (DistributorOS, Construction OS, Estate OS, MedFlow POS, SafariCraft, ChakulaPlanner) and a suite of 200+ high-performance client-side statutory and developer utilities with 99.98% SLA.
Then (2017) vs. Now (2026) β The Technical Transformation
- π¨ Primary Tools: CorelDRAW X7, Illustrator, Photoshop
- π Deliverables: CMYK PDFs, vector logos, flyers, business cards
- β±οΈ Execution Focus: Visual aesthetics, color matching, font pairing
- π³ Payments Handled: Manual cash, invoice slips, paper receipts
- π Web Knowledge: Basic HTML, FTP uploads, brochure layouts
- β‘ Primary Stack: Laravel 11, Next.js, Node.js, Python, PostgreSQL
- π Deliverables: 15 SaaS Platforms, POS Till Rigs, 200+ WebTools
- β±οΈ Execution Focus: Sub-second TTFB, 0% dropped IPN, fault tolerance
- π³ Payments Handled: Automated Daraja STK Push, KRA eTIMS
- β¨ Design Advantage: Pixel-perfect UI with senior full-stack backend