UX Design: optimizing user journeys

Students in the street
Students in the street
Students in the street

5 juillet 2022

This mission was to optimize the user journeys on the website of the National Confederation of Junior Enterprises so that access to information and the application process would be smoother.

The mission was to :

  • Take care of project management (writing the specifications and follow-up meetings)

  • Analyze existing marketing data and UX data (personas, user research)

  • Rethink the information architecture (tree structure)

  • Optimize user journeys (scenarios, flows)

  • Create site mockups and deliver a prototyping

  • Assist with content integration in collaboration with the developer

PRACTICAL INFORMATION

Presentation of the UX/UI Design mission

Mission context

The CNJE website presents the concept of the Junior-Enterprise and allows access to a platform for professionals who want to start a project with a Junior-Enterprise.

The CNJE wanted a redesign of its website to make it accessible to professionals and students.

Customer needs

  • Increase the number of projects submitted on the site.

  • Promote the concept of the Junior-Enterprise to professionals and facilitate the submission and monitoring of a file.

  • Encourage students to create or join a Junior-Enterprise.

Student with an open book
Student with an open book
Student with an open book
Student in the street
Student in the street
Student in the street

Project Objectives

  • Improve user experience by simplifying journeys for each target

  • Increase conversion rate

  • Make the project deposit intuitive and quick

  • Encourage consulting the know-how of Junior Enterprises

Tools used

  • Figma

  • Notion

  • Wordpress

Student going to class
Student going to class
Student going to class

PROCESS

Design process for the website redesign

Project management

Functional specifications document
Functional specifications document
Functional specifications document

We started the project with a kick-off meeting and then:

  • I organized the project meetings follow-up among all the collaborators and the client.

  • I wrote the functional specifications and the technical specifications in collaboration with the developer. In the specifications, we detailed all the features and technical choices, taking into account the project schedules, deadlines, and costs.

  • I was responsible for facilitating the follow-up meetings and updating the specifications, which evolved throughout the project to ensure an iterative process accessible to all stakeholders.




Design and prototyping

  1. Collection of data provided by the client:

    • Personas

    • Analytics

    • Content

    • Illustrations / Photographs

    • Graphic charter


  2. Information architecture:

    • Brainstorming of existing content

    • I facilitated a card sorting workshop

    • I created the website's tree structure


  3. Creation of smooth user journeys:

    • I analyzed and crossed the data to create smooth user journeys

    • I diagrammed all the website flows

    • I created user journey scenarios


  4. Iterative prototyping:

    • I designed the entire design based on previous research.

    • I proposed high-fidelity wireframes for desktop and mobile versions

    • I led each mockup presentation meeting to work iteratively and validate each mockup as the project progressed.

    • I proposed a focus on the dossier deposit workflow

    • I proposed multiple versions of certain mockups.

    • I conducted with the client a testing on the complete interactive mockup of the future website.


  5. Integration and development:

    • I collaborated with the developer throughout the project to adapt the mockup on certain technical blocking points.

    • I participated in the content integration once the website structure was developed.

Website flow diagram
Website flow diagram
Website flow diagram
User journey scenario
User journey scenario
User journey scenario

RESULTS

Turnkey CNJE website delivered ready to use

After a complete site recipe in pre-production, we delivered their website to CNJE.
With the developer, we followed up for 2 months to rectify any potential bugs.
I delivered tutorial videos for getting started with the website and how to integrate blog content.

Home page wireframe
Home page wireframe
Home page wireframe
Wireframe of the J.E page
Wireframe of the J.E page
Wireframe of the J.E page
Contact page wireframe
Contact page wireframe
Contact page wireframe
Mockup 1 of the form
Mockup 1 of the form
Mockup 2 of the form
Mockup 2 of the form
Prototype 3 of the form
Prototype 3 of the form

Each client owns their website and is free to make changes and/or deletions.
I showcase my work at a given time without being responsible for the changes visible online at the moment.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.