E-Learning platform

Startup project

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

Web service for students and teachers

Web service for students and teachers

  1. Student Panel – the student panel was expected to include e-commerce with different courses.

  2. Teacher Control Panel – for teachers was designed with course upload, data management, and test-making capabilities.

Scope of work

  1. Concept
    During the pre-workshop stage timeline, budget and objectives were discussed using the Business Model Canvas.

  2. 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 flow

  3. Research
    Competitor analysis was conducted to explore their marketing strategies. It allowed me to discover their strengths and weaknesses from the user viewpoint.

  4. 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.

  5. 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.

  6. 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

User flow

User flow

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

Voice and tone express

Voice and tone express

Voice and tone express

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

Colors

Colors

Colors

Typography

Typography

Typography

Icons

Icons

Icons

Final look

Final look

Notification system

E-mail notification

E-mail notification

E-mail notification

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

Central Management System

Central Management System

Central Management System

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.

Check out more.

Check out more.

Read more case studies of my designs and check the success stories of my clients:

Read more case studies of my designs and check the success stories of my clients:

Swipe and click …

Swipe and click …

Swipe and click …

let's work together.

Let’s create something that makes you stand out, together.Drop me a line to talk about your project dream.

let's work
together.

Let’s create something that makes you stand out, together. Drop me a line to talk about your project dream.

let's work together.

Let’s create something that makes you stand out, together.Drop me a line to talk about your project dream.

Make Digital Products since 2016. To create digital world simpler, smarter and more helpful for users people.

Make Digital Products since 2016. To create digital world simpler, smarter and more helpful for users people.

Make Digital Products since 2016. To create digital world simpler, smarter and more helpful for users people.

Industry insights, my projects updates & new articles from blog. Discover (or not) the best designed newsletter ever. Let’s be together.

In touch?

me.

services.

my projects.

Follow me:

Partnerships:

VERIFIED • FRAMER • EXPERT •
PROFESSIONAL WEBFLOW CERTIFIED PARTNER ––––
IREB CERTIFIED PROFESSIONAL •

© 2024 walencik.org. All rights reserved.

Industry insights, my projects updates & new articles from blog. Discover (or not) the best designed newsletter ever. Let’s be together.

In touch?

me.

services.

my projects.

Follow me:

Partnerships:

VERIFIED • FRAMER • EXPERT •
PROFESSIONAL WEBFLOW CERTIFIED PARTNER ––––
IREB CERTIFIED PROFESSIONAL •

© 2024 walencik.org. All rights reserved.