Website Building · Service 01

How we build
a website that
actually grows
your business.

Watch a real PrepTech site come together — from a blank page to a live, fast, mobile-ready website Google can find. No stock templates, no hidden fees, and you work directly with the person building your site.

See Packages → Show me the build

14 daysKickoff → live

100/100Lighthouse target

FreeInitial consultation

IrelandRemote-first

https://murphys-tiling.ie│

BUILDING

Est. 1998 · Dublin + Leinster☎ 01 555 0199

Murphy's Tiling

ServicesProjectsContact

01 555 0199

★★★★★ 147 reviews · Dublin

Tiled right,
first time.

Kitchens, bathrooms, wet rooms. 25 years on the tools.

Get a quoteSee work

25 yrsexperience

500+homes tiled

5★Google rating

Kitchens

Splashbacks, floors.

Bathrooms

Full refit.

Wet rooms

Sealed & safe.

01 · Design System Locking in type, colours & spacing…

The build pipeline

Six stages from
blank page to launch.

Every PrepTech site moves through the same six stages — design system, wireframe, code, preview, audit, launch. The studio above is wired to these: click a stage, watch it appear. A clear, transparent process from start to finish.

STAGE 01 · DESIGN TOKENS LIVE

Before a single pixel is pushed, we lock in a tiny language your site speaks to itself. Five colours. Two fonts. A handful of spacing steps. Everything else is built from these.

Display · Fraunces

Tiled right

Body · DM Sans

Kitchens, bathrooms, wet rooms. 25 years on the tools.

Next: structure. We lay out every block in grey boxes so we can argue about shape, not colour. Hero on top, phone number prominent, three service cards, trust strip. No surprises when we start styling.

Hand-written HTML and CSS. Semantic, accessible, no framework bloat. Every tag earns its place.

<!-- Hero: Murphy's Tiling -->
<section class="hero">
  <p class="rating">★★★★★ 147 reviews</p>
  <h1>Tiled <em>right</em>, first time.</h1>
  <p>Kitchens, bathrooms, wet rooms.</p>

  <a href="#quote" class="btn-primary">
    Get a quote
  </a>
</section>

/* tokens.css */
--accent: #ea580c;
--font-display: 'Fraunces', serif;

We share a live preview link within days. You review it on your phone or laptop and tell us what needs to change. We fix it the same day.

preview.preptech.eu/murphys-tiling

Est. 1998 · Dublin + Leinster☎ 01 555 0199

Murphy's Tiling

ServicesProjectsContact

01 555 0199

★★★★★ 147 reviews · Dublin

Tiled right,
first time.

Kitchens, bathrooms, wet rooms. 25 years on the tools.

Get a quoteSee work

25 yrsexperience

500+homes tiled

5★Google rating

Before launch we run the site through a full audit — performance, SEO, accessibility, best practice. We don't stop tweaking until every meter is green.

Performance

LCP 1.1s · CLS 0.00

100

SEO

Meta, schema, sitemap

100

Accessibility

WCAG AA, keyboard-safe

Best practices

HTTPS, no console err

Est. 1998 · Dublin + Leinster☎ 01 555 0199

Murphy's Tiling

ServicesProjectsContact

01 555 0199

★★★★★ 147 reviews · Dublin

Tiled right,
first time.

Kitchens, bathrooms, wet rooms. 25 years on the tools.

Get a quoteSee work

25 yrsexperience

500+homes tiled

5★Google rating

Launched · Day 14

Live at murphys‑tiling.ie

DNS cut over, analytics firing, search engines notified. Monthly maintenance starts Day 29.

SSL · A+✓

Google Search Consoleindexed

Analyticslive

Uptime monitorOK

01 · Content

02 · Tokens

03 · HTML

04 · Motion

05 · Delivery

Every site is five layers deep

Reliable underneath.
Polished on the outside.

Headlines we write with you, not at you. Every word earns its place — and reads the same on a screen reader as it does on an iPhone.

MARKDOWNCOPYSCHEMA

Layer 02 · Style

A tiny language
the whole site speaks.

Five colours. Two fonts. A handful of spacing steps. Every pixel on the site is built from these tokens — so when we change one, everything updates in concert.

CSS VARSFRAUNCESDM SANS

Layer 03 · Structure

Hand-written
semantic HTML.

No framework bloat, no div soup. Every tag earns its place — which means Google reads your site like a book, and it still works even when JavaScript fails.

HTML5A11Y · AASCHEMA.ORG

Layer 04 · Polish

Motion that breathes,
never shouts.

Subtle, purposeful animation — nothing distracting. Respects prefers-reduced-motion by default for visitors who prefer minimal motion.

VANILLA JSCUBIC-BEZIERREDUCED-MOTION

Layer 05 · Delivery

The bits you never
have to think about.

Edge-cached hosting, zero-downtime deploys, automatic SSL, uptime monitoring. You never touch a server. We handle the late-night alerts so you don't have to.

NETLIFYCLOUDFLARESSL A+

Layer 01 · Surface

Content & copy

MARKDOWN

Layer 02 · Style

Design tokens

CSS VARS

Layer 03 · Structure

Semantic HTML

<section>
  <h1>Tiled right.</h1>
  <p>25 years on tools.</p>
</section>

HTML5

Layer 04 · Polish

Motion & easing

VANILLA JS

Layer 05 · Delivery

Hosting & SSL

HTTPS

CDN edge

99.99% up

Auto-deploy

NETLIFY · CF

Kickoff → Live · 14 days

Two weeks from now,
you're online.

We work in short sprints so you see progress every week, with same-day replies and no long silences between updates.

Day 01

Kickoff call

45 minutes. We cover goals, audience and tone, and put together a clear brief.

Day 02

Wireframe

Grey-box layout to agree on structure before any visual design begins.

Day 05

First build

You get a live preview link and request changes; we iterate the same day.

Day 10

Audit & polish

Full Lighthouse review, SEO checks, form testing and analytics setup.

Day 14

Launch

DNS is updated and your site goes live.

Three ways to start

Choose a package.
We handle the rest.

Every project starts with a free initial consultation. Not sure which fits? Get in touch — we'll figure it out together.

Essential

Launch professionally. Online and ready to trade from day one.

Domain & business email
Clean website, mobile-ready
Google Business Profile
Cloud backup
1 month support

Get Started →

Ready to see your site built?

One 45-minute call, with no obligation. We'll tell you what we'd build, what it would cost, and how quickly you'd be live.

Book a free consultation → See projects

How we build a website that actually grows your business.

Tiled right,first time.

Kitchens

Bathrooms

Wet rooms

Six stages fromblank page to launch.

Tiled right,first time.

Tiled right,first time.

Live at murphys‑tiling.ie

Reliable underneath.Polished on the outside.

A tiny languagethe whole site speaks.

Hand-writtensemantic HTML.

Motion that breathes,never shouts.

The bits you neverhave to think about.

Two weeks from now,you're online.

Choose a package.We handle the rest.

Ready to see your site built?

How we build
a website that
actually grows
your business.

Tiled right,
first time.

Six stages from
blank page to launch.

Tiled right,
first time.

Tiled right,
first time.

Reliable underneath.
Polished on the outside.

A tiny language
the whole site speaks.

Hand-written
semantic HTML.

Motion that breathes,
never shouts.

The bits you never
have to think about.

Two weeks from now,
you're online.

Choose a package.
We handle the rest.