Starting with a UI process based on IDC goals & content structure, we planned all the wire frames for each individual component, taking into consideration all parameters to make sure that the planning process fits the students’ needs on a daily bases. The final wire frames gave us the green flag to move forward. We then came up with the concept of the design as the first milestone for all UX process, based on all final design, San’s development department completed the client’s side development (HTML 5, jQuery, CSS).