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.
Behance Case StudyWe are responsible for
Scope:
Dedicated agile team
Team:
9 people
Duration:
12 months
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 website; 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 use affiliated banks to pay in installments.
Create a course
The lecturer 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 and assignment 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 assignments 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
User Research, Product Design Concept
We conducted 1-on-1 interview sessions with students and lecturers who 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.
UX Design, UI Design, Prototyping, User Testing
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 the 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.
Branding
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.
Web App Development
Our technical team devised scalable and flexible architecture for the MVP of Tweak and for developing the product further.
The development process was based on the SCRUM framework.
We used Vue.js for the front end and Laravel for the back end. Video streaming service was built upon Twilio API.
Our team set up CI/CD pipelines with GitHub Actions. We had separate environments for development, staging and production. The infrastructure is in cloud and is based on AWS.
Speaking of development, we’re pros when it comes to Laravel and Vue. If you want to know more about what we offer and how we can bring your projects to life, visit our dedicated page.
Tech Stack
Meet the authors
We are a 200+ people agency and provide product design, software development, and creative growth marketing services to companies ranging from fresh startups to established enterprises. Our work has earned us 100+ international awards, partnerships with Laravel, Vue, Meta, and Google, and the title of Georgia’s agency of the year in 2019 and 2021.
