<?xml version="1.0" encoding="utf-8"?>

For this redesign, I had 3 main goals that I wanted to achieve:

  • Put contact information and resume front and center.
  • Show if a user has been active to allow employers to know if the candidate actively looking for work.
  • Reorganize the content to bring work experience higher on the page so the employer doesn't have to scroll as far.

Design Sketches

ZipRecruiter Profile Page Redesign 1

Initially, I considered a LinkedIn or Twitter (X) style header with a graphic behind the jobseeker's name and contact information. However, I chose to avoid this approach because adding too much visual interest could detract from the page’s minimal design. Additionally, depending on the colors used, it might have made it harder for employers to quickly find the job seeker’s contact details and links.

Redesigned Layout

ZipRecruiter Profile Page Redesign 2

Maintaining consistent brand standards was important, so I stood as minimal as I could while still showing some character in the design.

I achieved this by utilizing negative space and keeping their very minimal brand colors.

Full Designs

Below you can see the full design in a larger format.

ZipRecruiter Profile Page Redesign 3

For reference, here is what the original design looks like on ZipRecruiter.com. Please note that this is the logged-in view, which includes edit buttons and other actions available to jobseekers that are not part of the design.

ZipRecruiter Profile Page Redesign 4

I look forward to hearing feedback and what the thoughts are from our community of designers.

Thanks for taking a look!

- Zachary Guerrero :D

Share your insights — leave a project review and help others grow their skills

Reviews

4 reviews


Hi, Zachary! Nicely done here! I like the consistency and the hierarchy of the design, they are solid. One thing pops into my eyes :

  • Have you considered switching the work experience column to the professional summary one? This way you have a more scannable page and more likely a more aesthetic one.

Great vibes!


Great job on this! I love how you adapted the header to move important contact information up and format it in a way that separates it from the rest of the profile and adds some visual interest. The detail of making the icon on "open to work" the same as the logo color is excellent and adds a little pop of interest and delight.

I also really like how you separated the actual jobs and education from the other items like summary and skills. I agree with your assessment that it's important to see the work experience higher on the page compared to the original version.

Great hierarchy, great spacing, great layout!


I really like the clean layout concept, and it looks fantastic in minimized mode. However, I was hoping to see the same high quality in full-screen view, which is currently a bit challenging. For future projects, I suggest uploading images with higher resolution optimized for large screens. This will allow users to appreciate your work not only in minimized view but also in full-screen mode, giving a better overall impression of your design.


Good One!


24 Claps
Average 4.0 by 6 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>