Epraise Welding
A full-stack digital commerce and client operations platform combining a conversion-focused industrial website with authenticated communication, quotations, approvals, and administrator-managed portfolio content.
Role
Product Designer & Full-Stack Engineer
Timeline
2026
Status
Live
Stack
The Problem
EPraise Welding needed more than an online brochure. The business needed to acquire customers with a credible industrial presence, move serious inquiries into a private workspace, formalize project scope and pricing, and keep its portfolio current without depending on a developer for every image change.
2
Role-aware portal experiences
Realtime
Client and admin messaging
RLS
Database-level access control
CMS
Client-managed portfolio content
My Role
Product Designer & Full-Stack Engineer
The Build
Designed and engineered a responsive, multi-page acquisition website with an industrial visual system, video-led storytelling, service discovery, animated counters, scroll reveals, parallax, asymmetric project galleries, contextual inquiries, and persistent pre-filled WhatsApp conversion paths.
Built a Supabase-powered client operations portal with account registration, email/password authentication, protected routes, role-based client and administrator experiences, Realtime messaging, unread tracking, contextual inquiries, file attachments, and an admin inbox. Administrators can create line-item quotations, calculate totals, and send quote or contract cards directly into the client conversation. A cross-device HTML Canvas signature component supports mouse and touch approval.
Created a lightweight gallery CMS backed by Supabase Storage and PostgreSQL so administrators can upload, replace, edit, categorize, orient, and delete portfolio images themselves. Added Resend notifications, Row-Level Security, role-aware access policies, Nigeria-focused structured SEO, optimized image delivery, compressed video, deferred analytics, and render-performance improvements.
Engineering Highlights
- Responsive industrial marketing system with video-led storytelling
- Supabase Auth, protected routes, and client/admin role separation
- Realtime messaging, unread state, contextual inquiries, and attachments
- Admin inbox with recent-thread prioritization and inquiry context
- Line-item quotation and contract cards delivered inside conversations
- Mouse- and touch-enabled HTML Canvas signature approvals
- Supabase Storage for attachments, signatures, and gallery assets
- Gallery CMS for upload, replacement, editing, orientation, and categorization
- Resend notifications, WhatsApp deep links, and Nigeria-focused technical SEO
- Media compression, deferred scripts, and reduced scroll-driven re-renders
Product evidence
Product walkthroughs
Click to play · Audio controlled by you
Administrator-managed gallery CMS
0:40The business can edit titles and descriptions, categorize work, replace imagery, adjust orientation, and remove portfolio items without developer support.
The Outcome
Live · Authenticated client operations · Realtime messaging · Quote approval workflow · Self-managed gallery CMS
One lesson
The most valuable handoff is operational independence. A polished acquisition site wins attention, but the client portal and gallery CMS turn the platform into infrastructure the business can operate without ongoing developer intervention.
Tech Stack
Tags
Implementation note
Scope note: the public contact form currently presents a designed success-state prototype but does not transmit or persist submissions. The implemented lead channels are the authenticated client portal and pre-filled WhatsApp journeys.
Next project