01
Design-to-production builds
Pixel-accurate implementation from Figma. Responsive across viewports, animation-ready, and built to match design intent - not approximate it.
FigmaNext.jsTailwindGSAP
Frontend & web development for agencies
Websites for agencies that need clean execution.
I turn approved designs into production-ready, CMS-powered websites with reliable delivery, accurate implementation, and less hand-holding.
01 / Selected work
Production websites including agency builds & direct clients.
Filter by work done, stack, or relationship. Cards show whether I handled the interface, the CMS, or both.
/ 01
Prima Medical·54Grid
Worked onUI buildCMS build
Premium outpatient mental and behavioural healthcare site for executives, families, public figures, teens, and children. Wellness services, appointment booking, conditions supported, privacy positioning, and international insurance.
Agency BuildSanity CMSHealthcareMental HealthAppointment BookingService Website
www.primamedical.org/ live
/ 02
Frictionless Capital·Studio Freight
Worked onUI buildCMS build
Thesis-driven venture capital site focused on research, portfolio companies, market theses, and founder-facing credibility. Multilingual, editorial, with a refined research-archive feel.
Agency BuildStoryblok CMSVenture CapitalEditorialResearch Archive
www.frictionless.capital/ live
/ 03
WinGen·Studio Freight
Worked onCMS build
Retail home-services software platform connecting lead generators, service providers, retailers, and contractors. CMS build supported product positioning around lead capture, lead management, in-store workflows, and sales automation.
Agency BuildStoryblok CMSB2B SoftwareLead GenerationRetail Home ServicesSales Automation
www.wingenapp.com/ live
/ 04
Spacejunk·Studio Freight
Worked onCMS build
Creative studio site for live-action, animation, VFX, and integrated campaigns. CMS build supported a high-motion portfolio system with featured work, case studies, client metadata, and studio positioning.
Agency BuildStoryblok CMSCreative StudioAnimationLive ActionCase Studies
www.spacejunk.com/ live
/ 05
Lightfield·Studio Freight
Worked onCMS build
AI-native CRM marketing site for teams that want automatic customer context, meeting capture, pipeline generation, and prompt-built sales agents. CMS build supported product education, resources, changelog, and conversion content.
Agency BuildSanity CMSAI CRMSaaS WebsiteSales AutomationProduct Marketing
www.lightfield.app/ live
/ 06
GrowthLoop·Studio Freight
Worked onCMS build
Composable customer data platform site for marketing teams using cloud data, AI decisioning, audience building, journeys, and insights. CMS build supported platform pages, resources, integrations, case studies, and enterprise marketing content.
Agency BuildStoryblok CMSCustomer Data PlatformB2B SaaSMarketing TechnologyAI
www.growthloop.com/ live
/ 07
PSCR Builders·PSCR PTY. LTD.
Worked onUI buildCMS build
Commercial builders and shopfitting site for a Roxburgh Park-based contractor. Presents plastering, suspended ceilings, framing, renovations, project management, completed work, reviews, and quote-driven contact paths.
Sanity CMSService WebsiteConstructionShopfittingRenovationsPortfolio
www.pscrbuilder.com/ live
/ 08
Braudit·Braudit
Worked onUI buildCMS build
SaaS marketing site for a performance intelligence platform. Communicates product value, integrations, demo CTAs, and measurable work-performance outcomes for B2B buyers.
SaaS WebsiteSanity CMSPerformance IntelligenceB2B SaaSMarketing Website
www.braudit.app/ live
/ 09
Beaconhill Smile Clinic·54Grid
Worked onUI buildCMS build
Award-winning multi-location dental practice. Service pages, doctor profiles, HMO information, appointment booking, and a knowledge base - built around family dental care positioning.
Agency BuildSanity CMSHealthcareDentalAppointment Booking
www.beaconhillsmile.com/ live
/ 10
Support Gene·54Grid
Worked onUI buildCMS build
B2B IT support company positioned as a managed services partner for businesses. Managed IT, recruitment, customer support, and operational reliability messaging.
Agency BuildSanity CMSIT SupportManaged ServicesB2BService Website
www.supportgene.com/ live
/ 11
WOWBii Interactive·54Grid
Worked onUI buildCMS build
African enterprise technology company offering interactive flat panels, unified communications, digital signage, and tech-based learning environments for business and education.
Agency BuildSanity CMSEdTechEnterpriseProduct WebsiteAfrican Tech
www.wowbii.com/ live
/ 12
ClearSound ENT·54Grid
Worked onUI buildCMS build
Outpatient ENT, audiology, speech therapy, paediatric ENT, and surgical care clinic. Service overview, appointment booking, payment and insurance details, and specialist positioning.
Agency BuildSanity CMSHealthcareAppointment Booking
www.clearsoundent.org/ live
/ 13
Vision Craft·54Grid
Worked onUI buildCMS build
Eye clinic in Lagos - comprehensive eye exams, optometry, contact lens fitting, glaucoma testing, patient testimonials, and appointment booking.
Agency BuildSanity CMSHealthcareOptometryAppointment Booking
www.visioncraftng.com/ live
/ 14
The Giftens Church·The Giftens Church
Worked onUI buildCMS build
Identity, teachings, ministries, events, media library, and giving pathways for The Giftens Church. Built to support online teaching delivery and community engagement.
Sanity CMSChurch WebsiteCommunityEventsMediaContent Website
www.thegiftenschurch.net/ live
/ 15
Tobems Production·Tobems Media
Worked onUI buildCMS build
Multimedia agency presenting film, video, commercials, experiential events, TV production, event coverage, product launches, and a featured-work showcase.
Sanity CMSMedia ProductionMultimedia AgencyEventsFilmProject Showcase
www.tobemsmedia.com/ live
/ 16
Manny & Co.·Manny & Co.
Worked onUI buildCMS build
Independent growth-focused marketing firm built around an in-house way of working. Service pages, brand strategy positioning, careers, and commercial-execution narrative.
Sanity CMSMarketing FirmGrowth MarketingBrand StrategyCareersService Website
www.mannyandco.com/ live
/ 17
54Ruum·54Ruum
Worked onUI buildCMS build
Discovery and editorial platform for African photographers - explore by country, niche, and category. Profiles, latest stories, company news, and talent-hiring pathways.
Sanity CMSPhotography PlatformAfrican CreativesTalent DiscoveryEditorial
www.54ruum.com/ live
02 / Capabilities
What I take off your plate.
Hand me the Figma. I return a deployed, content-editable, performance-tuned website your client can run themselves.
02
Headless CMS architecture
Schema design, content modelling, editor experience, and previews. Built so your client can ship updates without calling you back in.
SanityStoryblokGROQPortable Text
03
Agency overflow & white-label
I work under your process, in your tools, with your project manager. Standups, Slack, Notion, Linear - whichever flow you run.
NDA-friendlySlackLinearNotion
04
Frontend architecture
Component systems, routing, state, accessibility, and the boring infrastructure that keeps a project shippable past launch week.
ReactTypeScriptA11y
05
Clean handoff & documentation
Repo structure, deployment, environment variables, content guides. The next person opening the project knows where everything lives.
GitHubREADMELoom walkthroughs
03 / How I work
A delivery process built around your timeline.
Set up in week one. Predictable updates. No surprise blockers landing on your PM's desk on Friday.
STEP 01 — KICKOFF
Brief intake & scope alignment
30-minute call to align on scope, timeline, CMS requirements, design state, and the people I'll be working with. I leave with a written scope you sign off before anything else moves.
STEP 02 — ENVIRONMENT
Repo, CMS, & staging on day one
Repo set up, CMS provisioned, staging environment live. Your team has a preview URL to send the client before I've written a real component.
STEP 03 — BUILD
Components first, then pages
Build out the design system in isolation, then compose pages from real CMS data. Predictable, testable, and easy for your team to review in chunks.
STEP 04 — REVIEW
Async demos, weekly sync
Loom walkthroughs of each milestone. Linear board your PM can read. One standing weekly call if you want one - otherwise async-first.
STEP 05 — POLISH
Performance, a11y, content, QA
Lighthouse passes, accessibility audit, real content loaded, cross-browser QA, mobile QA. The unglamorous part where projects actually become production-ready.
STEP 06 — HANDOFF
Deploy, document, depart cleanly
Production deploy, env vars documented, CMS editor guide, Loom for the client. I stay on a 14-day support window. After that, you own a project that doesn't need me.
04 / Stack
What I build with.
Tools chosen for production reliability and content-team usability. I'm not chasing every new framework - I'm shipping with the ones that deploy on Friday and still work on Monday.
Frameworks
Next.jsReactReact RouterVue.jsNuxt.js
CMS
Sanity CMSStoryblok CMSGROQ
Styling & UI
Tailwind CSSshadcn/ui
Animation
GSAPFramer Motion
Languages
TypeScriptJavaScript
AI Tools
Claude CodeCodexAntigravity
APIs & Integrations
Shopify Storefront APIResendGoogle Maps APIAirtable
Payments
StripePaystack
Deployment
VercelGit/GitHubDocker
05 / Contact
Have a build that needs a reliable pair of hands?
Send a brief. Even a rough one. Tell me the design state, the CMS, the deadline, and how your team works. I'll come back inside 24 hours with whether I can take it, when I can start, and what it costs.
allwellonen@gmail.com