Labor law updates

“Like getting the important cases handed to you on a silver plate.”

Every week, employment lawyers in the Netherlands receive an email that lists all jurisprudence and features a brief description of the most important cases.
We created a new design for these mails and their accompanying website. Lawyers use this site to search, browse and scrutinize the case recaps created by the editors. And keep up to date with developments in employment law, relevant news and legal annotations from peers.

Boom publishers has different focus area’s and one of them is legal books and magazines. In several legal fields they offer expert case summaries to enable practitioners to keep up to date with jurisprudence.
For employment law, these are the ‘AR-updates’ (in Dutch labor law is ‘arbeidsrecht’). They are sent weekly to all members of the Dutch Association of employment lawyers (VAAN).

Fact-based design

User research provided a clear picture of how employment lawyers use the mail updates and the website. And it points out room for improvements.
The interviews made clear just how valuable and appreciated the content really is. Lawyers described reading the weekly newsletter as a vital part of their working routine.

“Like getting the important cases handed to you on a silver plate.”

The plate needed some improvement. Readability was poor and the many distractions on the website made it rather difficult to focus on the top task: reading the text.

The ‘Brando’ typeface is from a foundry in Den Hague, the hometown of Boom legal publishers. Text that is not written by the editorial team, like metadata and labels, is set in Brando’s younger brother: ‘Brando Sans’.

Typography for professional readers

Jurisprudence has no images. No photographs either. It’s just text. Lawyers scan titles, read the essence of a case and if this proves relevant for them, read all the legal details. Reading speed, scalability and facilitating ‘diagonal reading’ is key to providing a good user experience for the AR-updates.

Type size and line height are optimized for each screen size and form the horizontal grid for the layout. An appropriate line length of 70 characters defines the columns (on larger screens).

A grid for all sizes

We used prototypes to determine for different devices and screen sizes what the optimal font size and line height was for scanning and reading long texts in the Brando typeface.
Both the vertical and horizontal grid is constructed from the typography, providing a solid base for a harmonious layout system where all elements can be positioned naturally.

Layout without distraction

We learned from the user research exactly what goals users have on the different page types. Knowing what users want to achieve enabled us to remove all other objects from the page.

This highly focusses each page and provides a natural flow for the users. For example, above the case we leave out all (usual) metadata and show only the information that is necessary for a lawyer to judge the relevance of this particular case for her practice. All other metadata is displayed beneath the case summary.
Beneath the summary we also show related content and the option to further explore within the same legal subject. And of course the option to enter a search term.

This approach renders a traditional navigation at the top of each page obsolete and facilitates routes based on substance rather than menu’s.

Responsive and scalable

All pages are of course fully responsive and make use of patterns that scale well to both large and small screens. The clarity of the layout and modest graphic style support the text, and result in a website that is straightforward to build and maintain.

Many thanks to Karin den Bouwmeester, Steven Nooy, Sander Onland and Wirt Soetenhorst.

Nederlands

is a no-nonsense UX bureau.


As creative engineers, we love complex challenges. We design solutions that feel logical for users. We focus on quality. We choose to be a small agency, so we can give each client our full attention.
We bring over 20 years of experience to each project.

Bart + Meike: engineers with a focus on people.
Meike Mak design researcher and UX specialist—industrial design (with honors), TU Delft. Meike likes to submerge in the experience of the user and is a trainer in UX research and interview techniques. She loves mountains, squash and board games and is the mother of Willem.
Bart van Lieshout designer—architecture (with honors), TU Delft. Bart worked 10 years as an architect, designing complex buildings such as hospitals. He is fascinated by grids and typography and always in pursuit of elegant solutions. Bart sings as a tenor soloist in classical music. His daughter is called Domino.

Our specialty is fact-based design.


We base our designs on facts and insights. We research the needs of the people who are going to use the product or service. And we merge these user needs and ambitions with our clients’ ambition in a concept.


Concept a strategic foundation for the design. We sketch solutions for the core user interaction. From here we design the main functionality, outlining principles and structure.
A solid concept is half the battle. It forms the basis for prioritising and planning features, helps to convince stakeholders and guides the product roadmap. For agile teams the concept provides a clear high-level context, essential during large or complex projects.
We always start with sketches and add detail with our clients as we iterate. This helps idaes to stay agile and prevents rework in expensive production steps.

We help ambitious organisations to make online projects successful.


Our work is often of strategic importance to our clients, so we can only show a selection.
  • Design for online services of a pension administration

  • Ideation for purchasing tools for the government


    Ideation generating ideas and solutions. Together with the purchase professionals from the Dutch government, we created a clickable prototype to demonstrate how large purchasing projects can be facilitated.
    Take a closer look.
  • Design for a website and mail service for lawyers


    Ontwerp a clear plan of what will be created. Based on the insights from user research, we created sketches, visual designs and prototypes. The site went live in 2017 and together with the in-house development team we realise a constant flow of improvements and extensions.
    See what we designed. And why.
  • Design Sprints


    Design Sprints is a format developed by Google Ventures to create a user validated prototype in only 5 working days. The ideal compact (and low-cost) innovation kickstart for corporates with challenges and ambition.
    Design thinking and teamwork.
  • Concept for a new public service portal

  • Implementation of UX research for a sports brand

  • I.A. for a telco app


    Information Architecture a design for the organisation of information. What information will be displayed where? What screens are necessary and what form of navigation aligns best with the user goals and needs? A well though out I.A. forms the basis for a successful interaction design, layout and visual design.
  • Coaching in-house UX teams


    UX-rescue help for design teams and product teams in doubt or in trouble. Sometimes it’s hard to see if your working in the right direction. Is this the best solution for the problem? Or are you fixing the wrong problem?
    With the refreshing perspective of outside professionals we help teams to identify their problem and choose an adequate solution, empowering the team to get back to work with renewed energy and focus.
  • Strategic pressure cookers for teams


    Strategic pressure cookers facilitating sessions with stakeholders and business owners to outline a clear product vision. Strategic sessions result is a shared understanding and insight of the bottle necks, challenges and opportunities that lie ahead.
  • Branding for a dental practice


    Branding the identity of your organization. Your business card—literally. What impression do you want to make? What are the core values of your business and how are they best displayed in your corporate identity?
    Read more about the typeface, layout and logo.
  • Design and code for a bridge club website


    We build websites on a regular basis. This keeps our knowledge up-to-date about what can be achieved in the browser—and how much effort is involved. We believe that good design takes into account how things are made. Online products are not clickable images, but responsive layout systems that work well on small and larger screens alike. So we need to understand the code that makes the design.
    Illustrations and website for a bridge club.
  • User research in public transportation


    User research finding out how users experience something. In this case how international train travellers experience the Dutch OV-chip card. What challenges and problems do the travellers face? Do foreign visitors understand how the system works? And how to get past the gates at their destination?
    Find out what we found.
  • First website for mbstudio


    First website always challenging. What to put on your website when you’re setting up a new business in the evening hours?
    This is what we opted for in 2016.
  • Naming our company


    If you like to base decisions on facts, and advice your clients to conduct research, then how do you choose the name for your company? Fact-based of course! Complete with sketches, prototypes and user research.
    Read all about it.
  • adidas
  • Arcadis
  • Boom juridische uitgevers
  • Centraal Bureau Rijvaardigheid
  • ING
  • knab
  • Ministerie van Binnenlandse Zaken
  • Nederlandse Spoorwegen
  • Schaal+
  • Squla
  • Delft University of Technology
  • User Intelligence
  • UX academy
  • uxinsight

Because we believe that digital products make life better.


Why you do something is just as important as what you do. We believe in human-centered design: products and services designed from the perspective of the human who uses them. We believe that good websites, apps and online services make our life easier and more pleasurable. And that the impact of digital products on our life—and that of our children—will only increase.
That is why we choose to use our talents and energy to make digital products as good as possible.

Are you facing a challenge? Contact us.

We like to think along and can usually help. You can reach us at studio@mbstudio.nl