Re-Engineering Avenue Fashion | E-Commerce Case Study | Nyota Imara | Nyota Imara

Re-Engineering Avenue Fashion: From PHP Monolith to Multi-Platform Ecosystem

How Nyota Imara transformed an obsolete PHP zip file into a high-performance Next.js 16 web storefront, Payload CMS v3 backend, and a production React Native mobile app live on the Google Play Store.

Visit Avenue Fashion Get Android App

Project Overview & Technical Snapshot

Platforms & Ecosystem Delivered

High-Speed Next.js 16 Web Storefront, Embedded Payload CMS v3 Engine, Multi-Vendor Merchant Portal, and Production Android Mobile Application (com.nyotaimara.avenue).

Full Infrastructure Stack

Next.js 16 (App Router / React 19), React Native (Expo Router v6 / NativeWind v4), PostgreSQL (Supabase / PgBouncer), Cloudflare R2 CDN, PayHero M-Pesa Gateway, Jumia Logistics API.

The Engineering Journey: Craftsmanship Over Shortcuts

How a single M-Pesa patch request evolved into an enterprise-grade multi-platform refactor.

1. The Audit & Strategic Pitch

Audited a legacy PHP zip file. Replaced code patches with a strategic pitch for a modern, sub-second web storefront.

2. Web Storefront Modernization

Delivered Next.js storefront and M-Pesa STK checkout. Slashed page load times from 4.8s to <850ms.

3. Platform Refactor

Refactored backend architecture to native Payload v3, Supabase PgBouncer, and Cloudflare R2 object storage.

4. Native Mobile & Marketplace

Engineered React Native app, launched vendor portal, and published live to the Google Play Store.

Standout Technical Innovations

Dual M-Pesa Engine & Reviewer Sandbox

Real-time STK Push via PayHero with HMAC signature verification, automated background polling, and an automated reviewer sandbox bypass that secured Google Play Store app approval without manual intervention.

Jumia Logistics 47-County Shipping Matrix

Dynamic multi-vendor logistics calculator that resolves pickup origin counties and customer destination counties across all 47 Kenyan counties in real time.

Native Lexical AST Parser for React Native

In-house recursive parser mapping Payload CMS Lexical JSON nodes directly into NativeWind flexbox views—delivering 60fps lookbooks and sizing tables with zero WebView overhead.

Automated 45-Second Over-The-Air (OTA) Pipeline

GitHub Actions CI/CD connected to Expo EAS, dispatching JS bundle updates and promotional banners directly to user devices in under 45 seconds.

Business Impact & Measurable Outcomes

Transforming technical metrics into commerce performance and operational speed.

98/100 Lighthouse Performance

Page load latency slashed from 4.8s to <850ms, boosting search rankings and cart completions.

Native Play Store Presence

Live Android app package (com.nyotaimara.avenue) driving high-retention repeat mobile orders.

Automated Finance & Vendor Payouts

Self-service merchant portal with automated weekly CSV payout reports for finance teams.

Ready to Transform Your Legacy Application?

Partner with Nyota Imara Technologies to build high-performance web applications, mobile apps, and scalable digital infrastructure.

Start Your Project