Design and coding done for Smith School of Business at Queen's University and the IT department.
Updating Their Brand
One of my jobs was updating the styling and branding on D2L. They were in the process of moving from one brand to another, switching out D2L's branding for their own and updating from Bootstrap 3 to Bootstrap 4 which is a front-end component library that combines HTML, CSS, and JS.
The first things I was given to update was the widgets on the Smith School of Business D2L page.
I was given screenshots of a layout and styling for the new directory page that students were using. A prominent design feature of the new directory page was the flat cards with arrows that moved across to signal the student moving to a new page.
I was tasked with restyling the templates that professors use to build their sites and holds all the information for their courses. D2L had built most of the templates but they had the D2L styling.
Not shown are a few simpler templates that are used for longer chunks of text or beginning explanations to a new module.
These pages were for people seeking coaching for their program. The original style was extremely outdated, a few years worth of rebranding had happened without these pages getting redone. I was given "free" reign of the pages, tasked with making them look like the new styling, specifically the templates since students would be familiar with the look and function.
Below are the three pages that needed to be restyled, the coaches page was the most drastic update, changing from a tab view to an accordion view. This prevented users from having to scroll away from the coaches' picture like the previous styling required. This format keeps all of the necessary information together and allows a user to quickly scroll through all of the coaches without having to repeatedly scroll up and down the page.