Emmanuel Okafor
Web Developer | Business Websites | Landing Pages & Funnels
- 1
- Followers
Strivo, a gym website built with React + Supabase (in progress)
A full gym website with class booking, trainer profiles, a weekly schedule, membership plans, and an admin dashboard where the owner approves customer reviews before they go live.
STACK: React, Tailwind CSS, Supabase (database, auth, Row Level Security), Vercel.
STATUS: home page complete. Next are the booking system, reviews flow and admin dashboard.
Available for gym and fitness website projects.
2
60
Project Title: Webinar Funnel with Automated Live-Broadcast Experience
The Problem:
Most webinar funnels are just a video embedded on a page — visitors can skip ahead, get distracted, or leave before the offer is made. There's no structure guiding attention, and no mechanism to reveal the offer at the right psychological moment. The client needed a funnel that felt like a real live event, kept viewers engaged for the full session, and only presented the buy button when it was actually relevant — not before.
How I Solved It:
I built a full funnel flow — opt-in page → post-signup popup → confirmation page → automated webinar room → payment page — with custom JavaScript controlling the experience at each stage:
On the confirmation page, I used JavaScript to automatically redirect visitors into the webinar room at the scheduled start time, removing manual steps and keeping the "live" illusion intact
Inside the webinar room, I stripped out all video player controls (no pause, skip, or scrub) so the video behaves like a live broadcast rather than an on-demand replay
I added a timed reveal system — the purchase button stays hidden until a specific point in the video (e.g. minute 34 of a 40-minute webinar), then appears automatically right as the offer is pitched, keeping attention on the content until that exact moment
Connected the flow into a secure payment page for checkout immediately after the reveal
Result / Other Details:
The finished funnel runs end-to-end with zero manual intervention — a visitor can land on the opt-in page, get carried through confirmation, watch a fully "live-feeling" webinar, and reach checkout at the exact right moment, all timed automatically. Fully responsive across desktop, tablet, and mobile.
Tech used: HTML, CSS, JavaScript, Systeme.io
1
166
Problem
Webinar funnels need to do more than present information. They need to capture interest quickly, create enough anticipation to keep people moving, and make the transition from registration to the actual webinar feel seamless.
What I built
I designed and built a webinar lead-generation funnel for an MLM/network marketing summit.
The funnel starts with an opt-in landing page designed to communicate the value of the event, introduce the speakers, and encourage visitors to reserve their spot.
From there, I built the supporting journey:
Popup opt-in form for collecting attendee details
Confirmation/transition page after registration
A 5-minute countdown experience to build anticipation before the event
A dedicated webinar room where attendees continue to the actual presentation
The design was built around the event's speakers, schedule, social proof, and educational value while keeping the path to registration straightforward.
Technologies
HTML · Tailwind CSS · JavaScript · Systeme.io
I handled the frontend UI with HTML and Tailwind CSS, using JavaScript for the countdown and smaller interactions. Systeme.io was used for the funnel infrastructure, lead capture, CRM, and automation.
Result / Goal
The goal was to create a complete webinar funnel rather than a standalone opt-in page — giving visitors a clear path from discovering the summit to registering and entering the webinar experience.
Opt-in → Registration → 5-minute countdown → Webinar room.
A good example of how I approach funnel projects: the page is only one part of the experience; the journey between each step matters too.
1
140
PROBLEM
The client needed a proper e-commerce experience for a car accessories store, but didn't want to process payments directly on the website.
The concern was simple: customers may be hesitant to enter payment details online when they don't yet trust the store.
The challenge was to keep the convenience of e-commerce — browsing, product selection, cart management, quantities, and customer details — without forcing the customer through an online checkout/payment step.
WHAT I BUILT
I designed and built a car accessories e-commerce website with the core functionality you'd expect from an online store, but with a WhatsApp-based order flow instead of online payment.
Customers can:
Browse and explore products
View individual product details
Select quantities and add products to cart
Review and adjust their cart
Enter their delivery/contact information
Review their order before submitting
Send the complete order directly to the vendor via WhatsApp
The WhatsApp action automatically carries the relevant order information — products, quantities, customer details, and order context — so the vendor receives everything needed to continue the conversation and arrange payment/delivery.
TECHNOLOGIES
HTML · Tailwind CSS · JavaScript ·React.js · WhatsApp integration
The focus was on making the frontend feel like a familiar e-commerce store while keeping the checkout flow intentionally lightweight.
RESULT / GOAL
The goal was to reduce the trust barrier without sacrificing the shopping experience.
Instead of asking customers to make a payment to an unfamiliar store, the website lets them complete the shopping process first and then have a direct conversation with the vendor.
Browse → Product → Cart → Customer Details → Order via WhatsApp
The result is an e-commerce experience that adapts the checkout process to how the client's customers are more comfortable buying, rather than forcing a conventional online payment flow.
1
71