Morgan Jones

Front-End & WordPress Developer

 
Illustrated Morgan Jones
NO SET WITHOUT A PLAN.

SETS TO SITES

I got my start in film and TV art departments, keeping things running so the builders could build. I was surrounded by designers who still hand-drafted and wrote everything by hand, and that stuck with me more than I expected — it's part of how I still approach building a world, whether that's a dessert atlas, a color palette tool, or a client's WordPress theme.

Scale: 1" = 1'-0"
Sheet 1 of 4 Rev. B Drawn: MJ
S
K
I
L
L
S
illustrated avatar
Dev–Design Harmony

Drawing from my time in art departments in TV & Film, I translate Figma files, moodboards, and story ideas into responsive interfaces that stay faithful to the design while respecting the realities of the build.

Semantic HTML & CSS

Clean, accessible layouts with modular CSS, purposeful animation, and micro-interactions that make interfaces feel alive — built to scale with the project.

WordPress & React

I build across the stack and connect the pieces into coherent ecosystems. Custom WordPress themes with Custom Post Types and MU-plugins and React apps.

AI-Augmented Development

I build with AI as a collaborator, not a crutch. Lately I have been integrating the Claude API into production apps and using AI tooling to ship faster without sacrificing judgment or craft.

SELECTED WORK — WORDPRESS

Flagship Builds

Two full-stack WordPress projects, from theme layer to launch

PROD: MOON CHARM TAKE: 01

Moon Charm

A custom WordPress theme built for a non-technical client, with the entire visual identity and product catalog editable from the admin — no code required after handoff.

Design direction — built off the Web Design Museum's Sanrio.com (2000) archive, a deliberate departure from the oversaturated Y2K desktop-OS look

  • 1 9 Customizer panels — colors, curated font pairings, backgrounds, and two independent image-upload libraries for the site's animated charm systems.
  • 2 Custom post type + ACF — artwork entries with medium, description, price, and a for-sale toggle, managed like any normal WordPress post.
  • 3–4 Conditional Shop Logic — the shop page automatically switches between a "coming soon" state and a live grid based on what's been marked for sale. Drag to compare both states. .

Production-grade animation — the falling-charm system in the hero above runs with concurrency caps, tab-visibility pausing, and animation-failure fallbacks.

Read case study ↗
Customizer panel with falling charm image uploads and live preview
1
Customizer — live charm uploads
wp-admin Artwork edit screen with ACF fields
2
Artwork editing (ACF)
Live preview with charms uploaded
Customizer panel, default state
3–4 · drag to compare
Sheet 1 of 8Rev. ADrawn: MJ
PROD: UNIVERSO TAKE: 05
Universo da Doçura homepage

Universo da Doçura

Custom WordPress app built from the theme layer up — a dessert atlas spanning every documented culture.

  • 1 Custom Post Types — dessert entries structured with their own fields, not pages jammed into a template.
  • 2 ACF field groups — region, ingredients, history, and imagery managed per-entry by a non-technical editor.
  • 3MU-plugins + WP_Query — custom query logic powering filtering and the Swiper-based atlas browser.
  • 4AI-assisted illustration pipeline — ligne claire dessert art generated through iterative Gemini and Claude prompting, one piece per entry.
  • 5Character system — 54 original Pastry Professor vinyl-toy artisans, one per dessert tradition.
View live ↗
Açores locale page showing desserts and the Pastry Professor artisan together
2
Locale detail — Açores
Locale hero banner with Swiper navigation arrows
3
Atlas browser (Swiper)
Grid of ligne claire dessert illustrations in the dessert library
4
Illustration system
Pastry Professor vinyl figure detail page
5
Character system
Sheet 2 of 7Rev. CDrawn: MJ
PROD: CANDAN TAKE: 01
Amanda Candan e-commerce portfolio homepage
1

Custom WordPress Portfolio

Figma design translated to a hand-built WordPress theme for a client's e-commerce portfolio site.

  • 1Blocksy foundation — lightweight base theme, customized rather than templated.
  • 2Design-system CSS — every spacing, type, and color token mapped from the Figma file.
  • 3Client-friendly editor — structured so the client can update case studies and campaign creative without touching code.
View live ↗
Portfolio Figma File
2
Figma design system
Where To? case study page built with Column and Image blocks
3
Editor structure
Sheet 3 of 7Rev. ADrawn: MJ

The Story in Progress

Front-End & WordPress developer based in Brooklyn, NY

The sets are digital now, but the instincts remain. I still frame every page with intention. From a custom WordPress dessert atlas with CPTs, MU-plugins, and Swiper sliders to React apps that explore ritual and memory, I'm building a connected ecosystem of projects that reflect where I've been and where I'm headed as a developer.

I'm especially interested in roles where I can own the front-end experience, collaborate closely with designers, and keep pushing my WordPress and React skills on real products that care about both story and craft.

Drawn & built by MJ

© Morgan Jones

Illustrated portrait of Morgan at a drafting table