E-Learning platform for students and their teachers directed at both beginners and specialists. Devoted to programming languages such as Java, JavaScript, Ruby etc. lt enable teachers to freely design and manage their courses and tests.
Goals
Student Panel – the student panel was expected to include e-commerce with different courses.
Teacher Control Panel – for teachers was designed with course upload, data management, and test-making capabilities.
Scope of work
Concept
During the pre-workshop stage timeline, budget and objectives were discussed using the Business Model Canvas.Workshop
Follow up workshop was held to get a hand on the expected functions and technical specifications. Detailed Use Cases were noted down what helped in the later stages of the project with designing the user flowResearch
Competitor analysis was conducted to explore their marketing strategies. It allowed me to discover their strengths and weaknesses from the user viewpoint.Wireframing
Multiple layouts and meetings made it possible for us to find perfect solutions for new users. Wireframes helped with bringing back-end and front-end developments forward.Design
After setting on the logo, colors, and fonts I worked on buttons, paragraph styles, and illustrations. Establishing these was a starting point for the design system.Handoff
Creating a one on line file for client along with specifications for developers.
Project resources
I made the entire website design in the Adobe XD application There is the source file below.
ℹ️ Check out all the mockups!
User Experience
To help picture the complexity of all the app processes I used Overfow. After developing the information architecture I designed engaging user flow diagrams.
Wireframes
Fundamental user flow design made it possible to work on more complex wireframes. I worked on both parallelly to save on execution time. After coming up with multiple wireframes I worked on the very first app prototype to conduct tests with the contractor
UX writing
Colors, typography, illustration and language define and express brand personality. Simple pictures and wording should not only convey important information but also showcase a brand’s story, its background and values. My aim was to keep the language consistent so the users develop attachment to jCrafters outside of the app.
User Interface
Notification system
MVP version utilizes emails for communication. The system automatically sends the user appropriate messages. Gamification and gratification strategies of the learning process were included as well.
CMS
User panel is operating with constantly updated data. It is the control panel where teachers have access to data management. I was only able to get the jC contact on condition that I manage to create a platform with multiple user access capability and online evaluation features.
