William Lodge Open the demo

Build notes for Denver Phone Repairs, September 2026

A repair shop you can book from a broken phone.

People with a cracked screen are searching on that same phone. This site gives them a price, a diagnosis, and an appointment in under a minute, and it shows up in about a second.

The Denver Phone Repairs demo on a phone, showing the logo, headline and the repair booking form
The demo on a 390px-wide phone screen.

Test scores

Perfect marks on Google’s own quality test.

Lighthouse is the tool Google built to grade websites for speed, accessibility, coding standards and search readiness. These are the demo’s results on its mobile test, which simulates a mid-range phone on a slow 4G connection.

100

Performance

How fast it loads and responds.

100

Accessibility

Usable with screen readers, keyboards and low vision.

100

Best practices

Secure, modern, error-free code.

100

SEO at launch

Every search check passes. See the note below.

0.9 suntil the page appears
1.3 suntil it’s fully shown
0layout jumps while loading
82 KBtotal download on a phone
4files requested
0third-party scripts or trackers

About SEO: the demo is deliberately hidden from Google so it can’t compete with your real listing before you approve it. Lighthouse marks any hidden page down, so the demo shows 63 today. With the hiding tag removed, the same page scores 100. Measured with Lighthouse 13.4, September 2026. Desktop results are also 100 across the board, with the page fully shown in 0.5 seconds.

How a customer books

A price in three taps. A booking in under a minute.

The booking form sits at the top of the page, right next to the headline. Nobody has to hunt for a contact page or wait on hold to learn what a screen costs.

  1. Pick the phone

    Brand buttons, then the exact model from a list. iPhones are listed individually because a 13 Pro and a 13 Pro Max are different parts.

    Step one: brand buttons for Apple, Samsung, Google and Other, and a phone model list
  2. Say what’s wrong

    Four plain choices. The price updates instantly from the shop’s own price list, with the final price confirmed at inspection.

    Step two: issue choices with Cracked screen selected and an estimate of from $149
  3. Choose a time

    The next three open days fill in automatically, skipping Sundays. Name and email are checked before the booking goes through.

    Step three: day and time choices, name and email fields, and a booking summary
  4. Get a confirmation

    A summary of the repair, a one-tap calendar event, reminder settings and a callback request, all without leaving the page.

    Confirmation screen reading You're booked, with repair details, an add to calendar button and reminder switches

Everything else on the page

Built around the questions customers ask at the counter.

Searchable price list

All 28 iPhone screen prices with repair times. Customers type “13” and see only the 13 models. Samsung, Google, tablets and laptops point to a same-day phone quote.

Repair assistant

A chat panel that asks follow-up questions and suggests the likely repair and price. It narrows the problem down before the customer walks in.

Tap to call, everywhere

The shop number is one tap away in the header, the menu, the price list and the footer. On phones it opens the dialer directly.

Upfront service prices

Battery, diagnostic, screen protector, charging port and labor prices in plain view, including the $49 diagnostic that applies toward the repair.

Your brand, used properly

The logo leads the header and footer, and the site’s colors are taken directly from it, with button and text shades adjusted so they stay readable for everyone.

Looks right when shared

Texting or posting the link shows the logo card, the shop name and a description instead of a blank preview.

The Denver Phone Repairs demo on a desktop screen, with the technician photo behind the headline and the booking form on the right

The same page on a laptop. The technician photo loads only on larger screens, where it can actually be seen.

The technology

No page builder. No plugins. Less to break.

Many small-business sites run on template platforms that load a stack of scripts before the first word appears. This one is written by hand, so every file on it has a job.

LayerWhat’s usedWhat it means for the shop
CodeHand-written HTML, CSS and plain JavaScript. No frameworks, no libraries.The whole site is one small page. No updates to install, no plugin conflicts, no monthly builder fee.
LoadingPage styles built into the page itself, so nothing has to be fetched before it can draw.The page appeared in under a second in testing, even on a simulated weak signal.
FontsInter, hosted on the same server, preloaded, with a size-matched backup font.Text never jumps around while the page is loading.
ImagesWebP format at the right size for each screen, loaded only when scrolled to. Logo cut out cleanly from the original artwork.The main photo went from 1.3 MB to 57 KB with no visible difference.
SearchClear page title and description, LocalBusiness structured data with services and prices, proper heading order, link preview tags.Helps Google read this as a Denver phone repair shop with a phone number and prices, not just a page of text.
AccessLabeled form fields, 4.5:1 text contrast or better, full keyboard control, screen-reader announcements, large tap targets, reduced-motion support.Customers using screen readers or keyboards can book too. It also reduces ADA website complaint risk.
MobileBuilt phone-first and tested from 320px to desktop widths. Form fields sized so iPhones don’t zoom in on tap.No sideways scrolling, pinching or zooming to use the booking form.
PrivacyNo trackers, cookies or outside scripts. Everything a customer types is cleaned before it’s shown back on screen.Nothing on the site reports customer activity to outside companies.
HostingA dedicated LiteSpeed server with HTTPS and compression, managed by William Lodge LLC.Fast, secure delivery. Because it’s plain files, the site can move to any host at any time.

Going live

What the demo does today, and what launch adds.

The demo shows the full customer experience so you can click through it exactly as a customer would. A few pieces are simulated until they’re connected to your real accounts.

Working in the demo

  • Booking flow with live price estimates for every step.
  • Price list with instant model search.
  • Calendar file the customer can save to their phone.
  • Tap-to-call links to 720.909.2172.
  • Mobile layout, accessibility and speed, as tested above.

Connected at launch

  • Booking delivery: each booking emailed or texted to the shop and the customer.
  • Real availability: times pulled from the shop’s schedule, so no double-booking.
  • Payments: the payment button linked to Square or Stripe.
  • Smarter assistant: the demo uses scripted answers. At launch it can be connected to an AI model that knows your price list.
  • Easy price updates: prices kept in a simple spreadsheet the shop can edit.
  • Search launch: hiding tag removed, Google Business Profile linked, private visitor stats set up.

Let’s put it live.

Send me a note with any changes you want. I’ll get the booking flow connected to your shop and the site launched on your domain.