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 sites — agency builds & direct clients.
Filter by stack or relationship. Agency-build projects are flagged for context - they're how I usually work.
/ 01
Prima Medical·54Grid
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
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
Braudit·Braudit
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
/ 04
Beaconhill Smile Clinic·54Grid
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
/ 05
WOWBii Interactive·54Grid
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
/ 06
ClearSound ENT·54Grid
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
/ 07
Vision Craft·54Grid
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
/ 08
The Giftens Church·The Giftens Church
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
/ 09
Tobems Production·Tobems Media
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
/ 10
Manny & Co.·Manny & Co.
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
/ 11
54Ruum·54Ruum
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 CMSGROQPortable Text
Styling & UI
Tailwind CSSSCSSResponsive Designshadcn/ui
Animation
GSAPFramer MotionCSS Animations
Languages
TypeScriptJavaScript
Tools & Deployment
VercelNetlifyGit/GitHubDockerWebpackVite
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.
allwellsofficial@gmail.com