Web design & development portfolio · 2026

Mario Garza
builds sites that
win the work.

Web Designer & Developer · AI Implementation Expert. Founder & CEO of Catalyst Digital Solutions, LLC — Bakersfield, CA.

Eight production builds below: Next.js multi-tenant demo sites, client sites and landing pages with real backend integrations, and WordPress work still live and earning.

See the work →About me

Mario Garza at his desk building a construction company website

Bakersfield, CADesign, build, deploy — same hands, same eyes.

Sites shipped

Next.js / React

Languages (EN/ES)

100%

Designed & built by me

01 — Next.js / React Demo Sites

Where Catalyst is going next

These are the sites we demo to prospects in our new construction / GC niche. Most are multi-tenant: we drop in client info, logo or wordmark, and brand colors for a rapid demo build — a prospect sees their own company on a top-1% site in under a minute.

Demo · multi-tenant

construction3.catalyst-demos.com

Monolith

Mass excavation / site & civil

Industrial, monospace-driven earthwork site for a Detroit site & civil contractor: hard-edged orange-on-black type, a live stats bar (yards moved, fleet, EMR rating), a site tracker, and a request-a-bid flow that lands in the inbox and the CRM at once.

NEXT.JS 14TAILWIND V4FRAMER MOTIONMULTI-TENANT

Visit live demo ↗

Stack & hosting

Next.js 14 App Router · TypeScript (strict) · Tailwind v4 · Framer Motion · deployed on Vercel with preview branches per demo tenant.

Built in

Tenant config layer (name, logo, palette, service copy) driving CSS variables · project & service route templates · bid-request form → transactional email + CRM webhook · LocalBusiness / Service schema · GA4 conversion events.

construction2.catalyst-demos.com

Holloway

Commercial GC

Trust-first build for an employee-owned Denver commercial builder: a photo-mosaic hero of real crews, sixty-year track record up front, capability and community pages, and market-sector routes that read fast on a jobsite phone.

NEXT.JS 14TYPESCRIPTTAILWIND V4MULTI-TENANT

Visit live demo ↗

Stack & hosting

Next.js 14 App Router · TypeScript · Tailwind v4 · server-rendered marketing routes · Vercel.

Built in

Shared tenant theme tokens · sector & service page templates · project gallery with optimized next/image · contact + estimate forms with validation and spam guard · technical SEO (sitemap, metadata API, schema) · GA4.

construction5.catalyst-demos.com

Meridian

Flagship demo

The premium end of the range: an editorial serif treatment for a high-end Aspen design-build practice — full-bleed estate photography, restrained scroll motion, and a scarcity-led message (six to eight commissions a year).

NEXT.JS 14GSAP / LENISPROGRAMMATIC SEOMULTI-TENANT

Visit live demo ↗

Stack & hosting

Next.js 14 App Router · TypeScript · Tailwind v4 · GSAP ScrollTrigger + Lenis smooth scroll · Vercel.

Built in

Scroll-driven process animation with reduced-motion fallback · generated location × service routes from a data file · tenant brand config (logo, wordmark, palette) applied at build or runtime · quote form → email + CRM · schema saturation + LLMs.txt for AI visibility.

02 — Next.js / React Client Sites

Live, in production, earning

Real businesses, real traffic. Consulting sites, lead-gen funnels, and one landing page wired to a custom API on the backend.

mesagroupconsulting.com

Mesa Group Consulting

Financial consulting

Credit-to-capital consulting site built to convert: video proof in the hero, real client numbers, and consumer and business paths split cleanly so each visitor gets the offer meant for them.

NEXT.JSREACTCONVERSION-LEDVERCEL

Visit site ↗

Stack & hosting

Next.js App Router · React · TypeScript · Tailwind · Vercel.

Built in

Consumer and business service tracks · concierge and resource sections · consultation request form with email routing · video hero with lazy loading · metadata and schema · GA4 tracking · responsive from 360px up.

getcreditily.com

Creditily

Lead-gen funnel

AI-powered credit repair: a free dispute-letter generator that works with no signup, 3-bureau tracking mocked in an app UI, and a $39.99/mo upgrade path — the whole funnel built to earn the first click before asking for anything.

NEXT.JSREACTFORM PIPELINEVERCEL

Visit site ↗

Stack & hosting

Next.js · React · TypeScript · Tailwind · route handlers for form submission · Vercel.

Built in

Multi-step qualifying form with client + server validation · pricing tier components · FAQ with schema markup · transactional email notifications · conversion event tracking · accessible, mobile-first layout.

texasfivefueling.com

Texas Five Fueling

Custom API

Single-page site for a Houston on-site fuel delivery operator — and the most technical build here: the front end talks to a backend API I built so applications submit, validate, and land in their internal system without a human re-typing anything.

NEXT.JS SPAAPI ROUTESAPPLICATION FLOWACTIVE CLIENT

Visit site ↗

Stack & hosting

Next.js single-page / landing architecture · React · TypeScript · Tailwind · backend API built with Next.js route handlers · Vercel with environment-scoped secrets.

Built in

Custom API endpoints connecting the site's application forms to the client's application system · server-side validation and error states · anchor-based single-page navigation with scroll reveals · fleet/service sections · click-to-call and quote CTAs tuned for mobile.

03 — WordPress

Client sites I still run

Design, build, and ongoing care — hosting, updates, speed, and SEO for owners who need the site handled, not explained.

blsolutions.org

B.L. Solutions

Active client

Veteran-owned security guard company in Bakersfield: video hero, clear service and partner structure, and phone plus email in reach on every screen — because this business is won on the call.

WORDPRESSCUSTOM THEME WORKLOCAL SEOMAINTAINED

Visit site ↗

Stack & hosting

WordPress with custom theme styling · managed hosting, backups, and updates handled by me · CDN + caching.

Built in

Service pages and contact routing · Google Business Profile + local SEO setup · analytics · image and speed optimization · ongoing content edits.

michelletrujillolaw.com

Michelle Trujillo Law

Active client

Juvenile criminal defense and CPS dependency practice in Kern County: a calm, gold-on-dark treatment, plain-language explanation of a frightening situation, and consultation requests that reach Michelle directly.

WORDPRESSPRACTICE-AREA IAINTAKE FORMSMAINTAINED

Visit site ↗

Stack & hosting

WordPress · custom theme styling · managed hosting with backups, updates, and uptime monitoring.

Built in

Practice-area page structure · consultation intake form with email routing and spam protection · attorney bio and credibility sections · local SEO and schema · mobile click-to-call.

04 — About

Designer who ships,
developer who sells

I'm Mario Garza. I design and build the site, wire up the backend, and stay on the hook for whether it actually brings in work. That loop — design, build, measure, fix — is the whole job to me.

I run Catalyst Digital Solutions out of Bakersfield, California, where I build revenue systems for construction and design-build firms: Next.js sites, programmatic and local SEO, and AI implementation — voice agents, RAG chatbots trained on a company's own documents, and content pipelines that don't need a marketing department to run.

Every project on this page was designed and built by me, front to back. If you're an agency looking for someone who can take a blank Figma or a blank repo and come back with something that converts, that's what I do.

What I'm good at

End-to-end builds

Design direction through deployment — no handoff gap, because there's no handoff.

AI implementation

Voice agents, RAG chatbots, automated content and lead-response systems in production.

Conversion thinking

Offer, hierarchy, and copy that gets the call — not just a pretty page.

Based in

Bakersfield, California

Remote-first · comfortable in Spanish-language builds · available for agency or contract work.

05 — Stack & Tools

What I build with

Front end

Next.js 14ReactTypeScriptTailwind v4Framer MotionGSAPLenis

Back end & infra

Route handlers / RESTSupabase / PostgrespgvectorVercelRailwayWordPressGit / GitHub

AI & growth

RAG chatbotsAI voice agentsAutomation pipelinesProgrammatic SEOGEO / AEOGA4 & call trackingCRO

Let's build
something that works.

Hiring, contracting, or just want to see how the demo re-skin works on a call — either way, reach out.

mario@catalyst-digital.solutions (661) 535-9927 LinkedIn ↗

Mario Garzabuilds sites thatwin the work.

Where Catalyst is going next

Monolith

Holloway

Meridian

Live, in production, earning

Mesa Group Consulting

Creditily

Texas Five Fueling

Client sites I still run

B.L. Solutions

Michelle Trujillo Law

Designer who ships,developer who sells

What I build with

Let's buildsomething that works.

Mario Garza
builds sites that
win the work.

Designer who ships,
developer who sells

Let's build
something that works.