Profile Page Design for BestJobs (Desktop)
The profile page, as seen by a candidate:
The profile page, as seen by an employer:
Reviews
2 reviews
- Content — Overall, I feel like the content is good, with a clear hierarchy in the majority of cases. However, there are areas for improvement, especially regarding the different components within your experience listings that you can enhance.
- Visual Design — Visually, it looks appealing with good readability and design. However, I feel you could improve the spacing to increase consistency. I’d recommend using a fixed set of spacing tokens. Additionally, there are a few cases of misalignment, such as the navigation menu icons or the icons/links in the sidebar. Have a look at these and see if you can spot them. I’d highly recommend spending some time learning the auto-layout feature in Figma, as it will help you avoid any spacing mistakes in the future. Also, pay attention to the icon sizes, as there are some inconsistencies.
- Usability — I recommend testing your colors and buttons with a contrast checker tool (there are some useful plugins available directly in Figma). One thing to check is your primary button, “Edit Profile.” Also, consider if that function should remain primary, or if there might be another function more important to feature on this screen. Something to think about.
- Presentation — It’s easy to follow and read, which is great. However, it would have been nice to see more details of your A/B test, such as how it looked before and after, and your process. This information is very useful for recruiters and potential clients.
Keep up the good work!
Thank you for such helpful feedback! I implemented the changes, as suggested :)
Made small enhancements on the experience listing, and fixed spacing issues, using a set of spacing tokens. I also fixed the misalignment issues in the navigation and the sidebar and checked for other misalignment issues that might have been missed.
I adapted the icon sizes and retested the colour contrast with webaim.org. I slightly adapted the green and increased the contrast ratio from 7.83:1 to 8.47:1, as I felt it would be better for the outlined buttons.
I also swapped the positions of "Profile Visibility" and "Edit Profile," giving higher priority to "Profile Visibility". Considering that each section can be edited individually, I changed the button styling from primary to secondary.
Lastly, I added the two header options that were shown to users during the A/B testing session in the presentation. I also included some relevant quotes collected during user interviews.
(edited)
The design is clean, intuitive, and user-friendly. The layout and typography make navigating and editing profiles easy, while the design elements align well with the brand. It’s a functional and visually appealing interface that enhances the user experience.
8 Claps
Average 4.0 by 2 people
You might also like
Project
Fundraising Website
The fundraising website is a dynamic platform designed to support individuals, communities, and organizations in their efforts to raise fund
Project
NEWFASHON™ - Landing page
Content— The customer can pick the main categories of clothing right upon arrival on the landing page. He can also choose between the main c
Project
Docto
This is an app for medical services, and this is the two variants of light and dark mode. Below I am describing some of the decisions. I se
Project
Mobile onboarding flow
Interaction Design Rationale for virtual interview mobile app Value Proposition and PersonalizationCore Message: "Welcome to Personalized In
Project
MamaFlow
The idea behind MamaFlow started from a simple insight: new mothers need support, but rarely have the time or hands free to seek it. The ear
Project
FOURm - Landing Page for High-Conversion Fitness Startup
FOURm - Case StudyA sustainable strength training platform for people tired of the yo-yo fitness cycle Landing Page UI/UX & Copywriting for
Content Strategy Courses
Course
UX Writing
Learn to write microcopy that communicates clearly and concisely to improve user experience, build trust, and boost conversions across digital products.
Course
Common Design Patterns
Learn design patterns most valued in product development to create intuitive, visually compelling experiences that seamlessly blend form and function.
Course
Reducing User Churn
Learn strategies to reduce churn and build long-term user relationships, which is crucial for improving retention and driving sustainable business growth.