Role:
Lead Designer, UX, Visual Design
Project description:
While at MasterClass on the Consumer Product Design team, I redesigned the Library page for both Consumer and Enterprise product verticals. The project was driven by the need to improve user engagement and facilitate content discovery, especially for Enterprise users interested in browsing by specific skills as opposed to the Categories first browsing we were using on our existing Library.
Methodology / Project Details:
For this project, I initially did market research and jumped into early wireframes while our project scope was being set. I first discussed these wireframes with my direct Product Manager and Design Manager to discuss differing levels of scope and complexity. After this point, I kicked off this project by having a white-boarding session with a product designer who was working on our Enterprise product to get her perspective. While aligning with our larger team (including a secondary Product Manager on our Enterprise team) on project goals and timeline, I put together a design brief including a design schedule the team could use to reference major checkpoint meetings and design hand off dates. Additionally, since this work included development of a new tile pattern that was intended to be used globally on our web, iOS and Android platforms, I worked closely with a Design Systems designer, and managed his workflow for this project.
After initial timeline and scope expectations were set with the team, I worked with our Enterprise designer as we created different wireframes informed by our sketching session. These wireframes were brought to the team to discuss initial levels of complexity we could frame the project within. At this stage, I took the lead on creating wireframes for both our Enterprise and Consumer verticals, considering both platform's needs, informed by our Enterprise Designer and team. A main challenge of this project was creating scalable designs cross-platform that would include the needs of both Consumer and Enterprise verticals.
Scaling Cross Platform Designs
For this project, I conducted market research and created early wireframes while refining the project’s scope. I collaborated with various team members, including Product Managers and Designers, to align on goals and timelines. I also managed the workflow with the Design Systems designer for developing a new tile pattern across platforms. One of the main challenges of this project was creating scalable designs that met the needs of both Consumer and Enterprise verticals.
UX Research
We conducted unmoderated user testing during the final wireframe stage to validate our assumptions and improve user engagement with content. Based on the results, I made design updates such as fine-tuning copy usage and refining selected states for mobile.
Design Delivery
After concluding user testing, we held final checkpoint meetings with our enterprise engineering team and leadership for directional sign-off. I then executed final visual designs for Web, iOS, and Android platforms for both Enterprise and Consumer verticals, incorporating our Design Systems' designer's tile pattern. I created specs and collaborated with the engineering team on design questions and QA during the project build.
Our Library redesign was launched first as an A/B test for Consumer users, and to 100% of Enterprise users initially, and then was released to 100% of all post-paywall users. Client feedback from large Enterprise organizations were positive as we were addressing their needs of browsing content by time and by Skills for Enterprise users.
Since our timeline was condensed for this project, I also followed up by exploring some visual design improvements we could make for this project to improve visual impact.