(03)2023 to present
SUMM · HR Tech & Culture Consultancy · Netherlands

Localizing SUMM into two languages and handing publishing to marketing

We localized SUMM's whole Gatsby and Prismic site into Dutch and English, rebuilt every page to a new premium design, added six dynamic page templates covering their full content library, and left a marketing team that ships pages in both languages without a developer.

See it live at summ.nl
SUMM, HR Tech & Culture Consultancy
2Languages, on every page (NL + EN)
6Dynamic page templates
0Devs needed to publish a page
100%Responsive, pixel-perfect from Figma
Live sitesumm.nl
IndustryHR Tech & Culture Consultancy
Engagement2023 to present
Scope of workLocalization EngineeringWebsite Redesign & RebuildHeadless CMS (Prismic)Dynamic Page TemplatesLead Capture & Forms

Challenges and solutions

  1. Making every page bilingual without bolting on a translation hack

    The challenge

    SUMM sells to a Dutch home market and to international clients, but the site spoke one language. Off-the-shelf translation plugins fight the content model, and the usual failure mode is worse than no translation at all: a visitor clicks one link and silently lands back in the language they did not choose.

    What we shipped

    We built the localization layer directly into the site so it fits SUMM's content model exactly. Dutch is the default and serves from the root, English serves under its own path, and every page, fixed or content-driven, is generated in both languages at build time. A language switcher and a locale-aware link layer keep visitors in their chosen language everywhere they go.

  2. Removing the developer from day-to-day publishing

    The challenge

    Every new page or layout change meant a code change and a deploy. Marketing could not launch a campaign, publish a Deep Dive or restructure a page on their own schedule, which put an engineering queue in front of every content decision.

    What we shipped

    We modelled the design as reusable Prismic Slices, the hero, service grids, testimonial sliders, deep-dive grids and more, and built six dynamic page templates on top of them. The team now assembles complex pages by mixing and matching blocks, in either language, without breaking the layout or the responsiveness.

  3. Bringing the site up to the standard of the consulting

    The challenge

    The existing pages did not match the premium feel of SUMM's consulting work, and the content model had no home for several of the stories they wanted to tell.

    What we shipped

    We rebuilt the home page, Method, Platform, Services overview and Our Story pixel-perfect from the new design and fully responsive across desktop, tablet and mobile, plus the global components, including a new footer and cleaned-up navigation, so the whole site reads as one premium product.

  4. Making the growing content library findable

    The challenge

    As Deep Dives, case studies, resources and blog posts multiplied, every dynamic page needed its own title, description and social card, in both languages. Without that, the entire library would publish into a search-engine blind spot.

    What we shipped

    We wired a shared SEO component into every template and page, so per-language metadata is generated for each piece of content the team publishes. Case studies additionally carry company name and sector, so the listing stays useful as it grows rather than becoming a wall of titles.

  5. Turning the contact page into a lead channel

    The challenge

    Enquiries needed to arrive clean, structured and attributable, in both languages, and a form that silently drops a submission costs real business for a consultancy.

    What we shipped

    We redesigned the contact page into a friendly, conversational lead-capture experience that validates input as the visitor types and sends each enquiry straight to SUMM's inbox through a serverless function and AWS SES. No lead is lost, and the team gets structured submissions instead of free-text email.

Before and after

  • BeforeA site that spoke one languageAfterEvery page live in both Dutch and English
  • BeforeA code change and a deploy for every new pageAfterMarketing builds and publishes pages on its own
  • BeforeDesign that undersold the consulting behind itAfterPremium, pixel-perfect and responsive throughout
  • BeforeNo home for Deep Dives, case studies or resourcesAfterSix dynamic templates driving the whole content library
  • BeforeNew content publishing without proper metadataAfterPer-language titles, descriptions and social cards everywhere
  • BeforeEnquiries arriving as unstructured emailAfterValidated, structured submissions straight to the inbox
How the localization works

One site, two languages

We built the localization layer ourselves rather than reaching for a plugin, because the plugin route would have forced SUMM's content model to bend around someone else's assumptions.

  1. 1
    Every page, both languages, at build time

    Dutch is the default and serves from the root. English serves under its own path (/en). Every page, the fixed ones and the content-driven ones, is generated in both languages when the site builds.

  2. 2
    Stay in your language, everywhere

    A language switcher and a locale-aware link layer keep visitors in their chosen language as they move around the site, so a link never drops someone back into the wrong one.

  3. 3
    Content lives in Prismic, per language

    Each page has a Dutch and an English version in Prismic. The site pulls the right language for each build, so the marketing team writes per language in one place and the site renders both.

SUMM home page in English
English
SUMM home page in Dutch
Dutch (default)
Built to grow

The templates that carry the content library

Six dynamic page templates, all driven by Prismic and all rendered in both languages, cover SUMM's full content model:

  • Deep Dives, a resource library of in-depth articles on culture topics.
  • Service pages, one detailed page per offering.
  • "Great for" persona pages, targeted landing pages for specific audiences such as founders and leadership.
  • Case studies, with company name and sector surfaced on the listing.
  • Resources and Blog, each with its own template and listing.

The team spins up a new page in any of these by filling in the CMS rather than asking for a build.

SUMM Method section, rebuilt
The SUMM Method, rebuilt from the new design
Marketing autonomy

The part that keeps paying off

The lasting win

SUMM's team now builds and restructures pages, in both languages, without a developer and without breaking the layout or the responsiveness. New campaigns, Deep Dives, case studies and translated content go live on their own schedule.

The outcome

SUMM came to us to add a language and left with a better site. Every page is now available in Dutch and English, the design matches the premium quality of their consulting, the content library has a real home with proper metadata behind it, and the bottleneck is gone: the marketing team ships pages, campaigns and translations themselves, on a fast, fully responsive Gatsby and Prismic stack.

Technology stack

Frontend
Gatsby (React, SSG)TypeScriptstyled-components
Content & CMS
PrismicSlice MachineLocalized content (NL + EN)
Localization
Custom i18nLocale-aware routingLanguage switcher
Forms & email
react-hook-formYupNetlify FunctionsAWS SES
Infrastructure
Netlify
The Devioand team acted as true partners: high code quality, fast delivery, and proactive, clear communication. They showed real commitment and skill, pulled through whenever needed, and delivered high-quality work on time. Would really recommend them for any Jamstack project.
BTBart ter SteegeFounder & CEO, SUMM

Does your site only speak one language?

We built SUMM a localization layer that fits their content model instead of fighting it, then handed the keys to marketing. If a second market is waiting on a translation project, let's talk.

Next project
(04)2025 to presentThe Impact CollectivePodcast, events, and offer pages
Read case study