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:

Adobe XD

Illustrateur

Photoshop

Effets secondaires

Esquisser

Adobe XD

Illustrateur

Photoshop

Effets secondaires

Esquisser

MEMBRES DE L'ÉQUIPE :

Kandace O'Brien

Corey Labatt

Ben Myers

Mike Bevilacqua

Vector.png
Vector.png
Screenshot 2023-03-01 at 4.17.10 PM.png

Mission

To redesign the OutcomeMD electronic health records (EHR) dashboard to be intuitive, efficient, and user-centric, enabling healthcare professionals to navigate patient data and assessments with minimal friction and maximum clarity.

Vector.png

My Contribution

To create a seamless, data-driven medical interface that empowers clinicians to focus on patient care by reducing UI complexity, improving insight visibility, and facilitating faster decision-making across the healthcare workflow.

Mon travail

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.

Screenshot 2023-03-01 at 4.17.10 PM.png

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.

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.

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.

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.

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.

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.

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.

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.

SiteMap

01

It was imperative to develop a comprehensive sitemap prior to the creation of wireframes in order to gain a clear understanding of how the medical dashboard operates. This process allowed for a deeper understanding of the various components and functionalities of the dashboard, ensuring that the wireframes accurately depicted the intended design and functionality of the interface.

02

By establishing a sitemap, a visual representation of the website's hierarchical structure and content, the design team was able to identify the key components and features necessary for the medical dashboard to effectively meet the needs of healthcare professionals. This step-by-step process helped to ensure that the final product is both user-friendly and intuitive, promoting ease of use and efficient navigation.

03

Overall, the creation of a sitemap before the wireframing process is a crucial step in designing an effective and efficient medical dashboard. This method ensures that the dashboard is well-structured, easy to navigate, and provides users with the necessary tools and features to effectively manage patient care.

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
Vector.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.

Vector.png
Screenshot 2023-03-02 at 4.44.32 PM.png
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

Vector.png
Vector.png

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
Vector.png

Easy Navigation

We've reimagined the filters dashboard to enhance your user experience substantially. Our focus was on refining the color scheme and layout, making the navigation of the Patient list intuitive and seamless. These improvements, accessing the details and reports of each assessment has never been easier. We are committed to providing you with a user-friendly interface that helps streamline your workflow and enhance your productivity, enabling you to focus on what matters most.

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

Graphs and Notification

At Graphs and Notification, we understand that a well-designed interface can significantly impact usability. That’s why we’ve implemented improvements to both color and layout to simplify navigation through the Patient list. Detailed reports of each assessment are now more accessible, ensuring that users can easily locate and interpret the information they need. Discover how we are committed to creating a better user experience for everyone.

Screenshot 2023-03-23 at 2.40.52 PM.png

Easy way to send Assessments

As part of my responsibilities for Walmart, I was tasked with leading the creation of their annual impact report for the year 2022. Working collaboratively with my team, I directed the development of all artistic elements, assets, and user experience and user interface design, ensuring a cohesive and effective layout for the report.

I was able to ensure that the final product was visually stunning, intuitive, and highly effective in communicating Walmart's key achievements and impact throughout the year. Overall, it was an incredibly rewarding experience that allowed me to showcase my leadership skills, creativity, and passion for delivering exceptional results.

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

Macleans's

Previews Project

Screenshot 2023-03-27 at 11.10.25 AM.png

Walmart

Next Project

Walmart-Logo.png
bottom of page