I helped to design the user interface for the DIF eLearning platform; a web-based solution for the development of multimedia courseware.
![](https://uploads-ssl.webflow.com/5818e037de6219b67ff30109/60429fdd3ff23ac0678e0b8d_DIF-Main.png)
I worked with a small team to develop and design the DIF eLearning platforms updated user interface. There was a fair amount of complexity compared to most web applications, as it required the ability to create layers, add elements, upload content, and even create user defined variables and programming logic.
![](https://uploads-ssl.webflow.com/5818e037de6219b67ff30109/6042c401257d4e11bab5a390_dif-Event-top.png)
This shows how to use programming logic to create action events within the course.
![](https://uploads-ssl.webflow.com/5818e037de6219b67ff30109/6042c40c257d4ed816b5a3ad_dif-Event-Condition.png)
This is how to build conditions within an action event.
![](https://uploads-ssl.webflow.com/5818e037de6219b67ff30109/6042c35b0667e8141b3a8844_dif-Main-Components.png)
Here is an example of the dropdown menu and the types of components that a user can create for their course.