Andjaro

Web & Mobile Applications

See website
Year
2016 - 2020
Role
Design & Front-End Development
Overview
Andjaro is a real-time workforce optimization platform that allows the mapping, reallocation and load balancing of internal workforce for large organizations.
Managers are able to post their staffing needs directly on the platform, find available employees around them matching with their criterias and make their employees available.

My role

I started at Andjaro as a designer and front office developer. For a long time, I splitted my time between design (web & mobile applications) and front-end development of the web application.

I was then full-time on the design during the rework of the applications.

Finally, I worked on both UX and UI design for the web and mobile application while starting to develop the design system.

From the beginning until now, I was the only designer and therefore led the entire design vision.

Context

Andjaro was previously known as OuiTeam.

A first web application had been developed and was already used by clients. But it had been thought for developers and not for end users. A first mobile application was under development.


2017

The main goal of this first version was to structure the different pages so that they all had a precise function, that the navigation was the same everywhere, that users could find what they wanted...

We decided to have a left bar for the navigation, a top bar with breadcrumb to always remember where we came from. OuiTeam's primary color was red, it was a little bit difficult to use because it's usually a color made for errors, mistakes...

We ended up with a page that allowed managers to make their employees available, a page that allowed to visualize their requirements, to create new ones and to search for available employees, and a page to manage their establishment and their team.

One of the real challenge was to keep every page simple despite the amount of data and customization. Each client, each activity sector was different and everyone wanted to have information that others didn't necessarily want.

For availability and requirements statuses, we used color codes associated with a label to make it understandable by people with disabilities. Using such color codes make the elements more easily identifiable.

We also spent a lot of time on the prioritization of the information.


2018

The second version was more a design facelift than a real major change.

The homepage has been reworked to remove the map that allowed to find available employees and make a kind of dashboard that would allow users to manage their establishment.

We got rid of the red color, especially on buttons.

We kept the original layout but worked on a new more classic and simple/light format for calendars with the possibility to browse week by week or month by month whereas before we were limited to a week view.


Rework

The legacy becoming more and more difficult to manage, modify and improve, we wanted to do a complete overhaul of our system.

We defined with the stakeholders and all the teams what we wanted and what the application should do or not do and I started to design both for web and mobile.

We were starting from scratch so everything was possible. Two navigation proposals were made, on the left and on top. The preference was to the one on top which allowed to free up a lot of space for the main content.

We removed OuiTeam and its colors and started to use Andjaro and its new brand colors. We changed the layout especially for details pages and we changed the way to search for employees.

Regarding the mobile application, we used classic patterns so that users didn't get lost (bottom menu, sub navigation with tabs, sliding elements...).

This rework was unfortunately not successful. We couldn't manage both the development of this new product and the improvement of the existing legacy which was important for our clients.


2019 - 2020

After the unsuccessful rework, we wanted to refresh the design and have something more modern. The idea was also to have even more prioritization, to think in components rather than in pages, to refresh the design, to simplify what could be, to ensure that users spend less time looking for the right information or performing an action.

There was a big design refactoring of the calendars. I spent a lot of time studying the behavior of calendars (Google, Outlook, Calendly ...). I reworked on the colors, the statuses to make sure contrast was ok for everything.

I started to create our own design system to manage everything.

There was a complete rework of the employees search following ideas and discussions with stakeholders. The goal was to have a kind of talent marketplace. I spent a lot of time studying marketplaces of all kind too (Airbnb, Getaround, Upwork, Malt, Doctolib...). We also changed the research process. Before, managers had to fill in a long and tedious form to define their requirement and have access to employees. Now they have directly access to all available employees and can filter according to their needs. The search results had been changed to include multiple views (cards, calendar, map) and more readability.

I also redesigned the mobile version which is now a progressive web app and all the emails to reflect the color change, simplify and prioritize information.

Finally, I led two more actions.

The first one was the creation of questionnaires and emails for a users survey. The goal was to gather feedback on the admin portal of our application, to understand how people used Andjaro, what worked and what could be improved. I wrote some documents for the operations team to explain the goal of this survey, expected learnings and our process. I led all the users interviews by phone and wrote a summary on the data collected before sharing it to the team.

The second one was the creation of personas. I led a group of 4 people (product, sales, marketing, operations) whose goal was to think about and define our personas. I wrote the profiles of two personas and helped format the other ones.


Design System

The previous work relies heavily on the design system created and available on zeroheight.

I started to get interested in atomic design and design system while working on the last version.

Before deep diving into the creation of this design system, I made an inventory of all the existing stuff, all the different pages, components, calendars, blocks, forms...

Then, I tried to group them by function, to see what could be merged, what could be removed or simplified and I started to design components.

I was inspired by three design systems in particular: IBM's Carbon Design, Atlassian Design System and GOV.UK Design System.

I tried not to be specific, to work only on components we would need at the beginning, even if it means working on other components later.

Thanks to zeroheight, I was able to format this whole design system and wrote what each component was supposed to do, its usage, when to use it or not, the directives...


Rethink the employee mobile app

My last job for Andjaro was to think about the future of the employee mobile application.

The latest version was from 2018, the design was old and the features presented were not or no longer adapted with the new positioning and what we wanted to be able to do with this application.

The idea was simple and consisted on two actions: employees should be able to apply to offers that fit their profile and they should be able to declare their availability.

I first worked on the employee onboarding, which didn't exist at all. It allowed employees to start filling out their profile and to define what they are looking for. I splitted the sequence into several screens and small actions to give the impression that they are making good progress at each step. First, we asked them some general information, then little by little we dived into specific, like mileage, domains and position.

Then, I worked on the mobile application itself. What it should look like, what it should contain, do. I took up the original idea (apply to offers and declare availability), started to work on some wireframes and ended up with: a customized dashboard with overdue actions and missions, a missions' list with the ability to filter, see details and apply, a list of missions in progress, accepted, past to keep an history, the ability to declare availability and the ability to update profile and missions preferences.