Jens Lehmann

 Personal Website
Responsive Website shown on Desktop and Mobile

PROJECT

Responsive Webdesign

CLIENT

Jens Lehmann

RESPONSIBILITIES

Interaction Design, Visual Design, Web Development

LAUNCH WEBSITE

Challenge

DIFFERENT TOPICS, ONE SITE
Jens Lehmann is well known as the former goalkeeper of the German national football team. However, most people are not familiar with the details of his more than 20 years long career. In addition to that, his other activities in the areas of charity or coaching for example are even less well known. The challenge was to create a website that clearly communicates those different aspects to different audiences.

Solution

Startscreen with Personas of Jens Lehmann (Desktop)
THE VISUAL PERSONA CONCEPT
MING Labs came up with the idea to implement a concept called »The Five Faces of Jens Lehmann« to visualize the different personas of Jens with all his expertise and diverse experience. This core idea was realized by creating iconic persona pictures of Jens, which were also used as navigation elements. Overall, the page is designed to support the presentation of an entertaining mix of photography and stories from his career told with his words.
Persona 1 = Goal Keeper (Desktop)
Persona 1
Persona 2 = Coach (Desktop)
Persona 2
DESIGN INSIGHTS
The combination of a simple, Flat Design language with vivid full page photographs creates the special look & feel of the Jens Lehmann website. The responsive design ensures the ideal appearance on desktop and mobile devices alike.
Persona 2 = Coach (Ipad)
Persona 2
Persona 2 = Coach (Iphone)
Persona 2
Persona 3 = Commentator (Iphone)
Persona 3
TECHNOLOGY INSIGHTS
As neither the pace of change in technology nor the events in Jens life slow down, a content management system that allows for quick updates, an integration of social media feeds, and a responsive web design that adapts to the screen sizes of new devices were called for.
Picture Section (Ipad)
Picture Section
Text Section (Ipad)
Text Section

Process

Persona Styleboards
Process Step 1
Photo Shooting
Process Step 2
The 5 Personas
Process Step 3
THE PHOTO SHOOTS
For the iconic persona photos of Jens Lehmann, Studio Bernhard Kuehmstedt in Munich, Germany was engaged. Throughout the project it became clear that a new official Facebook page needed to accompany the website in a similar look & feel. Some additional shots taken during the photo shooting for the persona photos were vital for that design.
Navigation & Layout
Process Step 4 = Navigationa & Layout Process Step 5 = Personas Horizontal Navigation
Personas Horizontal Navigation
Content Vertical Navigation
Process Step 6 = Vertical Navigation
Approaches of the Content Layout
Process Step 7
RESPONSIVE LAYOUT
The goal for the design was to not only scale beautifully on different screen sizes and resolutions but to also present a different and more appropriate experience on smart phone screens. The result is a reduced version with less navigational elements and animations on smart phones.
Website for all Devices Overview
A SPECIAL WEBSITE FOR A SPECIAL CAREER
›More than 20 years as goalkeeper, nowadays a football coach, commentator, speaker and much more — all interesting sides of Jens Lehmann presented in a minimal & responsive website.‹
— PIERRICK CALVEZ