A website landing page for a payroll automation service features a woman in glasses and a light shirt smiling against a beige background, with promotional text, call-to-action buttons, and partner logos below.

Employes

As Employes grew into a scale-up, they asked us to translate their refreshed brand into a modular website. We created a scalable, flexible platform with a UI audit, multilingual setup, and content tools to support their next phase of growth.

We rebuilt their marketing foundation and visual system. We translated the new identity into a modular web design and component library and delivered a flexible, multilingual marketing website built on Prismic, a CMS that enables their team to publish pages in minutes.

What we worked on

Conversion optimization
Website Design
Website Development
Animations & Interactions

Tech stack

Headquarters

Amsterdam

Industry

HR Tech

4.7

User Rating

5000+

Organizations use Employes

A digital interface displays a net salary of €4,641.81 for January, with options to "View payroll" in purple and "Delete." An icon of stacked coins with a dollar sign appears above the cards.

A table shows old and new amounts for salaries and travel costs for Jasper, Luca, and Sophie. Jasper’s new salary increased, Luca’s travel costs stayed the same, and Sophie’s values are faded. A “Download overview” button is visible.

A digital form for submitting a new expense claim, showing "Trip to client" as the category, "Reimbursed" toggled on, trip from Weesperplein 1, Amsterdam to Waterlooplein, and Cancel and Submit buttons.

Translating brand into a cohesive web experience

Before design work began, we joined brand sessions led by the external brand agency Employes worked with to ensure the identity would translate effectively into digital environments.

Four young adults are gathered around white desks with computers in a modern office. One person stands while the others sit, engaged in conversation. Large windows and plants add natural light and greenery to the workspace.

Two men sit at desks in a bright office, focused on computer screens. One man rests his hand on his chin, appearing thoughtful. Office plants and monitors are visible in the background.

We aligned on typography, color, spacing and interaction patterns, then developed a web focused style direction that set clear rules for UI behavior, motion and imagery. This created a foundation that connected the marketing website and parts of the product into one consistent system.

A website homepage for a payroll and HR service, showing pricing plans for Solo, Start, Team, and Business tiers. The design uses green and cream colors, with call-to-action buttons and plan details visible.

Design and development working in parallel

Design and development progressed in parallel. Their developers received early access to concepts and components, which streamlined collaboration and reduced handover friction. We structured the interface using atomic design so each element mapped directly to Prismic slices. This gave marketing predictable building blocks and provided their development team with a system that could evolve without compromising consistency.

A woman with brown hair in a cream blouse smiles while looking at her smartphone. A notification on the image reads, "Payslip available. View your March payslip." The background is light purple with curved shapes.

Illustration of a person sitting on the ground with legs stretched out, wearing a purple top and beige pants, looking up and pointing upward with one finger. The background is mostly white with minimal details.

Technical approach

We worked with Next.js, TypeScript, Prismic as the CMS, Tailwind and GSAP, guided by the goals of the project. The CMS was configured so the marketing team could assemble complete pages through dynamic sections rather than rely on fixed templates.

Motion was added to strengthen brand expression while staying within performance targets. SEO, multi language support and HubSpot integration were included from the outset, ensuring campaigns and market expansion could be executed without additional technical work.

A software dashboard displays sections for Products, Features, and Services, listing items like Payroll, HR, Mobile app, Integrations, Time tracking, and Reporting, with brief descriptions for each category.

A software dashboard shows a menu with HR and payroll options. "Time tracking" is highlighted, with a clock icon and the text "Let on-call workers keep track of hours" beneath it.

Bridging the gap between brand and product

Employes’ in-house design team expressed the need for their product to match the confidence of their new identity. Although we had made progress on the website design, turning a brand identity into a platform UI, as always, required experience, expertise and would took account an interface, which in nature is more functional and utilitatian than a marketing website .

To help them bridge that gap we conducted a UI audit and a whipped up a clear style direction that translated the brand into real, scalable interface patterns.

We refined spacing, typography, color use, and interaction rules so their team has a visual language they could grow with and would help them make the marketing expressions and their platform feel seamlessly connected.

A digital signature appears in a white box with a purple "Add signature" button below. A pen icon inside a green circle is shown at the top right corner of the box.

A timeline highlighting “New fixed-term contract” with dates from 1 Jun 2025 to 31 Dec 2025. Below, “Wage tax credit” and “Hours per week” are shown faded and not selected.

Results that support their next stage of growth

Employes now has a marketing website and visual foundation aligned with the company’s next stage of growth. The experience conveys maturity and supports conversations with larger customers. Marketing can work independently through the structured and easy to use CMS, creating content, campaigns and pages without developer support. Their product team builds on a clear visual language and component library that keeps brand, marketing website and product aligned as they continue to expand.