Orient'Est Métiers

Orient'Est Métiers

Research-driven project exploring how playful design can enhance engagement in digital career guidance tools, developed at KTH in collaboration with Addeo

Research-driven project exploring how playful design can enhance engagement in digital career guidance tools, developed at KTH in collaboration with Addeo

Affiliation KTH Royal Institute of Technology, Addeo SAS
Role Lead designer
Timeline 2022
Focus areas
user research interaction design service design
Orient'Est Métiers main cover image

Career guidance platforms play a crucial role in helping individuals make life-shaping decisions about their paths. However, they typically feel like uninspiring administrative tools. In collaboration with KTH and Addeo, I set out to explore whether playful design could transform serious contexts into engaging and meaningful experiences. Using the experimental PLEX framework, I led the ideation and design of Orient'Est Métiers, a mobile career guidance platform, with the goal of integrating playfulness in a way that would help users explore careers differently, build authentic goals, and stay engaged with their professional development.

Process

Process

I began by analyzing both the existing Orient’Est platform and the broader landscape of career guidance tools. Since the company had already surfaced key needs and pain points for Orient’Est Métiers, I used those insights as well, defining where design could meaningfully shift user behavior.

With this foundation in place, I facilitated three PLEX Scenario workshops with diverse participants. These sessions surfaced user stories from randomly drawn playful experiences, that were mapped to concrete interaction flows. This emotional-to-functional mapping ultimately provided the basis for the design of an interactive prototype that captured the specific experiences we set out to evoke.

Photo of the PLEX Cards used in the workshops
Photo of sticky notes with user stories created during the workshops

Discovery & ideation

Working with six participants in pairs across three workshop sessions, I used PLEX Cards—a framework of 22 playful experiences—to co-create user stories based on emotional journeys. Each group imagined a career-guidance scenario using three randomly drawn cards, each representing a different playful experience, and then arranged them into a three-step narrative (beginning, continuation, and end) to shape the story:

Beginning

Exploration

Users want to look into their skills and discover the world of work

Continuation

Expression

So they prove their skills and clarify them through expression

End

Submission

Then, they set a goal and become submitted to it

Beginning

Competition

Users get informed about different fields and become aware of their competition and access conditions

Continuation

Thrill

So they build expectations and get excited by their new goals and the surprise or random factor

End

Fantasy

Then, they build perspectives about their future and career evolution

Beginning

Cruelty

Users get aware about cruel or shocking events

Continuation

Discovery

So they decide to get informed about how to act against it and make a change

End

Expression

Then, they find a way to fight that cruelty through artistic expression or an occupation discovered in the process

From stories to structure

I then analyzed the user stories and participant's reflections over a blank canvas, and started exploring how to better adjust these ideas to the context and expectations. This led to the definition of five key user flows, each designed to evoke specific playful experiences identified in the workshops. These flows represented the core actions within the platform, such as creating an account, exploring careers, and setting goals, and established the structural foundation for the product.

Building the platform

Starting with Crazy 8's sketches for each flow, I created digital wireframes to test structure and user actions. From there, I developed a visual identity (colors, typography, and logo) aligned with Orient’Est’s brand but also influenced by the project’s playful character. As the prototype evolved, these elements became reusable components forming a lightweight design system. The final interactive prototype included 27 mobile screens with playful elements such as Lottie animations and interactive components, allowing users to be fully immersed during testing sessions on their mobile device.

Design process for a screen, representing Crazy 8's sketches, wireframes, and final design
Visual identity elements for Orient'Est Métiers

Solution

Solution

KEY FEATURE

Visual career exploration

Career guidance platforms typically present careers only as endless scrollable lists or search results, overwhelming and disconnected from the relationships between fields. Users needed a way to understand how domains relate to each other while exploring freely.

I designed an interactive visualization where career domains appear as sized bubbles, with larger bubbles representing fields with more demand in the Grand Est. Users can tap domains to reveal related careers, explore parent-child relationships, and understand the career landscape spatially. The interaction feels less like searching a database and more like exploring a landscape, eliciting Discovery and Exploration at every tap.

The career page then provides concise and visual information, with playful animations and interactive graphs showing employment data in the region (Competition) as well as career evolution prospects (Fantasy).

Animation showing the interaction of exploring career domains as bubbles

KEY FEATURE

Goal setting & journey tracking

Career goals feel abstract and distant, especially for students. The platform needed to help users commit to a goal and support them along the way, visualizing their progress in a motivating way.

I created 'My journey,' a personal space where users collect interesting careers in 'My careers,' then set a goal when ready. The moment of goal-setting triggers a celebratory animation (Thrill), acknowledging the commitment. Then, users are presented with their future prospects (Fantasy) and an evaluation of their skills, as well as extra information. The journey page visualizes progress through skills gained, courses enrolled, and milestones reached. Users can update their goal anytime, maintaining flexibility while building momentum. The design balances structure (Submission to their chosen path) with freedom.

Animation showing the setting of a career goal and the objective setting process

KEY FEATURE

Regional data visualization

The platform presents Grand Est-specific employment data through visual representations (unemployment rates, contract types, gender distribution), making abstract statistics tangible. Users can compare career paths side-by-side, understanding not just what jobs exist, but the reality of entering those fields in their region (Competition).

Image showing an employability interactive map in the region
Image showing different visual diagrams of employment data
Image showing an alert of job demand increase in a career

Impact & validation

Impact & validation

I evaluated the prototype through task-based testing and structured interviews with 10 participants, measuring the elicitation of specific playful experiences using a Likert scale. The results validated that playfulness can succeed in serious contexts.

Key findings

9 out of 10

participants would describe the whole experience as playful, with 60% of them giving the highest playful rating

100%

felt Exploration and Discovery experiences, particularly during career browsing and goal setting

70%

felt Thrill experiences, especially during celebration animations and goal-setting moments

40%

felt Competition and Fantasy, with appreciation for employment data and future visualization

Broader impact

This work demonstrated that playful design frameworks, like PLEX, can be systematically applied to non-playful contexts. It contributes methodology for translating workshop insights into concrete design decisions, addressing a gap in the HCI research on situated play.

Next on

Next on

Paragast

Defining the visual language and UX direction for an early-stage platform connecting creators with their audience