1.8.0 showcase

NO ONE BUILD THE SITES LIKE WE DO

Arrow
Conversion

Converts Like Crazy

Proven frameworks that turn visitors into loyal customers — consistently

Speed

Blazing-fast

Sub-second load times that keep visitors engaged and ready to convert.

Seo optimised

SEO Optimised

Fully SEO-optimised for Google, and AI platforms — driving traffic 24/7.

Responsive

Fully Responsive

Pixel-perfect looks good on every device — desktop, tablet, and mobile.

Secure

Built-in Security

Enterprise-grade security that keeps your site and users protected.

Scalable

Scalable By Design

Built to grow with your business — no rebuilds, no limits. Faster under load.

Don’t Just Take Our Word For It!

Stars (1)

“Our enquiries doubled within six weeks of launching. The site just works — fast, beautiful and exactly what we wanted.”

Sarah Mitchell, Founder — Bloom Interiors

Stars (1)

“We’d been burnt by agencies before. Hoot’s delivered on time, on budget, and the results spoke for themselve.”

James Okafor, Director — Apex Roofing

Stars (1)

“Honestly didn’t expect this level of quality. Our clients constantly comment on how professional the site looks and feels.”

Priya Sharma, Owner — The Wellness Studio

Stars (1)

“Switched from our old agency and wish we’d done it sooner. Night and day difference in service and performance.”

Tom Hargreaves, MD — Northern Logistics

Cta image

Let’s build your 24/7 sales machine!

Got Questions?

Get quick answers to our most frequently asked questions.

Faqs owl

Can’t find what you are looking for?

We’re a conversion-optimised web design agency based in Sheffield, UK. We build websites that turn visitors into customers — by design, not by luck.

We don’t just make sites look good — we build them to convert. Every decision, from layout to copy to speed, is made with one goal: getting you more customers. No fluff, no bloated retainers, just results.

Most sites are live within 2-4 weeks. Timelines depend on content and feedback speed — the faster you move, the faster we do.

Either works. Bring your own content and we’ll make it shine, or let us write it for you. We’ll make sure it’s clear, compelling and built to convert.

Absolutely. Every site we build is fully responsive — looking and working perfectly on mobile, tablet and desktop.

Yes — your site is built on WordPress, the world’s most popular CMS. It’s simple to update yourself, no technical knowledge needed.

What’s new in Grinner 1.8.0

Every new block and setting, on a copy of the home page. Scroll slowly: some of it is scroll-driven.

Sites that load fast. Also: Sites that read well., Sites your team can edit., Sites that look like you.

The line above changes with every stretch of scrolling from the top of the page — no clock, no script.

Hover List

A list of links that shows each row’s image on hover or keyboard focus. Five presets; nothing moves the page.

Work index — the image follows the cursor

Split — one image area beside the rows

  1. Brand identityStrategy2026Positioning, naming and the whole visual system.
  2. WebsitesDesign & build2026Fast sites your team can update in the block editor.
  3. Product designResearch2025Flows and interfaces tested with real people.
  4. Content & motionFilm2025Launch films and product animation.
  5. PackagingPrint2024Boxes, labels and the shelf test.

Background swap

Inline thumbnail

Expanding panels — open on hover, or click, tap and keyboard

Strategy · 2026

Positioning, naming and the whole visual system.

See the work: Brand identity

Design & build · 2026

Fast sites your team can update in the block editor.

See the work: Websites

Research · 2025

Flows and interfaces tested with real people.

See the work: Product design

Film · 2025

Launch films and product animation.

See the work: Content & motion

Print · 2024

Boxes, labels and the shelf test.

See the work: Packaging

Content Slider

Slides that hold any blocks, in a native swipeable strip. Arrows, dots and autoplay load a small script only when switched on; it rewinds at the end — no cloned slides.

Full width — autoplay with a Pause button

Websites that load before the coffee does

Every template scores 95+ on phones, straight out of the box.

We moved our shop over a weekend

Three hundred products, zero downtime, one very calm Monday.

Watch a site go live in 12 minutes

From an empty install to a launched page, unedited.

Style kits for every brand

Pick a kit, then every block follows its colours and type.

Phones first

Every layout is designed at 390 pixels before it grows.

Tested with people

Keyboard, screen readers and reduced motion, every release.

Peek — several per view (no autoplay by default)

Websites that load before the coffee does

Every template scores 95+ on phones, straight out of the box.

We moved our shop over a weekend

Three hundred products, zero downtime, one very calm Monday.

Watch a site go live in 12 minutes

From an empty install to a launched page, unedited.

Style kits for every brand

Pick a kit, then every block follows its colours and type.

Phones first

Every layout is designed at 390 pixels before it grows.

Tested with people

Keyboard, screen readers and reduced motion, every release.

Centred

Websites that load before the coffee does

Every template scores 95+ on phones, straight out of the box.

We moved our shop over a weekend

Three hundred products, zero downtime, one very calm Monday.

Watch a site go live in 12 minutes

From an empty install to a launched page, unedited.

Style kits for every brand

Pick a kit, then every block follows its colours and type.

Phones first

Every layout is designed at 390 pixels before it grows.

Tested with people

Keyboard, screen readers and reduced motion, every release.

Cards with a progress bar

Websites that load before the coffee does

Every template scores 95+ on phones, straight out of the box.

We moved our shop over a weekend

Three hundred products, zero downtime, one very calm Monday.

Watch a site go live in 12 minutes

From an empty install to a launched page, unedited.

Style kits for every brand

Pick a kit, then every block follows its colours and type.

Phones first

Every layout is designed at 390 pixels before it grows.

Tested with people

Keyboard, screen readers and reduced motion, every release.

Websites that load before the coffee does

Every template scores 95+ on phones, straight out of the box.

We moved our shop over a weekend

Three hundred products, zero downtime, one very calm Monday.

Autoplay with controls hidden — pauses while anything inside has keyboard focus; never plays with reduced motion

Websites that load before the coffee does

Every template scores 95+ on phones, straight out of the box.

We moved our shop over a weekend

Three hundred products, zero downtime, one very calm Monday.

Watch a site go live in 12 minutes

From an empty install to a launched page, unedited.

Style kits for every brand

Pick a kit, then every block follows its colours and type.

Phones first

Every layout is designed at 390 pixels before it grows.

Tested with people

Keyboard, screen readers and reduced motion, every release.

Websites that load before the coffee does

Every template scores 95+ on phones, straight out of the box.

Controls on hover

Websites that load before the coffee does

Every template scores 95+ on phones, straight out of the box.

We moved our shop over a weekend

Three hundred products, zero downtime, one very calm Monday.

Watch a site go live in 12 minutes

From an empty install to a launched page, unedited.

Style kits for every brand

Pick a kit, then every block follows its colours and type.

Phones first

Every layout is designed at 390 pixels before it grows.

Tested with people

Keyboard, screen readers and reduced motion, every release.

Card Pile

Cards that stack as you scroll. CSS only — no script at all.

Straight

  • Grinner scene

    STEP 1

    Discover

    We talk to your customers and your team, and find where people drop off.

  • Grinner scene

    STEP 2

    Define

    One page that says who the site is for and what it must do.

  • Grinner scene

    STEP 3

    Design

    Real content in real layouts, tested on phones before it is polished.

  • Grinner scene

    STEP 4

    Launch

    Redirects, analytics and a training session, then 30 days of fixes.

Recede — covered cards shrink and fade

  • Grinner scene

    STEP 1

    Discover

    We talk to your customers and your team, and find where people drop off.

  • Grinner scene

    STEP 2

    Define

    One page that says who the site is for and what it must do.

  • Grinner scene

    STEP 3

    Design

    Real content in real layouts, tested on phones before it is polished.

  • Grinner scene

    STEP 4

    Launch

    Redirects, analytics and a training session, then 30 days of fixes.

Dealt — tinted, with a small fixed tilt

  • Grinner square

    STEP 1

    Discover

    We talk to your customers and your team, and find where people drop off.

  • Grinner square

    STEP 2

    Define

    One page that says who the site is for and what it must do.

  • Grinner square

    STEP 3

    Design

    Real content in real layouts, tested on phones before it is polished.

  • Grinner square

    STEP 4

    Launch

    Redirects, analytics and a training session, then 30 days of fixes.

Split — image half, text half

  • Grinner square

    STEP 1

    Discover

    We talk to your customers and your team, and find where people drop off.

  • Grinner square

    STEP 2

    Define

    One page that says who the site is for and what it must do.

  • Grinner square

    STEP 3

    Design

    Real content in real layouts, tested on phones before it is polished.

  • Grinner square

    STEP 4

    Launch

    Redirects, analytics and a training session, then 30 days of fixes.

Progress Bar

Values printed as real text in the site’s number format; the bars draw in as they scroll into view.

Thin — draws in with scrolling (CSS)

  • Brand strategy, 92%
  • Website design & build, 84%
  • Product research, 68%
  • Motion & content, 45%

Thick — value inside the fill, drawn once in view

  • Would recommend us: 96%
  • Beginners, Tuesday: 14 of 15
  • Needed a second revision round: 12%

Segments and steps — no draw-in

  • Step 3 of 5: Design
    1. Discover
    2. Define
    3. Design
    4. Build
    5. Launch
  • Ease of use, 4.5 out of 5
  • Places left this term, 3 of 12

Rings — turn in

86%
of clients come back
4.8
average rating out of 5
$38k
of the $100k target

Rings — sweep

97%
projects on time
42
Volunteers

Three weeks in, and nearly there

  • Raised: $18,400 of $25,000
  • Volunteers signed up: 42 of 60
  • Schools reached: 128 of 150

Image Rotator layouts

Six new layouts for the Image Rotator. Every existing setting still applies: autoplay, pause on hover, controls, timing.

Deck

Morning market
Studio arch
Harbour flags
Old town
Late bloom
Greenhouse
Night shift
Low tide
Paper cuts

Polaroid scatter, with captions

Morning market
Morning market
Studio arch
Studio arch
Harbour flags
Harbour flags
Old town
Old town
Late bloom
Late bloom
Greenhouse
Greenhouse
Night shift
Night shift
Low tide
Low tide
Paper cuts
Paper cuts

Mosaic — window

Morning market
Studio arch
Harbour flags

Mosaic — 2×2

Morning market
Studio arch
Harbour flags
Old town

Stepped columns

Morning market
Late bloom
Paper cuts
Studio arch
Greenhouse
Harbour flags
Night shift
Old town
Low tide

Spotlight, with thumbnails

Morning market
Studio arch
Harbour flags
Old town
Late bloom
Greenhouse
Night shift
Low tide
Paper cuts

Orbit

Morning market
Studio arch
Harbour flags
Old town
Late bloom
Greenhouse
Night shift

Orbit — Tilt 24°, Depth 160%, Ring spread 80%

Morning market
Studio arch
Harbour flags
Old town
Late bloom
Greenhouse
Night shift

Deck — Image Height 300px, Gap between cards 30px

Morning market
Studio arch
Harbour flags
Old town
Late bloom
Greenhouse
Night shift
Low tide
Paper cuts

Mosaic — Image Height 560px

Morning market
Studio arch
Harbour flags

Autoplay with controls hidden (Deck)

Morning market
Studio arch
Harbour flags
Old town
Late bloom
Greenhouse
Night shift
Low tide
Paper cuts

Controls on hover, keeps playing on hover (Orbit)

Morning market
Studio arch
Harbour flags
Old town
Late bloom
Greenhouse
Night shift

Image Slider — curved track

The Image Slider can now run along a curve. CSS only; the curve holds still for reduced motion.

Arc — gentle

Arc — medium

Arc — strong, images upright

Smile — the sides rise

Drum — seen from outside

Drum — seen from inside

Wave — keeps playing on hover

Link hover cards

Internal links in a paragraph or list can show a preview card on hover or keyboard focus. Phones get the plain link.

A — compact

Hover a link and wait. See how we approach brand identity, how we build websites, and what happens in launch week — or visit WordPress.org, which gets no card.

B — thumbnail

Same links, with a thumbnail. See how we approach brand identity, how we build websites, and what happens in launch week — or visit WordPress.org, which gets no card.

C — image on top

And with the image on top. See how we approach brand identity, how we build websites, and what happens in launch week — or visit WordPress.org, which gets no card.

Animated backgrounds

Six CSS-only backgrounds for a Group or Cover, in kit colours. They pause off screen and hold still with reduced motion. The sections above use them too.

Drifting blobs

Studio · Brand and web design for people who make things.

Aurora

Studio · Brand and web design for people who make things.

Living grain

Studio · Brand and web design for people who make things.

Turning halo

Studio · Brand and web design for people who make things.

Floating shapes

Studio · Brand and web design for people who make things.

Stripe drift

Studio · Brand and web design for people who make things.

Smaller additions

Settings added to existing blocks in 1.8.0.

Scrolling Text in a box — background, padding and border from the Styles tab

Fast on phonesBuilt in the block editorStyle kitsLaunch SitesFast on phonesBuilt in the block editorStyle kitsLaunch SitesFast on phonesBuilt in the block editorStyle kitsLaunch SitesFast on phonesBuilt in the block editorStyle kitsLaunch SitesFast on phonesBuilt in the block editorStyle kitsLaunch Sites

Text Rotator — changes as the line crosses the screen

Brand identity Also: Websites, Product design, Content & motion

Group rotation, aspect ratio, text opacity and a pinned paragraph

Rotated 4°

−2° on phones. A resting angle, not an animation.

Always 16:9

Group aspect ratio, from WordPress’s own Dimensions panel.

NEW

Parallax children, with one heading kept still

This heading stays put

Table — column widths 2 / 1 / 1 and an outer border

Plan

Sites

Price

Starter

1

£9

Studio

10

£49

Countdown — labels as typed, under the box, smaller on phones

Offer ends 1 January 2027, 09:00 GMT+0000
This offer has ended