Work

Website archive

Website Work

This collection brings website projects into one place which showcase page design, content structure, CMS range, and visual direction.

Web designWordPressSitecoreOptimizelyHTMLCSSJavaScriptBootstrapNext.jsReactTypeScriptClaudeCodexCursor
Collage of AvaSure, Hammerhead Guitar Picks, Wing Tech, and Optos website screenshots.

Website Work

Clay Machine art shop with accessible category filters and a gallery of original artwork.

Clay Machine is a work in progress that went live on September 5, 2026. I designed the logo and built this e-commerce site with generative AI to sell the fine art I make as a hobby. Not only is the site highly accessible, I focused on the user experience to make an intuitive shopping experience. Clear navigation, keyboard-friendly filters, high-contrast text, and reduced-motion support help visitors browse comfortably. Built with WordPress, WooCommerce, a custom PHP theme, HTML, CSS, JavaScript, and esbuild, and hosted on Webdock.

Visit live site
Drayton Family Reunion website homepage with reunion details, schedule, location, lodging, and registration sections.

I directed the Drayton Family Reunion site through an iterative vibe-coding workflow with OpenAI Codex, shaping the design, content, functionality, security, deployment, and release verification. Built with Next.js, React, TypeScript, Stripe, SQLite/libSQL, Resend, jsPDF, and JSVectorMap, it includes an interactive map and schedule, age-based pricing, T-shirt selection, secure checkout, PDF receipts, email notifications, and persistent registration records.

Visit live site
Marketing Medix website showing its digital marketing services for medical technology companies and healthcare clinics.

Marketing Medix is a marketing agency focused on business growth through digital experiences for medtech companies and healthcare clinics. Made with generative AI, the site brings together strategy, design, development, and marketing services in a responsive experience. Built with Next.js, React, TypeScript, Tailwind CSS, Framer Motion, Lenis, and Three.js with React Three Fiber, and hosted on Vercel.

Visit live site
Wing Tech homepage screenshot.

Wing Tech needed a complete redesign to modernize the site and make it mobile friendly. I redesigned the logo and designed and built the site in WordPress using the Elementor plugin.

Hammerhead Guitar Picks homepage screenshot.

The Hammerhead Guitar Pick site was an agency team project. I helped design and develop the frontend using Shopify's templating language called Liquid.

Optos ophthalmology peers provider page screenshot.

Agency team project created in Episerver, now known as Optimizely. I handled frontend development, designed some components, and maintained content.

Next case

Graphic Design Gallery

A grouped gallery of earlier graphic design work across branding, advertising, environmental design, and presentation mockups.