Educational Case Management
OVERVIEW
For my recent project, I worked with ECM to redesign and refresh their existing website, with a focus on improving the user experience.
My primary goal was to make the website more user-friendly by simplifying navigation, creating stronger calls to action, and modernizing the overall design. To achieve this, I organized the home page and menus in a way that made it easy for customers to find information and make bookings.
Additionally, I developed a modular design approach to improve the readability of text-heavy pages, such as group program pages, which was a significant challenge. Overall, my approach focused on creating a more modern and streamlined experience while staying true to the client's brand guidelines.
01
Client Goals
The client, ECM, had several goals for their website redesign project.
GOAL 1 - IMPROVE USER EXPERIENCE
First and foremost, they wanted to improve the user experience by making it easier for customers to locate information and make bookings.
GOAL 2 - MODERNIZE THE WEBSITE
They also wanted to create a more modern and visually appealing design while staying true to their existing brand guidelines.
GOAL 3 - DRIVE CUSTOMER SUBSCRIPTIONS & BOOKINGS
Additionally, they hoped to increase newsletter subscribers and improve the overall experience for users visiting their site.
By understanding and prioritizing these goals, I was able to design a website that met their needs and improved the overall user experience.
02
Research & Analysis
For the ECM website redesign project, I conducted thorough research and analysis to inform my design decisions.
DESIGN AUDIT
To start, I completed a website audit and tested the old website to identify layout issues that were hindering the user experience. Additionally, I listened to feedback from the client and their staff workers to understand their concerns and identify areas for improvement.
COMPETITOR ANALYSIS
To further inform the design, I conducted a competitor analysis, looking at other clinic websites online to see how they structured their information and used modern website templates.
WIREFRAME LAYOUTS
Finally, I applied UI and design principles to determine the best layout solutions to improve the overall user experience.
This research and analysis phase was crucial to ensuring that my design decisions were informed by data and would ultimately lead to a more user-friendly and effective website for ECM.
03
Visual Design
In the visual design phase of the ECM website redesign project, I modernized the website's layout and design while staying true to the client's brand guidelines.
COLOUR ACCESSIBILITY
To ensure that the website was accessible on all devices, I optimized the design for mobile, using responsive design techniques to ensure that the website looked and functioned well on a range of screen sizes. This involved rethinking the layout of the site and using design elements that were better suited to a smaller screen. Additionally, I paid close attention to colour accessibility, selecting a brighter and more modern colour scheme that would be more accessible to a wider range of users.
MODULAR DESIGN
To improve the overall user experience, I also focused on information architecture, organizing the homepage and menus to make it easy for customers to find the information they needed and make bookings. Using a modular design approach, I broke up the content into easily digestible sections, making it easy for users to navigate and find the information they needed quickly.
FLEXIBLE TEAM PAGES
The challenge of creating a flexible team page was addressed by designing an intuitive and scalable solution that could easily accommodate changes in team members. Similarly, I restructured the group program pages to be more user-friendly by breaking up the content into smaller sections and using icons and imagery to make it easier to understand.
The end result was a modern and visually appealing website that met the client's goals of improving the user experience, making it easier to find information, and increasing newsletter subscribers. By optimizing the website for mobile and paying close attention to color accessibility and information architecture, I was able to create a website that was not only aesthetically pleasing but also highly functional and accessible to a wide range of users.
04
Usability Testing and Iterations
As part of the design process, usability testing was an integral part of the project. We created prototype mockups for the website and conducted user testing to gather feedback on the user journeys for all the menu buttons and call-to-actions.
We identified the main journeys a customer would typically take on the site to make a booking or to find information and made sure that the journey was simple and intuitive. Using Adobe XD, we were able to prototype the site and test it with users to gather feedback on usability and design. We also utilized markup.io to test the site as it was being developed, allowing us to catch any usability issues early on in the development process.
Based on user feedback, we made iterative changes to the website to ensure that it was user-friendly, functional, and aesthetically pleasing. We took note of any usability issues or design elements that needed refining or modification based on user feedback, and made changes to the site accordingly. This process allowed us to create a website that met the client's needs and was highly user-friendly.
By incorporating user testing and iterations into the design process, we were able to ensure that the final product was optimized for usability and functionality.
