Portfolio

Hi, I'm Madelayne.

I'm a UI/UX Designer in Ottawa, Ontario, Canada. 🍁

I'm currently designing interactive and accessible online courses at the University of Ottawa.

Before joining the team at uOttawa, I worked in healthcare for 10 years, doing design and development work for a large primary care clinic.

I'm currently designing interactive and accessible online courses at the University of Ottawa.

Before joining the team at uOttawa, I worked in healthcare for 10 years, doing design and development work for a large primary care clinic.

My LinkedIn Articles

Here's some LinkedIn articles that I wrote to share ideas and solutions to challenges that I came up with in my work at the University of Ottawa.

Accessible Design for an online French Writing/Grammar Course

In this article, I share how I transformed a section of a course to meet WCAG guidelines. From fixing color contrast issues to improving screen reader compatibility, I’ll show the steps I took to make the course more inclusive for all learners.

VIEW ARTICLE

Accessible Design for an online French Writing/Grammar Course: Part 2

In this article, I talk about some design solutions from a French writing and grammar course that I recently worked on. My focus was on creating an accessible, engaging experience—using custom CSS borders to visually connect theory and exercises, ensuring keyboard navigation, and making content screen reader-friendly.

VIEW ARTICLE

Interactive SVGs in Online Learning

Interactivity brings a webpage to life. In this article I explain the what, why, and how of interactive SVGs for online learning, including a link to a working demo on CodePen.

VIEW ARTICLE

Improving screen reader accessibility for reflection questions and activities in online learning

This is a short article that I wrote about how I improved accessibility for screen reader users in online courses at uOttawa.

VIEW ARTICLE

UI kit Design and Build

This project involved designing and building a branded UI kit for the development of the Telfer MBA program online courses.

VIEW PROJECT

A UI kit containing components used to develop online MBA courses.

Annual Patient Experience Survey

This project involved designing and building a system to administer a questionnaire, collect data, and report the findings of the Patient Experience Survey for the Champlain Region Family Health Teams.

VIEW PROJECT

Screen capture of patient survey on mobile device.

Screen capture of survey report layout on desktop computer.

Website Design and Build
The Montfort Academic Family Health Team

This is a fully bilingual, responsive website that I designed, built, and maintained for the Montfort Academic Family Health Team.

It included a system for collecting email consent from patients, a file upload interface for patients to send images and documents to their healthcare provider, and a booking system for flu shots and special clinics.

VIEW PROJECT

Wool 'n Things
Course Project | Web and Mobile Design Techniques

This project, that I completed as part of a course, included creating a business model, a design strategy, a user persona with an accompanying scenario, a user experience map, and a wireframe mockup of the website.

The Unicorn Emporium
Course Project | Web and Mobile Design Techniques

This project, that I completed as part of a course, included creating a persona, a scenario, a user task flow, and high-fidelity prototypes for both desktop and mobile screens.

VIEW PROJECT

Usability Testing
Course Project | Web and Mobile Design Techniques

This is another project that I completed as part of a course. It included creating a test plan, and then performing and reporting on a usability test.

VIEW PROJECT