The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Architected and deployed the digital platform for Soke Africa, a business development and Go-to-Market execution firm. I delivered a complete React/TypeScript application featuring a Firebase-backed admin dashboard for real-time content management, taking full ownership of designing both the product flows and the technical implementation.
Tech Stack
React, TypeScript, Firebase, EmailJS, and Framer Motion.
Engineering Highlights
Real-Time Content Infrastructure: Engineered the Firebase-backed architecture that empowers the Soke Africa operations team to dynamically manage their portfolio, service modules, and ecosystem data in real-time.
Automated Acquisition Pipelines: Built automated lead capture and booking workflows integrated with EmailJS notification pipelines to instantly route B2B strategy session inquiries to the firm's leadership.
Performance & Rendering Optimization: Optimised front-end performance by utilizing GPU-accelerated Framer Motion, delivering fluid, premium UI interactions without compromising page load speeds.
Responsive & Search Optimized: Engineered a strict mobile-first layout combined with rigorous technical SEO, ensuring maximum accessibility, high Core Web Vitals, and strong search visibility across target African markets.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Why does a dashboard full of numbers still feel calm?
Bento grids are everywhere, and done right it's not a trend, it's information design. Each cell = one number, one meaning. The grid does the hierarchy for you.
Our three rules for a bento that works:
One idea per cell. Progress, glucose, one task. If a card needs two sentences, it needs two cards.
Mix the scale. One hero cell, a few mediums, one tiny stat, same gap everywhere.
One warm cell. A single card runs warm against the cool, dark screen; it carries the eye, and the rest stay quiet. No neon needed. Grids are calm. Content is loud. That's the whole trick.
Love the three rules. How do you handle this grid when it collapses to mobile without losing the hierarchy?
Ventox — Hypercar Landing Page 🏎️🔥
Ventox is a high-performance automotive landing page concept built around speed, exclusivity, and bold visual storytelling.
The design combines a striking orange hypercar, oversized typography, and a dramatic black-and-orange palette to create an immersive digital experience.
Special attention was given to:
A cinematic hero composition that puts the hypercar in the spotlight.
Oversized typography that reinforces the brand's identity.
Sharp geometric shapes and high-contrast colors inspired by speed.
Performance specifications presented in a clean, structured layout.
A prominent CTA that directs attention to the vehicle.
Responsive mobile layouts with simplified content and intuitive navigation.
The result is a bold automotive experience that brings together premium aesthetics, performance-focused storytelling, and clear navigation.
Looking to create a distinctive website for your automotive or luxury brand? Let's build something extraordinary. ⚡
: One of my favorite recent builds ✦
Theory was designed for a creative studio that needed something bold and editorial without losing clarity or usability.
The part I loved most was figuring out how to make the site feel visually expressive while still giving the portfolio work room to breathe. Lots of strong type, intentional movement, and little custom details throughout.
Designed + developed in Squarespace 7.1 with custom CSS and JavaScript.
The oversized “recent work” type over the project imagery is a lovely touch. Gives the portfolio a real editorial feel.