Start growing your business online today!Message us
Get a Quote
Case study · Corporate web

hatch

We designed a fast corporate site for hatch that carries its minimal wordmark across every page and puts the content first. The team can now publish new pages and content without needing a developer.

Quote for a similar project All projects
hatch
Sector
Brand
Market
TR
Year
2026
Duration
7 weeks
Platform
Next.js + Sanity
By the numbers

Key results

+36%Organic sessionsMonthly organic search sessions versus the previous site.
1.3 sMobile LCPLargest Contentful Paint on a typical 4G connection.
98Lighthouse performanceMobile performance score on the home page.
+25%Contact form leadsMonthly completed contact forms.

* Figures are sample data and will be replaced with real project data before launch.

Starting point

Needs and goals

hatch had a clean, typographic brand, but the old site didn't reflect it: a crowded template, heavy images and pages that were hard to update. Adding content meant calling in outside help every time.

The goal was a site that keeps the brand's minimal voice, presents content in a clear hierarchy and loads very fast. A content panel the team could manage on their own and a solid technical SEO foundation were also in scope.

Goals
  • A minimal interface consistent with the brand
  • Clear content hierarchy
  • A panel the team can run themselves
  • Speed and technical SEO
Approach

How we worked

  1. 01

    Content audit

    We reviewed the existing pages and decided what to merge, simplify and rewrite.

  2. 02

    Typographic design system

    Starting from the wordmark, we built a system of type scales, spacing and components.

  3. 03

    Modular content panel

    We designed a content model that lets the team build new pages by combining blocks.

  4. 04

    Performance and SEO

    We launched with static generation, optimised images and structured data.

Outcome

After launch

The new site loads in 1.3 seconds on mobile and the home page scores 98 for Lighthouse performance. A clearer content structure and technical SEO lifted organic sessions by around 36%.

Simpler pages take visitors to the contact step more directly, and completed contact forms rose by 25% per month. The team now publishes new content on its own.

We are setting up a regular content calendar with the team and adding new page blocks as they are needed.

Monthly organic sessions: previous site vs new site1450Mar1560Apr1630May1720Jun1760Jul1850Aug
BeforeAfter

* Figures are sample data and will be replaced with real project data before launch.

Solution

What we built

01

Type-led interface

Spacious, readable pages in step with the brand's minimal wordmark.

02

Block-based page builder

Build new pages from ready-made blocks without a developer.

03

Live preview

See changes made in the panel before publishing them.

04

Optimised images

Images are resized per device automatically and served in modern formats.

05

Technical SEO foundation

Automatic sitemap, meta fields and structured data.

06

Privacy-friendly analytics

Simple visitor measurement with no cookies required.

Project timeline

  1. Week 1Content audit and sitemap
  2. Weeks 2-3Design system and interface
  3. Weeks 4-5Development and content panel
  4. Week 6Content entry and technical SEO
  5. Week 7Testing and launch

Scope

  • Corporate website
  • Content and page structure
  • Content panel
  • Technical SEO

Technology

Next.jsSanityTypeScriptTailwind CSSVercelPlausible AnalyticsFigma
Next projectOnur Flower ShopFlorist · +46% Mobile conversionView project
Free consultation

Planning something similar?

Let's talk about your goals and map out a plan on a free intro call.

Free discovery call WhatsApp