Tweak

Tweak

A live online courses marketplace that connects leading practitioners with students willing to enter new professions.
We designed a course builder for the lecturers to easily create a successful course, dashboards for students and lecturers to manage all course-related materials and activities in one place, and a streaming service that makes online learning feel like a classroom.

Group 7491 (1)

We are responsible for
User Research, UX Design, UI Design, User Testing, Branding, Web App development, Devops, Lecturer recruitment, Professional track creation

Challenge

The online education market is ever-growing. However, the biggest platforms like Udemy and Coursera face meager customer retention rates due to a significant dropout rate for courses. Since the students have no interaction with the instructor, they quit on the first hiccup.
Tweak makes online education beneficial for students and worthy for the lecturers.

Solution

We designed and developed a digital platform that allows lecturers to decide how much they earn from each course and give students the benefit of having live interaction with their instructors. The lecturer sets the course price, number of students in the class and receives 60% of the generated revenue.

 

Purchase a course

The user finds a listing of courses with a detailed syllabus on the marketing site; they can filter programs according to the type, duration, difficulty level, and direction. Once they identify the course they wish to buy, the user can either pay with a card or PayPal and use affiliated banks to pay in installments.

Create a course

The user uses our course builder to draft a course. The course builder divides the process into three 4 main parts: information about the course – where the user fills out the general description of the course, its target audience, and learning outcomes; syllabus – where the user adds projects that will be completed throughout the course and outlines each individual lecture with their objectives; information about the lecturer – where the user gives a short biography and uploads any relevant professional links and administrative details – where the user indicates the price of the course, duration of each lecture and meeting times. 

Course management

We have two dashboards for our two users: lecturers and students. For students, the dashboard serves as a one-stop-shop for all course-related resources and materials. They find, upload, and see their graded homework there, access and download any additional resources that the instructor has included in the course, watch the recordings of past lectures, and join upcoming lectures.

Through the dashboard, the lecturer also gets both a general, as well as an individual look at the performance of their students. They are able to leave thorough feedback on each student’s work and can re-assign the homework, as many times as they deem necessary.

Streaming live lectures

To facilitate live online lectures, we built our streaming service using Twilio API. Our service allows the lecturer to push quizzes and assignments while live streaming and collect the students’ responses back on the dashboard. 

The instructor can also filter the display of students according to their engagement in class and have a better visual of students they would like to engage more. The chat is divided into questions and general messages, which allows the instructor to quickly identify the questions they need to address and not have them buried in other messages. 

Involvement & Process

We conducted 1-on-1 interviews sessions with students and lecturers that had the experience of taking or giving courses on Georgian and international platforms to better understand the pain points both of these users were facing.
Based on the findings, we workshopped the format of the platform, as well as the business model, and created specific user personas for both types of users.

For each digital product element, we held sketching workshops. These workshops highlighted some patterns that had to be included in the final designs. After the workshops, our designers started wireframing and created a prototype in Figma. We tested the prototype with our potential users, got feedback, and iterated over UX design.
Once the UX was confirmed, our team created the design system for the interface and designed the UI. After deriving at value props and copies, we completed the UI with written narratives and once again tested on our potential users. Iterations ensued.

Our team was responsible for naming the product and creating a brand platform, as well as a visual identity for it. Once Tweak was confirmed as the name of the platform, the brand platform and visual identity followed in the dynamic, colorful, and modern spirit of the word which constantly tried to improve, refine and tweak itself.

Our team set up CI/CD pipelines with Github Actions. We had separate environments for development, staging and production. Infrastructure is in cloud and is based on AWS.

Tech Stack

  • Frontend
  • Backend
  • Devops
  • Integration

HTML
Vue
Tailwind

Laravel
Laravel Bagpack
Laravel Passport
MySQL

Github Actions
AWS
Laravel Forge
Programmable video

Github
Jira
Figma
Twilio
Typeform

A live online courses marketplace that connects leading practitioners with students willing to enter new professions.

We designed a course builder for the lecturers to easily create a successful course, dashboards for students and lecturers to manage all course-related materials and activities in one place, and a streaming service that makes online learning feel like a classroom.

  • Our Engagement Involved:

    User Research, UX Design, UI Design, User Testing, Branding, Frontend Development, Backend Development, Devops

  • Tech Stack & Tools:

    Laravel, Laravel Backpack, Laravel Forge, Vue, Vuex, Tailwind, Github Actions, Twilio Programmable Video, Github, AWS, Jira, Figma

Post a comment

Your email address will not be published. Required fields are marked *