Menu
HDDLE - Optimizing animator recruitment and raising awareness about professional training opportunities.
👥 BtoC, 💻 Desktop, 🚀 Creation from scratch
Designed with :
🏡 Context
Synergy Family is a French association that focuses on educational and inclusive innovation. They are notably responsible for creating France’s first educational village, « l’épopée, » in Marseille. It serves as an incubation hub for projects, internships, and training, as well as a prime location for co-working and corporate seminars. It also functions as a community space, housing a Resource Center, a bar, a farmers’ market, a creative space, and hosts cultural, sports, and artistic events.
Each facility serves as a place of welcome, listening, exchange, and sharing. These places are built on experiences that offer leisure, cultural, and sports activities for everyone. The Synergy Family’s role is to reconcile the desires, needs, and expectations of residents and stakeholders in the community, support the development of fulfilling projects, and promote a friendly and supportive neighborhood life.
1️⃣ Problem to solve
Facing a significant shortage of animators to run the villages, Synergy Family approached our agency for assistance. They sought to create a web application to recruit more animators and emphasize training to help them enhance their skills.
2️⃣ Empathize
Personas
Not having formalized personas yet, I first had to organize a persona prototyping workshop to gain a better understanding of our users. Knowing that we wouldn’t have the possibility to access our users to get more information about problems and regarding our very short timing. I chose to go further than a simple persona by getting more details about the best solution our client could imagine for us.
👉Three key personas came into play: the recruiter, the training manager, and the recruiter.
3️⃣ Define
Thanks to the workshop, we were able to synthesize the problems to solve.
🆘 Jonathan: I'm struggling to showcase my resume and skills to land the job I desire, and I'm not sure where to look.
🆘 Jessy: Few qualified applications and response time is too long.
🆘 Joseph: Having difficulty managing the administrative aspect of the trainings.
Solution brainstorm
Due to the client’s budget, we decided together to focus our MVP on the two primary personas – Jonathan and Jessy – and their problems. Joseph will have access to the app to add new training programs and will receive applications via email.
I conducted an assessment of well-constructed recruitment websites like « Welcome to the jungle » or « hello work » and applications and thought of a solution inspired by them, tailored to the specific needs of the personas.
3️⃣ Prototype
Architecture
For this use case, we will look at Jonathan’s solution. As the solution, I decided inspired myself of the « Welcome to the jungle » website architecture. Based on the user journey of the persona and the estimated frequency he need to do each step and the complexity of it, this is the tree structure I designed.
Zoning
For the homepage, I thought about including a calendar with a list of the day’s activities, a gaming section calculated based on missions and trainings completed that will give scores on tagged competencies. And a list of jobs and training that correspond to the competencies tagged in their profile.
For the detailed company page, which corresponds more to the village where the animator will be working, I used the content from « Welcome to the Jungle » which I find very clear and attractive.
And for Jonathan’s account section, I added all the information that seemed essential to highlight his profile and to enable him to have the necessary data for the « Gaming » part of his app.
Wireframe
Following UX ergonomic rules and presumed information architecture, here are the wireframes created.
Branding & UI
Now that the wireframes were, tested by the client, and finalized, we had to define together the UI and branding for our product
🎯Brief: The client provided instructions that the product image did not have to match the brand association, but should be modern and vibrant.
They gave us the product name, "les héros discrets de l'éducation" (which translates to "the quiet heroes of education"), and asked us to propose a logo that represents the concept of heroism and solidarity without resorting to typical superhero imagery.
In accordance with the brief, I have chosen to provide three concepts for a theme:
💡Result: After a presentation of those proposals, our client choose the first light theme with the logo of the gaming theme.
Here is the UI chosen 🎉
And the style guide 🎉
