UX Design
UX Design
UX Design
UX Design
PROCESS
PROCESS
PROCESS
PROCESS
UX DESIGN PROCESS
F>w5xq
EI$@2<GS
Each phase built upon the previous one, transforming raw insights into tangible design decisions.
What began as conversations with students evolved into a defined product vision, a functional MVP, and finally, a complete brand and visual identity.
This journey illustrates how research, testing, and creativity can converge to shape a coherent and meaningful experience.
UX DESIGN PROCESS
20}2x@
@+.V4*Z.
Each phase built upon the previous one, transforming raw insights into tangible design decisions.
What began as conversations with students evolved into a defined product vision, a functional MVP, and finally, a complete brand and visual identity.
This journey illustrates how research, testing, and creativity can converge to shape a coherent and meaningful experience.
UX DESIGN PROCESS
U#^6r?
Q*T7+{%Z
Each phase built upon the previous one, transforming raw insights into tangible design decisions.
What began as conversations with students evolved into a defined product vision, a functional MVP, and finally, a complete brand and visual identity.
This journey illustrates how research, testing, and creativity can converge to shape a coherent and meaningful experience.
UX DESIGN PROCESS
T,}_.6
:$PDWIZP
Each phase built upon the previous one, transforming raw insights into tangible design decisions.
What began as conversations with students evolved into a defined product vision, a functional MVP, and finally, a complete brand and visual identity.
This journey illustrates how research, testing, and creativity can converge to shape a coherent and meaningful experience.
Phase 1
Discovery & Research
Goal
Understand students’ needs and motivations.
Key actions
20+ user interviews (FR & DE students)
Empathy mapping & needs clustering
Definition of hypotheses and assumptions
Outcome
A clear understanding of pain points and patterns among students, forming the foundation for the MVP.
User interviews
Insights mapping
Hypotheses
Phase 1
Discovery & Research
Goal
Understand student needs.
Key actions
20+ interviews (FR/DE)
Empathy maps
Define key hypotheses
Outcome
Clear insights to build the MVP.
User interviews
Insights mapping
Hypotheses
Phase 2
Ideation & Product Strategy
Goal
Translate insights into structured opportunities.
Key actions
Co-creation workshops with PM & devs
User journey mapping
Prioritization grid & MVP scope definition
Outcome
A focused product strategy built on feasible, high-impact features.
Personas
User journey
MVP scope
Phase 2
Ideation & Product Strategy
Goal
Turn insights into ideas.
Key actions
Co-creation with PM & devs
User journey mapping
MVP scope definition
Outcome
Focused, high-impact strategy.
Personas
User journey
MVP scope
Phase 3
Information Architecture & User Flow
Goal
Define how users navigate the app.
Key actions
User flow mapping based on personas
Wireframe sketches
Validation of first navigation logic through quick tests
Outcome
A clear app structure, guiding users from onboarding to discovery.
User flow
Wireframe
App architecture
Phase 3
Information Architecture & User Flow
Goal
Define app navigation.
Key actions
User flows by persona
Wireframe sketches
Quick validation tests
Outcome
Intuitive path to discovery.
User flow
Wireframe
App architecture
Phase 4
Wireframing & MVP Testing
Goal
Validate core features through iteration.
Key actions
Low-fidelity wireframes in Figma
Weekly usability tests (4–5 users per sprint)
Refinement cycles based on feedback
Outcome
A solid MVP aligned with user needs, motivations and expectations.
User tests
Low-fi Wireframes
Iteration cycles
Phase 4
Wireframing & MVP Testing
Goal
Validate core features.
Key actions
Low-fi wireframes
4–5 user tests per sprint
Iteration by feedback
Outcome
A solid, user-aligned MVP.
User tests
Low-fi Wireframes
Iteration cycles
Phase 5
High-Fidelity UI & Design System
Goal
Deliver a cohesive and scalable design.
Key actions
Creation of full UI Kit and design tokens
High-fidelity mockups in Light & Dark mode
Motion & micro-interactions
Outcome
A complete and ready-to-develop mobile experience.
Design System
Hi-Fi Mockups
Motion UI
Phase 5
High-Fidelity UI & Design System
Goal
Deliver cohesive design.
Key actions
UI Kit & tokens
Light/Dark mockups
Motion & micro-interactions
Outcome
Ready-to-build experience.
Design System
Hi-Fi Mockups
Motion UI
Phase 6
Branding & Visual Identity
Goal
Build a strong brand for the product.
Key actions
Naming “Guid’z” (Guidance + Gen Z)
Logo creation and color palette
Typography and icon system
Outcome
A unique brand identity reflecting guidance, and energy.
Brand identity
Logo & colors
Typography
Phase 6
Branding & Visual Identity
Goal
Create a strong brand.
Key actions
Naming “Guid’z"
Logo & color palette
Typography & icons
Outcome
A vibrant, clear identity.
Brand identity
Logo & colors
Typography
Phase 1
Discovery & Research
Phase 2
Ideation & Product Strategy
Phase 3
Information Architecture & User Flow
Phase 4
Wireframing & MVP Testing
Phase 5
High-Fidelity UI & Design System
Phase 6
Branding & Visual Identity
Phase 1
Discovery & Research
Phase 2
Ideation & Product Strategy
Phase 3
Information Architecture & User Flow
Phase 4
Wireframing & MVP Testing
Phase 5
High-Fidelity UI & Design System
Phase 6
Branding & Visual Identity
Phase 1
Discovery & Research
Phase 2
Ideation & Product Strategy
Phase 3
Information Architecture & User Flow
Phase 4
Wireframing & MVP Testing
Phase 5
High-Fidelity UI & Design System
Phase 6
Branding & Visual Identity
UX DESIGN PROCESS
U+*o
,AK(O614
From these interviews emerged three personas, two primary and one peripheral. The main personas, which we nicknamed The Iterator and The Planner, represent two contrasting but complementary ways of approaching one’s professional future.
By focusing on these two archetypes, we were able to define their goals, frustrations, and needs, helping us build the foundations of our MVP structure and first user flows.
UX DESIGN PROCESS
#(9y
Q?RL$E.[
From these interviews emerged three personas, two primary and one peripheral. The main personas, which we nicknamed The Iterator and The Planner, represent two contrasting but complementary ways of approaching one’s professional future.
By focusing on these two archetypes, we were able to define their goals, frustrations, and needs, helping us build the foundations of our MVP structure and first user flows.
UX DESIGN PROCESS
Tb*(
F8ZM<#ER
From these interviews emerged three personas, two primary and one peripheral. The main personas, which we nicknamed The Iterator and The Planner, represent two contrasting but complementary ways of approaching one’s professional future.
By focusing on these two archetypes, we were able to define their goals, frustrations, and needs, helping us build the foundations of our MVP structure and first user flows.
UX DESIGN PROCESS
]0i3
UHJ*QO2?
From these interviews emerged three personas, two primary and one peripheral. The main personas, which we nicknamed The Iterator and The Planner, represent two contrasting but complementary ways of approaching one’s professional future.
By focusing on these two archetypes, we were able to define their goals, frustrations, and needs, helping us build the foundations of our MVP structure and first user flows.
Emma
“The Iterator”
Learning by doing
18 - 22 years old
Bachelor's (first cycle)
Location: Berlin
Goals
Wants to be proactive in exploring career options
Gains experience through multiple internships or a gap year
Seeks flexibility and experimentation before committing to a path
Frustations
Lack of professional experience
Uncertainty about career direction
Poor understanding of the job market
Needs
A way to discover industries and roles effortlessly
An intuitive, visually guided interface
Access to real-life experiences and insights
Stefan
“The Planner”
Goal-oriented
21 - 25 years old
Master’s student (second cycle)
Location: Berlin
Goals
Works hard and follows a structured plan and objectives
Feels overwhelmed under pressure
Easily loses time due to distractions or task interruptions
Frustations
Struggles with organization and time management
Feels overwhelmed under pressure
Easily loses time due to distractions or task interruptions
Needs
Tools to schedule work and prioritize goals
A task-oriented interface with visible progress
A checklist system for ongoing motivation
UX DESIGN PROCESS
Edg3
FVN5
The goal was to ensure that both exploration and structure could coexist in one cohesive experience.
For The Iterator, the flow begins with light discovery, browsing and swiping through suggested jobs, events, and content to inspire curiosity. For The Planner, the journey is more goal-driven, filtering, saving, and applying directly through personalized search tools.
Each flow converges in the Profile section, which acts as the central hub for customization and visibility. From there, users can update their data, track their progress, and continue exploring relevant content, ensuring a loop between exploration, learning, and professional growth.
UX DESIGN PROCESS
(d[0
V:Y9
The goal was to ensure that both exploration and structure could coexist in one cohesive experience.
For The Iterator, the flow begins with light discovery, browsing and swiping through suggested jobs, events, and content to inspire curiosity. For The Planner, the journey is more goal-driven, filtering, saving, and applying directly through personalized search tools.
Each flow converges in the Profile section, which acts as the central hub for customization and visibility. From there, users can update their data, track their progress, and continue exploring relevant content, ensuring a loop between exploration, learning, and professional growth.
UX DESIGN PROCESS
,owl
_F)1
The goal was to ensure that both exploration and structure could coexist in one cohesive experience.
For The Iterator, the flow begins with light discovery, browsing and swiping through suggested jobs, events, and content to inspire curiosity. For The Planner, the journey is more goal-driven, filtering, saving, and applying directly through personalized search tools.
Each flow converges in the Profile section, which acts as the central hub for customization and visibility. From there, users can update their data, track their progress, and continue exploring relevant content, ensuring a loop between exploration, learning, and professional growth.
UX DESIGN PROCESS
,#~2
H&C]
The goal was to ensure that both exploration and structure could coexist in one cohesive experience.
For The Iterator, the flow begins with light discovery, browsing and swiping through suggested jobs, events, and content to inspire curiosity. For The Planner, the journey is more goal-driven, filtering, saving, and applying directly through personalized search tools.
Each flow converges in the Profile section, which acts as the central hub for customization and visibility. From there, users can update their data, track their progress, and continue exploring relevant content, ensuring a loop between exploration, learning, and professional growth.
EXPLORE
