CY Tech

2021

Éducation
Audit UX
Audit UX

Audit UX

CY Tech est née de la fusion de l’école d’ingénieur l'EISTI, et de plusieurs unités de formation et de recherche de CY Cergy Paris Université. Son positionnement unique lui permet d’être à la fois focalisée sur les études de sciences et d’ingénierie mais aussi sur l’économie et la gestion dans le cadre d’une des cinq écoles magistrales et doctorales de l’université.

Contexte  🎯

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Intervention sur la plateforme existante  🚧

This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.

Problématiques

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Problématiques

Besoin d'un audit UX d'une plateforme avec plusieurs types de parcours cibles
Analyse des fonctionnalités afin d’identifier des leviers d’optimisation pour améliorer l’expérience utilisateur
Navigation mobile-first

Contexte

Audit UX

Pour CY Tech, nous avons effectué un Audit UX sur l’ensemble de leur site. Nous avons analysé la navigation, ainsi que les différents parcours que les utilisateurs pouvaient emprunter pour réaliser leurs tâches. Nous avons également étudié la hiérarchisation des informations sur les différentes pages du site, ainsi que la structure de ces pages. L’ensemble de cette analyse nous a permis de fournir de nombreuses recommandations, pour améliorer l’expérience utilisateur sur leur interface.

user experience honeycomb

Recherches UX

Après avoir effectué un Audit UX, nous avons réalisé des entretiens avec les parties prenantes de CY Tech et des utilisateurs (lycéens et étudiants) pour mieux comprendre les besoins et attentes de chacun. Les résultats de cette série d’entretiens nous a permis de créé un diagramme d’affinités pour définir les différentes cibles et leurs besoins, ainsi que les problématiques existantes sur le site de CY Tech et les potentiels axes d’améliorations.

Personae & nouvelle architecture

Nous avons ensuite pu définir différents personas en fonction des entretiens utilisateurs que nous avons effectué. Puis nous avons repensé les parcours utilisateurs de la plateforme en fonction des personas en question. Cette étape nous a permis de simplifier les différentes actions à effectuer sur l’interface par l’utilisateur. Elle nous a également permis de repenser l’architecture en créant une nouvelle arborescence donc en repensant la navigation.

nouvelle architecture sitemap

Maquettes lo-fi

Pour finir, nous avons effectué un travail de zoning en créant des maquettes lo-fi pour repenser le contenu des différentes pages de la plateforme. Cette étape nous a permis de définir les différentes sections qui composeraient les pages du site web et ainsi de simplifier et de mieux hiérarchiser l’ensemble des informations présentes sur la plateforme.

maquettes low-fidelity

Nos dernières réalisations

Découvrez notre approche en pratique !
Découvrez nos réalisations

Contactez-nous

Une question ? N’hésitez pas à nous écrire !

🥳

Votre message a bien été envoyé !
La meute s'en occupe le plus vite possible
Il semble qu'il y ait une erreur, veuillez réessayer...