Animal Artistry Website Design

Everything a customer can find about this business was written by somebody else. Yelp, Facebook, Nextdoor, a business bureau profile and three scraped directory pages each hold a partial copy of the shop, and no two copies agree. One lists Wednesday as open, another as closed. One prints the street number as 1867, another as 1877, two more as 600. One says the shop takes American Express; every customer who has written about paying says cash only.

None of that is a design problem in the usual sense. It is what happens when a business has no canonical page of its own, and the fix is not persuasion — it is publishing the facts once, in a place the owner controls, in a form a phone can read at the curb.

The second thing the listings miss is the thing the shop is actually unusual for. It grooms cats, which almost nobody nearby will do, and it fosters kittens in the front room where neighbours are welcome to sit with them. Neither fact appears anywhere in the shop's online footprint.

What follows is a walkthrough of the working site — built in HTML, CSS and JavaScript, not mocked. Every frame below is the live page, embedded and scrollable.

The palette is sampled from the shop. The pale yellow-green ground is the paint on their own walls, read straight out of the grooming photographs, so the hero image and the page share one continuous colour rather than sitting in a frame.

One headline, one photograph, one sentence naming what the business does and who it is for. Everything above the fold is live text, which is more than the directory pages currently standing in for a homepage can say.

Beneath it, three facts: open or closed, the phone number, cash only. The bar computes the shop's status in Chicago time from the real schedule and prints the closing time, or the next day it opens — including the Wednesday and Sunday closures that half the listings get wrong. Cash only sits at the top rather than in a footnote, because the complaint in the reviews is not the policy, it is finding out at the counter.

A shop called Animal Artistry should be judged on the cut. The two before-and-after pairs the owner uses are composite images, one file each; they were split into four frames and rebuilt as a comparison slider you drag across, so the coat changes under your hand instead of being read left to right.

The control is a native range input underneath the photographs, which means it works on touch, with a mouse, and with the arrow keys, and it announces itself to a screen reader without any custom widget code.

Four entries, set as a list rather than as cards, because they are not equivalent products and should not be drawn as four identical boxes. Cat grooming gets its own entry and says plainly that very few shops nearby take cats — the strongest competitive fact this business has, stated once, in the place someone is deciding.

The fourth entry is senior and anxious pets, because it is what customers write about most: a low table, no rushing, the option to stand there and watch. No prices are published. The shop quotes by coat and condition on the phone, and inventing a price grid would have made work for them rather than removing it.

The brief was to advertise the adoptable kittens without letting them take over a business that pays its rent on grooming. So the kitten room gets one band, its own colour family, and a position after the work and before the practical details — visible to anyone scrolling, skippable by anyone who came to book a groom.

The kittens are not named on the page. They arrive unnamed and they leave, so the copy commits to nothing that goes stale: walk in during shop hours, sit down, no charge, no obligation. The call to action is stop on by, and it scrolls to the address rather than dialling — nobody should have to phone to ask permission to visit a kitten.

Seven rows, today's marked, closed days set in grey rather than removed — the gap is the information. This is the page's answer to a footprint in which one listing shows the shop open on Wednesday and another shows it closed.

The address opens in Maps in one tap, the number dials, and the cash-only note is restated beside them. Booking is a phone call because that is how this shop books, and the design does not pretend otherwise by adding a form nobody will answer.

Nearly everyone who reaches this page is standing outside with a dog, or sitting in a car on Waukegan Road. Below 820 pixels a call bar pins to the bottom of the screen with the number in it, padded for the home indicator so it clears the bottom of the phone, and the page reserves space beneath the footer so nothing is ever hidden behind it.

Everything else reflows rather than shrinking: the two grooms stack, the hours table keeps its full type size, and the drag handles grow their touch targets. Breakpoints run at 1440, 1080, 820, 560 and 380, with a separate case for a phone held sideways.

The audit ran across the shop's public footprint rather than a website, because there was no website to audit. Eight findings below; each was verified in at least two places, and each is a fact a customer can act on wrongly.

This is an unsolicited redesign. The shop has not commissioned it, and nothing here has been reviewed by the owner. Hours, address, phone number and the cash-only policy were taken from public listings and customer accounts and would need confirming before the page went live; the kitten room details, the service list and the copy describing the two grooms are proposals, not statements the business has made.

No usability testing has been run. The findings are verified inconsistencies in the shop's public footprint and expert-evaluation inferences drawn from them — not measured outcomes.