top of page
46a76c802176eb17b04e12108de7e7e0f3736dc6-1024x1024.webp
Adobe_Photoshop_CC_icon.svg.png
Adobe_After_Effects_CC_icon.svg.png
download.jpg
confluence-logo-D9B07137C2-seeklogo.com.png

Dos

RÔLE:

Conception UI / UX

Animations

Recherche d'utilisateurs

OUTILS:

MEMBRES DE L'ÉQUIPE :

Adobe XD

Illustrateur

Photoshop

Effets secondaires

Esquisser

Kandace O'Brien

Corey Labatt

Ben Myers

Mike Bevilacqua

Screenshot 2023-03-01 at 4.17.10 PM.png

Mon travail

Mon travail chez Hydro One consistait à reconcevoir l'ancien tableau de bord que les employés utilisaient pour leurs tâches quotidiennes. L'expérience utilisateur visait à permettre à l'utilisateur de naviguer dans l'ensemble du tableau de bord sans faire défiler ni utiliser plusieurs clics.

Maquettes

Mon travail chez Hydro One consistait à reconcevoir l'ancien tableau de bord que les employés utilisaient pour leurs tâches quotidiennes. L'expérience utilisateur visait à permettre à l'utilisateur de naviguer dans l'ensemble du tableau de bord sans faire défiler ni utiliser plusieurs clics.

Screenshot 2023-03-02 at 3.21.09 PM.png
Screenshot 2023-03-02 at 4.38.01 PM.png
Screenshot 2023-03-02 at 4.41.45 PM.png
Screenshot 2023-03-02 at 4.44.32 PM.png

Recherche d'utilisateurs

La recherche d'utilisateurs a été faite avec google analytics, avec l'aide de mon équipe nous avons collecté toutes les données du portail, et avec l'aide de développeurs et de cadres supérieurs j'ai décidé d'analyser toute la structure du site Web et de repositionner le CTA et les bannières.

Screenshot 2023-03-02 at 8.32.41 PM.png

Sur ce wireframe, j'ai découvert que les liens utilisés par les employés d'Hydro One se trouvaient dans le coin inférieur droit du site Web.

Screenshot 2023-03-02 at 8.31.26 PM.png

Les bas ont été regroupés dans le coin supérieur gauche et la mise en page globale a été améliorée pour permettre à l'utilisateur de naviguer sur le portail avec une expérience utilisateur plus facile

L'interface utilisateur comme facteur clé

L'interface utilisateur sur Hydro One a été un facteur clé sur ce projet car l'entreprise dispose d'une très bonne bibliothèque d'icônes et de différentes images HD que je pourrais utiliser pendant tout le processus de développement.

Screenshot 2023-03-02 at 8.38.10 PM.png
Screenshot 2023-03-07 at 11.26.49 AM.png
Screenshot 2023-03-07 at 11.29.17 AM.png

Easy Navigation

The colour and the layout were improved for easier navigation of the Patient list and the details and reports of each assessment. 

Screenshot 2023-03-07 at 11.32.45 AM.png
Screenshot 2023-03-07 at 11.32.52 AM.png

Graphs and Notification

The colour and the layout were improved for easier navigation of the Patient list and the details and reports of each assessment. 

Screenshot 2023-03-23 at 2.40.52 PM.png

Easy way to send Assessments

When it comes to sending assessments to patients, designing a user experience (UX) that is intuitive, engaging, and easy to navigate is crucial. One effective way to enhance the UX is by incorporating icons to help identify different assessments and create a well-organized UI.

Icons provide a visual cue that quickly communicates the purpose of the assessment, making it easier for patients to understand what they need to do. A well-designed icon should be clear and concise and should convey the intended message with minimal visual noise. Furthermore, consistent iconography can help patients easily navigate through different assessments, reducing the cognitive load required to complete them.

When the tabs are close this is how it looks:

Assessment Closed.png

When the tabs are open this is how it looks:

Assessment Opened.png
Screenshot 2023-03-27 at 11.10.25 AM.png

Previews Project

Autotrader

Next Project

bottom of page