My Portfolio - Accessibility and modernization

2022

Checkout these before and after video clips

CorpU's High Impact Leadership Development Platform before I began the compliance & responsive updates.

Now see how far I was able to take it next! Huge difference in the experience in the platform! Navigation updates to know where you are and find where you're going more easily, support information that follows you across the platform, and all pages are WCAG 2.1 compliant!

My Start

"How long do you think it might take you to make the platform accessibly compliant?" - the question that started the largest project given to me while tenured at CorpU / Udemy.

My goals:

  1. Achieve WCAG 2.1 Accessibility Compliance for the learner experience
  2. Modernize the site with common web patterns
  3. Open the platform to a larger resolution for greater usability
  4. Increase the NPS (net promoter score) by 10% on all platform scores

Complete Application Audit

Placeholder image, page incomplete

The first stage of this large undertaking was to first understand the application itself and what issues were hidden inside. This project started during my third month at CorpU.

Peeling the layers back across the application I performed automated tests using the ax-core plugins, and WAVE tool, and performed manual tests to determine the overall accessibility score. This became the outline of my work.

I broke down the work into global updates first, then into the most common user pathways, then the more extraneous use cases.

The Rapid Redesign - Understanding

With the work well defined for compliance, next came the full-page experience changes.

I wanted to open up the application to allow for larger device usage, without compromising on readability or navigation. Using our analytics, we made a list of the top 10 device screen sizes and used those as a guide to our redesign breakpoints

Next, I followed the aforementioned breakdown of work to start creating mockups of a new full-screen experience. I quickly discovered most screens across our user scenarios had little need for a full-screen experience. For readability and quick navigation, we leaned into a max width of 2560px.

Placeholder image, page incomplete

The rebranding

Placeholder image, page incomplete

The last step of our journey was a final audit and the start of our rebranding journey with Udemy. All automated scans came back with 100% success and all of our manual tests were coming up positive.

The rebranding efforts weighed heaviest in planning work which followed the atomic principles. We started with our colors, fonts, and other tokens. What we couldn't make work, we scheduled for redesigns. As I continued to design and develop, I was able to fit more items into the sprint to bridge us closer to our ideal end goal - to look and feel like a Udemy product.

We were able to retain all the clients that needed an accessibly compliant learning platform and targeted more new clients. Unfortunately, we did not increase our NPS. Based on the limited communications I received, the most likely reason was we increased our platform usability while removing customization features & services thus resulting in a net even change in NPS. The progress we accomplished resulted in no lost sales and an increase in profitability. This project was still massive...

Success!

Want more?

I invite you to check out my LinkedIn profile or view my web resume page.

If you have any questions, I welcome you to contact me via my Google form or via your preferred social network.

Recently added FAQ on my About page.

Recently added design process page.

Recently added certificates page.