01
FIRE
REBUILD BEAM
Rebuilt the site in React with TanStack Start and Tailwind CSS.
WEB DESIGN / DEVELOPMENT
OVERBOARD
ART
A full redesign and rebuild for Overboard Art, Kelly Davis's custom marine art and yacht finishing studio, turning a single cluttered WordPress page into a portfolio site that actually shows the craftsmanship.
- ROLE
- DESIGN + FRONT END
- YEAR
- 2026
- TYPE
- SITE REBUILD
WILD ONE PAGE WORDPRESSLV.42
HP
OVERBOARD ARTLV.58
HP
BATTLE RECORDHOMEPAGE
ENCOUNTER
THE CHALLENGE
A WILD ONE PAGE WORDPRESS SITE APPEARED!
Give years of custom marine artwork a home that actually showcases it, a real portfolio broken into collections, without losing the personal, solo craftsperson feel of the business.
TRAINER'S NOTES
Kelly Davis needed a site that matched the quality of her work: hand painted yacht lettering, gold leaf, faux teak, and marine murals, but the old site was a single WordPress page with no real portfolio structure, just a blog feed of past posts.
WHAT WILL YOU DO?
YOUR MOVE
02
PSYCHIC
DARK CANVAS
Designed a dark, editorial visual system built around real project photography.
03
GRASS
COLLECTION SORT
Organized the work into browsable collections: Faux Teak, Gold Leaf, Yacht Lettering & Transoms, Marlins & Sailfish, Pyrography, Signage, and Airbrush & Detail.
04
ELECTRIC
GALLERY STORM
Built out an individual gallery page for each collection so every commission gets its own showcase.
05
NORMAL
OPEN CHANNEL
Added About and Contact pages, a real studio story and a working inquiry form, neither of which existed before.
TOOLS & SKILLS
REACTTANSTACK STARTTYPESCRIPTTAILWIND CSSFRAMER MOTION
VISIT LIVE SITE · COMING SOON
IT’S SUPER EFFECTIVE!
RESULTS
2
REAL PORTFOLIO
Years of commissions finally have a structured home instead of a blog feed.
2
7 COLLECTIONS
Every category of work is browsable, each with its own gallery page.
2
CRAFT FIRST UI
A dark, editorial system that lets the project photography carry the work.
2
CLIENT READY
A link Kelly can send prospects that sells the work for her.
THE OUTCOME
The site went from a single unstructured blog page to a real portfolio that reflects the craftsmanship behind the work, giving Kelly a place to send prospective clients that actually sells the work for her.
POKÉDEX ENTRY
PROJECT DEX
4 ENTRIES