DECISION TREE INTERACTIVE

UI/UX & Web Design
Prototyping & Wireframing
Visual Design
Graphics & Illustrations

For the course Master of Sports Medicine > Sports Pharmacotherapeutics, I was the Graphic Designer at the University of Melbourne assigned to create and execute a series of 3x branching scenarios / decision tree elearning interactives. Working together with the key stakeholders including the Academic lead, Project Manager and Learning Designer, we were able to manage the final expectations of this course outcome due to limited resources and time.

By mocking up a more simple and coherent wireframe of the Academics' draft decision flowchart focusing on key assets required and decision points of one of the case study interactives, we were able to smoothly progress to visualising the mood and character style boards and prototyping a test case study in Adobe XD and thusly showing both the Academic and the Education Technologist a draft working visual model. Final approved graphical and illustration assets were completed in Illustrator and small elements were even animated in After Effects for added visual flare and movement.


Decision Tree interactive - UI/UX Web Design Prototype Wireframes Visual Design Graphics & Illustrations



Decision Tree interactive - UI/UX Web Design Prototype Wireframes Visual Design Graphics & Illustrations



Decision Tree interactive - UI/UX Web Design Prototype Wireframes Visual Design Graphics & Illustrations



Decision Tree interactive - UI/UX Web Design Prototype Wireframes Visual Design Graphics & Illustrations



Decision Tree interactive - UI/UX Web Design Prototype Wireframes Visual Design Graphics & Illustrations