Case Study:

T'ART Magazine

Web Design & Development

T'ART Magazine is a local creative collection publication for Tacoma, WA — spotlighting the artists, designers, photographers, and makers shaping the city's creative identity. I designed and built the full responsive website: a bold, editorial multi-page experience that carries the magazine's print energy onto the screen, from the homepage to the application flow.

Ht
CSS
JS
Visit Live Site ↗
Homepage hero — full-page screenshot
Brand banner — graffiti / red texture

Objective

Give T'ART Magazine a digital home that matches its print identity — a website where Tacoma's creative community can read features, follow the scene, and get involved.

Challenge

Translate a bold, tactile print aesthetic into a fast, responsive website without losing its edge — and turn browsers into subscribers and contributors.

Solution

A hand-built, mobile-first site with a strong editorial grid, an industrial red-and-black system, and playful interaction — custom cursor, page-transition wipes, and hover-to-spread article cards — that makes the magazine feel alive online.

Article card / homepage detail
Full homepage — long-scroll screenshot

What does Tacoma's creative community need online?

  • A home for local art stories that feels made by artists, not a template
  • An easy way to discover makers, news, and events across the city
  • A clear, welcoming path to contribute, apply, and connect
Wireframe — homepage layout
Moodboard — editorial / graffiti
Logo / mark exploration
Nav & interaction sketches
"Finally, a site that looks like Tacoma feels."
#C41A28
#E8243A
#00C8D4
#0D0D0D
#2E2C29
#F5F4F0

Big Shoulders Display — Headlines

Tacoma Art

Space Mono — Labels & Meta

Issue No. 01 · 2026

Barlow — Body Copy

Local creative collection magazine celebrating the makers of Tacoma.

System Signature

Hard offset shadows · sharp edges · red, black & teal · bold editorial grid.

Signature Interaction

Custom red cursor, full-screen page-transition wipes, and hover-to-spread article cards give the site a distinct, magazine-like personality — built with vanilla JavaScript, no frameworks.

Responsive, Mobile-First

A token-driven CSS system (colors, type scale, spacing, motion) keeps every page — Home, About, Apply, Connect — consistent and fully responsive from phone to desktop.

Get-Involved Flow

An application page with a validated multi-field form and clear open roles turns interested readers into contributors, backed by a Connect page for press and collaboration.

Apply form — interaction detail

Built
for
Tacoma
creatives.

Hire Me