
MagMutual Learning Center
Skills: UI/UX Design, Developer handoff
Programs: Figma, Sketch
Introduction
The MagMutual Learning Center is a library of informative content that is used for doctors to keep their certifications up to date.
Note: This is content gated behind customer profiles. It is not publicly accessible.
I worked on the overall interface design to match the company’s brand expectations and ensure a smooth user experience, regardless of the screen size the user was on. Work was done on the library page and the template designs with responsive design in mind. The designs were then built into the CMS (Dato and later Builder.IO) which allowed for the quick upload of content using template designs.
Content Library Cards
The company wanted to utilize visually pleasing card designs to act as the link to individual content pieces. This included an area for a chosen image, as well as various pieces of information that would or would not be displayed based on the contents credentials. This meant it had to be designed with dynamic content in mind.


Content Template Designs
A handful of content template designs were made, based on the type of content that would populate the library. This included, but was not limited to, articles, courses and podcasts. Due to content types requiring different structures, differences in their templates needed to be designed while still keeping the core features of the page, such as the sidebar and the header. Additionally, variations for further gated content needed to be made due to user permissions determining their access.



