Menu
Menu
Menu
UI - Les Numériques
UI - Les Numériques
UI - Les Numériques
UI redesign of a leading French tech media platform, conducted as a fictional case for a recruitment application at Webedia. The project showcases the key stages of a redesign, from visual exploration to a structured design system.
UI redesign of a leading French tech media platform, conducted as a fictional case for a recruitment application at Webedia. The project showcases the key stages of a redesign, from visual exploration to a structured design system.
UI redesign of a leading French tech media platform, conducted as a fictional case for a recruitment application at Webedia. The project showcases the key stages of a redesign, from visual exploration to a structured design system.
OVERVIEW
Reimagining a tech media platform through a modern, structured, and scalable UI redesign
Reimagining a tech media platform through a modern, structured, and scalable UI redesign
Reimagining a tech media platform through a modern, structured, and scalable UI redesign
UI REDESIGN – LES NUMÉRIQUES
Explore how a structured UI redesign can improve clarity, consistency, and scalability for a tech media platform.
MODERN VISUAL DIRECTION
REDESIGNED UI AND VISUAL IDENTITY
MODERN VISUAL DIRECTION
REDESIGNED UI AND VISUAL IDENTITY
MODERN VISUAL DIRECTION
REDESIGNED UI AND VISUAL IDENTITY
CLARIFIED USER EXPERIENCE
SIMPLIFIED NAVIGATION AND CONTENT STRUCTURE
CLARIFIED USER EXPERIENCE
SIMPLIFIED NAVIGATION AND CONTENT STRUCTURE
CLARIFIED USER EXPERIENCE
SIMPLIFIED NAVIGATION AND CONTENT STRUCTURE
STRUCTURED DESIGN SYSTEM
SCALABLE AND CONSISTENT UI FOUNDATION
STRUCTURED DESIGN SYSTEM
SCALABLE AND CONSISTENT UI FOUNDATION
STRUCTURED DESIGN SYSTEM
SCALABLE AND CONSISTENT UI FOUNDATION
CLIENT
Les Numériques/Webedia
CLIENT
Les Numériques/Webedia
CLIENT
Les Numériques/Webedia
YEAR
2024
YEAR
2024
YEAR
2024
Timeline
Sprint - 7 Days
Timeline
Sprint - 7 Days
Timeline
Sprint - 7 Days
PROBLEM & RESEARCH QUESTION
How can a full UI redesign improve readability, usability, and scalability for a large tech media platform ?
How can a full UI redesign improve readability, usability, and scalability for a large tech media platform ?
How can a full UI redesign improve readability, usability, and scalability for a large tech media platform ?
Role
UI Designer
Role
UI Designer
Role
UI Designer
CONTEXT
“Les Numériques” is a leading French tech media platform publishing product reviews, comparisons, and buying guides for a wide audience.
This fictional project was created as part of a recruitment test for Webedia, with the goal of redesigning the homepage from both a UX and UI perspective.
The assignment consisted of designing desktop and mobile versions of the homepage in Figma, focusing on improving readability, visual hierarchy, and interface consistency, while laying the foundations for a scalable UI system adapted to a technology media platform.
“Les Numériques” is a leading French tech media platform publishing product reviews, comparisons, and buying guides for a wide audience.
This fictional project was created as part of a recruitment test for Webedia, with the goal of redesigning the homepage from both a UX and UI perspective.
The assignment consisted of designing desktop and mobile versions of the homepage in Figma, focusing on improving readability, visual hierarchy, and interface consistency, while laying the foundations for a scalable UI system adapted to a technology media platform.
“Les Numériques” is a leading French tech media platform publishing product reviews, comparisons, and buying guides for a wide audience.
This fictional project was created as part of a recruitment test for Webedia, with the goal of redesigning the homepage from both a UX and UI perspective.
The assignment consisted of designing desktop and mobile versions of the homepage in Figma, focusing on improving readability, visual hierarchy, and interface consistency, while laying the foundations for a scalable UI system adapted to a technology media platform.
Stack
Figma · Design System · UI Exploration
Stack
Figma · Design System · UI Exploration
Stack
Figma · Design System · UI Exploration
“ Clarifying information through a consistent UI redesign ”
“ Clarifying information through a consistent UI redesign ”
“ Clarifying information through a consistent UI redesign ”
PROBLEM STATEMENT
The existing homepage lacked clear visual hierarchy and interface consistency, with an accumulation of information and advertising content making reading and identifying key content difficult.
This overload reduced readability and usability on both desktop and mobile, making it necessary to create a clear visual identity and adapt the design to better structure information and highlight the site’s content.
The existing homepage lacked clear visual hierarchy and interface consistency, with an accumulation of information and advertising content making reading and identifying key content difficult.
This overload reduced readability and usability on both desktop and mobile, making it necessary to create a clear visual identity and adapt the design to better structure information and highlight the site’s content.
The existing homepage lacked clear visual hierarchy and interface consistency, with an accumulation of information and advertising content making reading and identifying key content difficult.
This overload reduced readability and usability on both desktop and mobile, making it necessary to create a clear visual identity and adapt the design to better structure information and highlight the site’s content.
USER RESEARCH
Research & Insights
Research & Insights
Research & Insights
What we learned and understand about the users ?
What we learned and understand about the users ?
" "
—
Interview 1
" "
—
Interview 2
" "
—
Interview 3
" "
—
Interview 4
" "
—
Interview 1
" "
—
Interview 2
" "
—
Interview 3
" "
—
Interview 4
" "
—
Interview 1
" "
—
Interview 2
" "
—
Interview 3
" "
—
Interview 4
" "
—
Interview 1
" "
—
Interview 2
" "
—
Interview 3
" "
—
Interview 4
" "
—
Interview 1
" "
—
Interview 2
" "
—
Interview 3
" "
—
Interview 4
" "
—
Interview 1
" "
—
Interview 2
" "
—
Interview 3
" "
—
Interview 4
" "
—
Interview 1
" "
—
Interview 2
" "
—
Interview 3
" "
—
Interview 4
" "
—
Interview 1
" "
—
Interview 2
" "
—
Interview 3
" "
—
Interview 4
What we learned and understand about the users ?
RESEARCH GOALS
PERSONA & METRICS
Frustrations
Based on
" "
Interview 1
" "
Interview 2
" "
Interview 3
" "
Interview 4
" "
Interview 1
" "
Interview 2
" "
Interview 3
" "
Interview 4
" "
Interview 1
" "
Interview 2
" "
Interview 3
" "
Interview 4
" "
Interview 1
" "
Interview 2
" "
Interview 3
" "
Interview 4
HOW I APPROACHED THIS PROJECT
HOW I APPROACHED THIS PROJECT
Design Process & Methodology
Design Process & Methodology
Design Process & Methodology
DURATION
Sprint - 7 Days
Limits
Step
01
/04
Step
01
/04
Step
01
/04
CASE STUDY - SOLUTION
CASE STUDY - SOLUTION
IMPACT & RESULTS
IMPACT & RESULTS
IMPACT & RESULTS
IMPACT & RESULTS
IMPACT & RESULTS
DISCOVER MORE PROJECTS
DISCOVER MORE PROJECTS
DISCOVER MORE PROJECTS
