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

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
Wing Tech homepage screenshot.

Wing Tech needed a complete redesign to modernize the site and make it mobile friendly. I 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.

AvaSure homepage screenshot.

Collaboration between agencies to update and modernize AvaSure's website. I helped build WordPress components in Oxygen Builder, a WYSIWYG page builder.

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.

CSS Animations website screenshot.

Built with HTML5 and CSS3 to showcase original animations using CSS3 animation properties.

Next case

Graphic Design Gallery

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