Case Study

Leapwize

Reimagining Job Matching for Generation Z

Role


UX/UI designer

Team project

Role


UX/UI designer

Team project

Tools


Figma

Tools


Figma

Time

2 weeks - April 2024

Time

2 weeks - April 2024

Overview

Overview

Overview

Leapwize is a platform designed to help Gen Z discover apprenticeships in Germany. Traditional job platforms often fail to engage younger audiences, making career exploration confusing and unappealing. The goal of this project was to design a landing page that communicates opportunities clearly and connects with the expectations of Gen Z users.

Leapwize is a platform designed to help Gen Z discover apprenticeships in Germany. Traditional job platforms often fail to engage younger audiences, making career exploration confusing and unappealing. The goal of this project was to design a landing page that communicates opportunities clearly and connects with the expectations of Gen Z users.

Design
Challenge

Design
Challenge

Design
Challenge

Design a mobile-optimized landing page that explains apprenticeships in a clear and engaging way while building trust with Gen Z users.

Key design principles

  • simple and familiar interface

  • short and visual content

  • clear calls to action

  • trustworthy information about companies

Design a mobile-optimized landing page that explains apprenticeships in a clear and engaging way while building trust with Gen Z users.

Key design principles

  • simple and familiar interface

  • short and visual content

  • clear calls to action

  • trustworthy information about companies

01
Research

01
Research

01
Research

We conducted interviews and surveys with Gen Z students to understand their job search behavior.

The research explored:

  • career uncertainty after school

  • trust in job platforms

  • use of social media for career discovery

We conducted interviews and surveys with Gen Z students to understand their job search behavior.

The research explored:

  • career uncertainty after school

  • trust in job platforms

  • use of social media for career discovery

Interview Insights

Interview Insights

Interview Insights

Challenges: Difficulty finding entry-level opportunities, greenwashing by companies, and a lack of trust in job descriptions.

Challenges: Difficulty finding entry-level opportunities, greenwashing by companies, and a lack of trust in job descriptions.

Design Preferences: Simplicity, straightforward information, a human and energetic design.

Design Preferences: Simplicity, straightforward information, a human and energetic design.

Social Media Influence: Importance of word-of-mouth, passive social media learning, and a preference for personal success stories over generic community discussions.

Social Media Influence: Importance of word-of-mouth, passive social media learning, and a preference for personal success stories over generic community discussions.

Information Preferences: Honest details about the company and its culture, clear job descriptions, and engaging content that provides a comprehensive view of the company.

Information Preferences: Honest details about the company and its culture, clear job descriptions, and engaging content that provides a comprehensive view of the company.

02
Problem

02
Problem

02
Problem

Considering all the information we got to our user persona Emma Schmitz a 16-year-old socially conscious individual, uncertain about her career path but eager for a role that combines creativity with social impact.

Considering all the information we got to our user persona Emma Schmitz a 16-year-old socially conscious individual, uncertain about her career path but eager for a role that combines creativity with social impact.

User persona

User persona

User persona

¨I´m seeking a career with purpose and community impact¨

¨I´m seeking a career with purpose and community impact¨

¨I´m seeking a career with purpose and community impact¨

EMMA SCHMITZ

16 yo

EMMA SCHMITZ

16 yo

Uses Instagram and TikTok for expression and connection

Uses Instagram and TikTok for expression and connection

Uses Instagram and TikTok for expression and connection

Aligns with platforms focus on individual values and social media engagement

Aligns with platforms focus on individual values and social media engagement

Aligns with platforms focus on individual values and social media engagement

Wants to make a difference

Wants to make a difference

Wants to make a difference

Uncertain about her career path

Uncertain about her career path

Uncertain about her career path

Seeks a role combining creativity and social impact

Seeks a role combining creativity and social impact

Seeks a role combining creativity and social impact

Needs career guidance

Needs career guidance

Needs career guidance

empathetic

empathetic

socially concious

socially concious

creative

creative

teamwork

teamwork

artsy

artsy

Defining the problem

Defining the problem

Defining the problem

Gen Z students need a clear and trustworthy way to discover apprenticeships because traditional job platforms feel outdated and difficult to navigate.

Gen Z students need a clear and trustworthy way to discover apprenticeships because traditional job platforms feel outdated and difficult to navigate.

Gen Z students need a clear and trustworthy way to discover apprenticeships because traditional job platforms feel outdated and difficult to navigate.

03
Design
Decision

03
Design
Decision

03
Design
Decision

After gathering all the information and defining the problem we got into the ideation phase. Through brain storming sessions and after the feature optimizations we got into a design process that was iterative, focusing on simplicity, clarity, and engagement. This key features included:


Short Explainer Video: To quickly convey Leapwize’s mission and approach.


Expandable Company Information: Offering insights into the supportive environment Leapwize promotes.


Simple Sign-Up Process via WhatsApp: Catering to GenZ’s preference for instant communication.


Testimonials and Success Stories: Building trust through shared experiences.


Straightforward Job Matching Mechanics: Illustrated through a friendly "How It Works" section.


Social Media Integration: For easy sharing and to foster a sense of community.



Our design process was iterative, focusing on simplicity, clarity, and engagement. Key features included:

Short Explainer Video: To quickly convey Leapwize’s mission and approach.

Expandable Company Information: Offering insights into the supportive environment Leapwize promotes.

Simple Sign-Up Process via WhatsApp: Catering to GenZ’s preference for instant communication.

Testimonials and Success Stories: Building trust through shared experiences.

Straightforward Job Matching Mechanics: Illustrated through a friendly "How It Works" section.

Social Media Integration: For easy sharing and to foster a sense of community.


Wireframing and prototyping were essential steps, allowing for the refinement of user flow and the interface layout to ensure an intuitive experience. User testing sessions further refined the design, ensuring it met our target audience's needs and expectations.

Our design process was iterative, focusing on simplicity, clarity, and engagement. Key features included:

Short Explainer Video: To quickly convey Leapwize’s mission and approach.

Expandable Company Information: Offering insights into the supportive environment Leapwize promotes.

Simple Sign-Up Process via WhatsApp: Catering to GenZ’s preference for instant communication.

Testimonials and Success Stories: Building trust through shared experiences.

Straightforward Job Matching Mechanics: Illustrated through a friendly "How It Works" section.

Social Media Integration: For easy sharing and to foster a sense of community.


Wireframing and prototyping were essential steps, allowing for the refinement of user flow and the interface layout to ensure an intuitive experience. User testing sessions further refined the design, ensuring it met our target audience's needs and expectations.

04
Prototyping

04
Prototyping

04
Prototyping

Low-Fidelity Prototype

Low-Fidelity Prototype

Low-Fidelity Prototype

Low-fidelity wireframes were used to test the structure of the landing page and user flow.

User testing revealed the need for:

  • more visual content

  • less text

  • clearer call-to-action buttons

The final design focused on a highly visual layout with simple messaging and familiar interaction patterns.

Low-fidelity wireframes were used to test the structure of the landing page and user flow.

User testing revealed the need for:

  • more visual content

  • less text

  • clearer call-to-action buttons

The final design focused on a highly visual layout with simple messaging and familiar interaction patterns.

After testing the Lo-Fi with Gen Z users we refined the design, ensuring it met our target audience's needs and expectations. Making a clear and very visual design, reducing the amount of text and introducing emojis and elements that the users are familiar with. The CTA button as community first platform also had to be redesign, to make it more clear.

After testing the Lo-Fi with Gen Z users we refined the design, ensuring it met our target audience's needs and expectations. Making a clear and very visual design, reducing the amount of text and introducing emojis and elements that the users are familiar with. The CTA button as community first platform also had to be redesign, to make it more clear.

Design style

Design style

Design style

A design style was created for the correct use of the logo.

Hi-Fi Prototype

Hi-Fi Prototype

Hi-Fi Prototype

The final landing page uses short videos, testimonials, and clear calls to action to help Gen Z users quickly understand how Leapwize connects them with apprenticeships.

The design prioritizes visual content and minimal text to match the browsing habits of younger users.

The final landing page uses short videos, testimonials, and clear calls to action to help Gen Z users quickly understand how Leapwize connects them with apprenticeships.

The design prioritizes visual content and minimal text to match the browsing habits of younger users.

Interactive Prototype

Interactive Prototype

Interactive Prototype

Text and emojis

Very clear call to action button

Prototype

Prototype

Prototype

Learnings

Learnings

Learnings

This project highlighted how important authenticity and simplicity are when designing for Gen Z users. Visual communication and clear messaging were essential to building trust and engagement.


This project highlighted how important authenticity and simplicity are when designing for Gen Z users. Visual communication and clear messaging were essential to building trust and engagement.


Create a free website with Framer, the website builder loved by startups, designers and agencies.