Website Check
The free self-check at /website-check, for business owners who would never search 'UX audit': 8 plain-English checks, two in each of four parts (trust, clarity, phone and forms, AI-generated look), answered one at a time (yes / not sure / no), with a score band and the top three fixes. Checks, fixes, bands and FAQs live in src/lib/websiteCheck.ts. Nothing leaves the browser; the only signal is the GA4 website_check_complete event (band only).
Hero mockup — WebsiteCheckHeroMockup
The UX audit hero's pieces (AuditMockupParts and the .audit-* CSS) telling the check instead of the audit: the page under the scan, a checklist card whose answers land one by one (.check-answer, coloured by data-answer), a numbered pin for each “no” or “not sure”, and a checks-done ring that lands on “3 fixes to start with”. Flagged rows and their pins then take turns lighting up. Reduced motion shows the finished picture.
Example website check: five of the eight checks answered for a small business page, with three problems pinned on the page: no obvious next step, no reviews near the top, and a design that may look AI-generated.
The checklist — WebsiteCheck
One check at a time in a light card on the white ground (check-card: plain white, dark progress fill, deep status hues), the survey pattern on Mobbin (Laravel Cloud, OKX, Me+): the four parts as a segmented progress bar, the check as the heading, and yes / not sure / no as full-width answer rows (.check-option, each row's icon chip in its answer's hue through the same --sev slot as .check-answer). Not a segmented switch: that reads as tabs. Choosing fills the row, then the next check slides in; the heading reserves its lines so the rows never move. The result replaces the last check in the same card: band, answer tallies, the top fixes (every “no” before every “not sure”), every answer (each one can be changed) and the route to the audit. All 8 checks also sit in a collapsed “See all 8 checks” disclosure under the card, server-rendered for search.
The website check
Question 1 of 8
First impression and trust
Question 1 of 8. Within five seconds, a stranger could tell what you do, who it’s for and where.
Answer for your own site. Nothing is sent anywhere.
See all 8 checks on one page
First impression and trust
- Within five seconds, a stranger could tell what you do, who it’s for and where.
- Your site shows real proof: reviews, client names, results or photos of your work.
Is it clear what to do next?
- Every page has one obvious next step: call, book, buy or get a quote.
- Prices, or at least a “from” price or price guide, are on the site.
Phone and forms
- On a phone, everything is easy to read and tap without zooming in.
- Your enquiry or sign-up form only asks for what you need right now (about five fields or fewer).
Does it look AI-generated or templated?
- It looks current next to your competitors, not like an old template.
- It doesn’t rely on the default AI look: purple gradients, glowing shapes and generic icons.