Case Study

Ortonville Tattoo

a custom one-page site for a downtown ortonville tattoo studio with elite branding — built entirely around their existing yellow, lime, and black identity with individual artist cards and a full photo gallery.

TypeOne-page website
LocationOrtonville, MI
StackHTML · CSS · Vanilla JS
Live Previewortonville-tattoo.netlify.app ↗
ortonville-tattoo.netlify.app
Ortonville Tattoo website screenshot

The brief

Ortonville Tattoo had strong branding — a clean logo, a confident color palette, a freshly remodeled downtown space. What they didn't have was a website. No central link for people to find them, and three talented artists with no individual presence online.

New customers had no easy way to see the work, find hours, or figure out how to book. The site needed to fix that — and match the brand while doing it.


What we built

A custom one-page site built entirely around Ortonville Tattoo's existing identity — lime green, yellow, off-white, and black. Bold display type, clean body text. The site opens with a dark hero over a real shop photo, with the lime-green stripe running the left edge — a direct nod to the yellow trim that defines the physical space.

🎨
brand-matched design

every color pulled directly from the existing brand — yellow, lime, off-white, black. the site looks like an extension of the space, not a template someone else is also using.

👤
individual artist cards

each artist gets their own card — photo, style, Instagram, and booking contact. customers find the right artist before they walk in. Ephy's card links directly to her portfolio and email.

📸
photo carousel

the work rotates automatically every few seconds. swipe on mobile, click through on desktop. no library, no slow load — just the photos doing the selling.

🕐
today's hours

the current day's hours are highlighted automatically. customers always see the right information without anyone having to update it manually.

📍
location & directions

embedded map with a directions button. one tap and they're navigating to the shop — no copying addresses, no searching.

📱
mobile booking bar

a fixed bar at the bottom of the screen on mobile — call to book and get directions, always one tap away. visitors never have to hunt for how to reach the shop.


What makes it different

The brand was already strong. The job was to not ruin it. Every decision deferred to what the shop already had — the colors, the confidence, the work.

Most tattoo shop sites treat the artists as an afterthought. Here, each one gets a card that represents them properly — their style, their links, their identity. It's also built to grow: individual artist pages are a natural next step if the shop ever wants them.

3artist profiles
0templates used
5sauto-carousel
100%custom coded

The result

A site that looks like it was made for Ortonville Tattoo and no one else — because it was. The brand is intact. The artists are represented properly. New customers can find the shop, see the work, and figure out how to book in a few taps.

People who were already curious now arrive knowing which artist they want — the site does the introduction before anyone picks up the phone.

view live preview ↗
Get Started

your shop.
your page.

text me what you do and where you are. live preview within 24 hours. no payment until you approve.

text me (480) 352-2549 "hey — i run [business] in [city]." 💬 open messages

prefer email? chaz@viachaz.com