Context

Jobtech is the first digital HR tech company in Italy. Jobtech branches out into 7 specialized recruiting portals that cover the following fields: retail, logistics, accounting, hospitality, cosmetology, sales, and IT, among others.

During my time there, I worked as a UI designer and illustrator.

Results

• Created responsive interfaces and optimized user interactions for 7 recruiting portals and SaaS, ultimately leading to a growth of 150% since 2021, and an increase in revenue from €1.6M profit per quarter to €10M profit per quarter.


  
  

• Came up with a new visual identity and set of illustrations to represent diversity and foster inclusivity for our users.


  
  

• Created a library of illustrations in the design system and templates to reduce design time for newcomers.

↓ Scroll to see the process ↓

How can we make Jobtech more inclusive?

When I first joined Jobtech, there was a very literalist and noninclusive visual identity. This was especially visible when regarding the previous illustrations, which were not at all aligned with the company's values of inclusivity. They were only picturing young, white, and skinny people following traditional gender norms.

This is something an HR tech company needs to be mindful of, as equal employment representation is essential. I saw this problem as an opportunity for growth for the company. Every time I finished my tasks early, I would spend time working on the new concept. I proposed it to my team and we began rebranding!

Using shapes to represent diversity

I theorized that the use of shapes instead of humans would not only be coherent with our logos (which were subject to improvement) but would also create more progressive and inclusive company branding that represents all demographics. On top of that, the simplicity of the colored shapes would make it easy for anyone in our company to use them.

New illustrations

Reducing design time for the team and newcomers by creating an illustration library to mix & match elements

Once my proposal was approved, I built an entire library in our design system that allowed us to mix and match the characters. This saved time for our team members and any newcomers.

Design system components - character design

A new visual identity: branding, colors & typography changes

The rebranding went beyond creating new illustrations. Other changes included:

• Toning down our color palette to make the visual experience more pleasant overall and less overwhelming and give more visibility to the CTAs;





• Producing a softness and “human touch” in our typography. We chose a serif font that was more memorable, unique, and friendly. We wanted the font to be reminiscent of newspaper headlines, as that is where job postings used to be before the digital age.

Old logos VS new logos

New typography

New colors

Manifesto creation

The rebranding was a success! From there, we could finally define our manifesto: finding the right fit for each jobseeker. We chose to represent this by creating a metaphor of jobseekers fitting into the right the shape.

Landing page before & after

Tailoring landing pages to targeted audiences

Jobtech has two landing pages: one for companies and one for jobseekers.

Before the redesign, the two pages looked very similar so users would often get confused about which landing page to go to. To prevent this issue we made sure that the pages were easily differentiated by making the companies' version of jobtech in dark mode and with no emojis on the shapes, for a less “funny” feel.

Social media strategy

On top of designing the new UI and branding of jobtech, I have also worked on the new social media strategy alongside the content design team. We went from disorganized, inconsistent carousels, to engaging, easy-to-read content.

Instagram posts before

Instagram posts after

Blog illustrations

Lastly, I designed illustrations for the blog and other social media posts on platforms like Linkedin and Medium.