Personnal or Professionnal:
Personnal
Subject:
Profile Page for Hiring Platform
Year:
2024
Topics:
UI Design - Alignement - Color Palette
Profile Page for Hiring Platform
about.
DESIGN SCENARIO: As a UI/UX designer for a hiring service, your task is to improve the profile page of users based on user feedback. The goal is to make the profile page visually clear and straightforward for potential hiring managers.
As part of this project, I explored a recruitment platform to better understand its core functionality and overall user experience. My main goal was to analyze the user profile page, identify key pain points, and propose a redesign that meets the needs of both candidates and recruiters.
Identified Issues
Through testing and user feedback, several areas for improvement emerged:
Too much unused white space, reducing readability and efficiency
A professional layout that felt impersonal and lacked warmth
No clear indication of whether a user is open to new opportunities
Limited visibility of key skills
A lack of personal dimension — it was hard to see the person behind the career path
Proposed Redesign
I designed a new profile page that strikes a balance between professionalism and humanity, while showcasing each candidate’s skills and aspirations more effectively.
Reduced excessive white space: to focus attention on relevant content while maintaining a clean layout.
“Open to Opportunities” badge: a subtle yet visible element that helps recruiters quickly identify available candidates.
Enhanced “About Me” section: a short, personal introduction where users can share their values, motivations, and personality — adding a human touch.
Interactive experience timeline: offering clear context for each role while preserving a quick, scannable view.
"Skills at a Glance" section: displayed using visual tags for fast and intuitive reading.
Humanizing visual elements: including a profile photo, personal badges, and an optional “fun fact” to create a more natural connection with viewers.
Here are the wireframes
challenge.
One of the key challenges at the beginning of the project was deciding which device format to prioritize. Should the profile page be designed primarily for desktop, mobile, or tablet users? After analyzing user behavior and the context of use for such platforms, I chose to focus on a responsive desktop-first approach, ensuring that the design would scale effectively across different screen sizes while offering an optimal experience where most recruiters are likely to browse profiles — on a larger screen.
This project helped me dive deeper into the fundamentals of visual hierarchy, layout systems, and accessible design. By addressing these core issues, I was able to craft a profile page that feels more balanced, inclusive, and engaging, while still delivering the essential information recruiters need at a glance.
Here is my wireframe for my mobile device
result.
Although the final design still presents some weaknesses — such as visual hierarchy issues, inconsistent white space, alignment problems, and a few accessibility concerns — I remain proud of the overall concept.
The direction I explored successfully addresses real user needs, and I believe the core ideas are strong: bringing more humanity into the profile, improving clarity, and giving recruiters better context at a glance.
This project has been a valuable learning experience. It helped me become more aware of the importance of details like spacing systems and contrast, and it motivated me to deepen my skills in UI precision and accessible design for future iterations.
