mendi.net

Branding, print and website for mendi.net, a network for continuing-education mentors

Role
Designer
Client
ver.di · IFTP
Discipline
Branding · UX/UI Design · Print
Year
2024

This project was created during my time at 4S Design. It is shown here to document my design contribution. Trademarks, imagery and all further rights of use remain with 4S Design and the respective clients and rights holders.

The mendi.net website scrolling from the home page to the »Was wir machen« page and its infographic

01Overview

One network, three audiences

mendi.net was a network for continuing-education mentors (Weiterbildungsmentor*innen): employees who encourage their colleagues to take up further training and help shape a culture of continuing education in their workplace. The project was run by ver.di and the IFTP and funded by the German Federal Ministry of Education and Research.

The problem

Continuing-education mentors advise colleagues at work on further training. The role was new and hardly known, and employees, employee representatives and aspiring mentors came to the site with very different questions.

The solution

The home page explains right at the start what mendi.net is about. Then each of the three groups finds its own entry point, and »How it works« shows the path to becoming a mentor in four steps.

02My role

From identity to launch

I developed the visual identity, conceived the structure of the website and designed it; the content was provided by the client. After the developer handoff, I supported the project through to launch. I also carried the identity across roll-⁠ups, posters, flyers, a brochure and merchandise.

03Identity & website

Overview of all mendi.net media

04UX decisions

What shaped the product

Audiences

An entry point for every audience

Three entry points in the first person, such as »I’m a continuing education mentor and want to connect.«

fewer drop-offs, because every group finds its way at once

Becoming a mentor

The process in four steps

»How it works« explains the process in four steps.

the process becomes tangible, the barrier to becoming a mentor drops

Operations

Maintained by the team

A developer built my design as a WordPress template.

independent of development, saves running costs

Network

The network as an infographic

An infographic puts the continuing education mentors at the centre, with the people inside the company around them and those outside further out, such as education providers and the employment agency.

makes the network’s value visible and strengthens ties

Network

News at a glance

A news bubble in the bottom left shows new articles.

brings members back to the site and strengthens the sense of network

These decisions are not backed by user testing. They are based on conversations with the client and on informed assumptions about the target groups’ needs.

Sitemap of the mendi.net website with two ways to take part: becoming a mentor and trying out a networking meeting

05Measuring success

Primary metric · become a mentor

Click rate to the seminar portal

How many visitors move from the website to the seminar portal to sign up.

Hypothesis Interested people feel well informed and sign up for the training more often when the path to becoming a mentor is explained in four clear steps.

Metric · audiences

Use of the entry points

How often employees, employee representatives and mentors use their own entry point.

Hypothesis Visitors find the information meant for them faster when they see an entry point for their group on the home page.

Measurement wasn’t part of the project scope; I defined these metrics afterwards. How I would measure: set a baseline first, then compare every change against it.

06Style guide

mendi.net website style guide: colors, typography, logo and claim »Weiterdenken. Weiterbilden!«, buttons, navigation, components, infographic, key visual and target groups mendi.net website style guide: colors, typography, logo and claim »Weiterdenken. Weiterbilden!«, buttons, navigation, components, infographic, key visual and target groups

07Print

Cover of the mendi.net brochure
Spreads of the mendi.net brochure

08Merchandise

mendi.net tote bag
Back of a mendi.net T-shirt

Open to new roles in product and visual design.

Say hello