B2B Employer Dashboard Rebrand
The goal for this project was to rebrand the “Jobcase Employers” dashboard, allowing employers to control and monitor services in one intuitive interface.
Duration:
4 Months
Company:
Jobcase
My role:
Product Designer
Team:
Project Manager, Engineers, Design Director, UX Designer
Jobcase for Employers
The B2B platform help companies to advertise jobs and reach out to a community of over 20 million monthly unique visitors. The dashboard product started as a internal tool and evolved to a self-served dashboard where users can create job ads and hiring events.
Jobcase for Employers
The B2B platform help companies to advertise jobs and reach out to a community of over 20 million monthly unique visitors. The dashboard product started as a internal tool and evolved to a self-served dashboard where users can create job ads and hiring events.
Jobcase for Employers
The B2B platform help companies to advertise jobs and reach out to a community of over 20 million monthly unique visitors. The dashboard product started as a internal tool and evolved to a self-served dashboard where users can create job ads and hiring events.
Rebranding
It was important to establish a visual identity that reflected the renewed focus on workers.
Rebranding the website, native app and employer dashboard, represented more than a change of color scheme, it was a new phase for the company.
Rebranding
It was important to establish a visual identity that reflected the renewed focus on workers.
Rebranding the website, native app and employer dashboard, represented more than a change of color scheme, it was a new phase for the company.
Rebranding
It was important to establish a visual identity that reflected the renewed focus on workers.
Rebranding the website, native app and employer dashboard, represented more than a change of color scheme, it was a new phase for the company.
New Brand
First, the Brand team collaborated with an Agency to develop a new logo, auxiliary colors, and illustrations. And then it was up to the Product Design team to translate that to UI components and redesign all surfaces.
The product design team task was to developed the new UI elements based on the new logo, auxiliary colors, and illustrations.
New Brand
First, the Brand team collaborated with an Agency to develop a new logo, auxiliary colors, and illustrations. And then it was up to the Product Design team to translate that to UI components and redesign all surfaces.
The product design team task was to developed the new UI elements based on the new logo, auxiliary colors, and illustrations.
New Brand
First, the Brand team collaborated with an Agency to develop a new logo, auxiliary colors, and illustrations. And then it was up to the Product Design team to translate that to UI components and redesign all surfaces.
The product design team task was to developed the new UI elements based on the new logo, auxiliary colors, and illustrations.
Design Audit
I worked on creating a design audit for the Website and Native App pages to have an overview of the amount of work.
Our team had 4 designers that were also working on other projects with their agile teams.
How could we create a new design quickly and consistently?
Design Audit
I worked on creating a design audit for the Website and Native App pages to have an overview of the amount of work.
Our team had 4 designers that were also working on other projects with their agile teams.
How could we create a new design quickly and consistently?
Design Audit
I worked on creating a design audit for the Website and Native App pages to have an overview of the amount of work.
Our team had 4 designers that were also working on other projects with their agile teams.
How could we create a new design quickly and consistently?
Design System first
The main goal of creating a Design System was to keep consistency during the rebrand phase and redesign pages quickly
And of course to reduce designer and developer load in the long-term.
I worked with 3 other Designers to create the first components and we had weekly meetings to review designs and collaborate.
Design System first
The main goal of creating a Design System was to keep consistency during the rebrand phase and redesign pages quickly
And of course to reduce designer and developer load in the long-term.
I worked with 3 other Designers to create the first components and we had weekly meetings to review designs and collaborate.
Design System first
The main goal of creating a Design System was to keep consistency during the rebrand phase and redesign pages quickly
And of course to reduce designer and developer load in the long-term.
I worked with 3 other Designers to create the first components and we had weekly meetings to review designs and collaborate.
Color Palette
Our team created a few Design Guidelines that helped us during the process:
- Improve accessibility
- Increase content clarity
- Embrace Flat UI
- Reduce complexity
Because of those values we have started the palette by checking the color contrast and making sure that the color had an unique purpose before adding a new one.
Color Palette
Our team created a few Design Guidelines that helped us during the process:
- Improve accessibility
- Increase content clarity
- Embrace Flat UI
- Reduce complexity
Because of those values we have started the palette by checking the color contrast and making sure that the color had an unique purpose before adding a new one.
Color Palette
Our team created a few Design Guidelines that helped us during the process:
- Improve accessibility
- Increase content clarity
- Embrace Flat UI
- Reduce complexity
Because of those values we have started the palette by checking the color contrast and making sure that the color had an unique purpose before adding a new one.
Components in context
After creating a few basic components and defining the typography, I applied them to redesigning the dashboard page.
Components in context
After creating a few basic components and defining the typography, I applied them to redesigning the dashboard page.
Components in context
After creating a few basic components and defining the typography, I applied them to redesigning the dashboard page.
Streamlined Menus
In the beginning the idea was to just redesign the pages exactly how they looked before. But other design issues came to surface, for example, as the application was getting more complex the header and menus started to take much content space.
Streamlined Menus
In the beginning the idea was to just redesign the pages exactly how they looked before. But other design issues came to surface, for example, as the application was getting more complex the header and menus started to take much content space.
Streamlined Menus
In the beginning the idea was to just redesign the pages exactly how they looked before. But other design issues came to surface, for example, as the application was getting more complex the header and menus started to take much content space.
Feedback
When reviewing the solution, I got feedback about the position of the menu items and worked on ways to leave more space for the main content on the screen.
Feedback
When reviewing the solution, I got feedback about the position of the menu items and worked on ways to leave more space for the main content on the screen.
Feedback
When reviewing the solution, I got feedback about the position of the menu items and worked on ways to leave more space for the main content on the screen.
Improved Navigation
With this change there is more room for content, and all the settings could be collapsed to the left. The Company name was removed from the Page title, it wasn’t necessary to repeat it for all tabs.
Improved Navigation
With this change there is more room for content, and all the settings could be collapsed to the left. The Company name was removed from the Page title, it wasn’t necessary to repeat it for all tabs.
Improved Navigation
With this change there is more room for content, and all the settings could be collapsed to the left. The Company name was removed from the Page title, it wasn’t necessary to repeat it for all tabs.
Components change
Using components allowed me to make changes quickly, and create prototypes fast.
Components change
Using components allowed me to make changes quickly, and create prototypes fast.
Components change
Using components allowed me to make changes quickly, and create prototypes fast.
Results
The initial goal of the project was to apply the new design system on time, for all Jobcase surfaces.
By starting with basic the components and focusing on modularity I could work on iterations quickly and made the whole process more efficient.
Results
The initial goal of the project was to apply the new design system on time, for all Jobcase surfaces.
By starting with basic the components and focusing on modularity I could work on iterations quickly and made the whole process more efficient.
Results
The initial goal of the project was to apply the new design system on time, for all Jobcase surfaces.
By starting with basic the components and focusing on modularity I could work on iterations quickly and made the whole process more efficient.