Turning private tutoring into a more flexible digital learning experience
Sinotif is an offline tutoring institution focused on Mathematics, Physics, and Chemistry. To extend its support beyond physical classes, the organization launched Seratus Institute, an online learning platform where students could access teacher-led tutorial videos and replay lessons as often as needed.
The content was valuable, but the platform needed to feel as engaging and supportive as the learning experience Sinotif wanted to provide. Its interface required a fresher visual identity, clearer navigation, and features that could help students, teachers, and parents remain connected.
Suitmedia partnered with Sinotif to redesign Seratus Institute around a more comfortable and functional learning journey. The work introduced a mobile-responsive experience, improved video access, personalized question banks, social and group-learning features, parent visibility, and teacher dashboards.
Valuable learning content was being held back by the platform experience
1. Flexible lessons needed an easier way to be used
Seratus Institute gave students access to video lessons that could be replayed until they understood the material. This was an important advantage over a one-time classroom explanation.
However, flexible content only creates value when students can find and use it easily. If the platform is difficult to navigate, students may spend more time figuring out the system than reviewing the lesson.
The interface needed to make learning content accessible without adding unnecessary effort. Students should be able to locate a topic, watch a video, repeat a lesson, and continue studying with minimal interruption.
2. The existing experience did not yet reflect the energy of learning
Sinotif wanted Seratus Institute to feel more enthusiastic and engaging. The earlier experience did not fully communicate that energy.
An outdated or overly plain platform can make online learning feel passive, even when the educational material is strong. Students may see the platform as a place to complete tasks rather than a space that supports curiosity and progress.
The redesign needed to use visual quality to strengthen motivation without turning learning into entertainment disconnected from academic outcomes.
3. Students needed more than video lessons
Video was the foundation of Seratus Institute, but effective tutoring also requires questions, feedback, interaction, and the ability to practice.
Students may understand part of a lesson but still need to ask a question or test their knowledge. Parents may want to know whether their child is progressing. Teachers need tools to manage instruction and understand student activity.
The platform needed to expand beyond content delivery and support the relationships around learning.
4. Online tutoring had to support three audiences
Seratus Institute served students, teachers, and parents. Each audience needed a different view of the learning process.
Students needed direct access to lessons, questions, group learning, and social interaction. Teachers needed a way to manage teaching activities. Parents needed visibility into their children’s progress without interfering with the student experience.
The challenge was to create one ecosystem with clear, role-appropriate pathways for each group.
5. Internet quality could affect access to learning
Video-based learning depends heavily on connection speed. A high-resolution video may provide a better visual experience, but it can also load slowly or fail on weaker connections.
If students cannot play a lesson smoothly, they may lose focus or abandon the session. The platform needed to accommodate different access conditions so that learning quality did not depend entirely on network performance.
A flexible video experience was therefore part of educational accessibility.
6. The question bank needed to feel relevant
A question bank is valuable when it helps students practice the material they are learning. But if it is difficult to navigate or poorly matched to student needs, it becomes another content archive rather than a learning tool.
Seratus Institute needed a more customized question-bank experience. Students should be able to work with questions in a way that supports understanding, practice, and progress.
This required the platform to connect content with active learning rather than relying on passive viewing alone.
7. Group learning needed a dedicated space
Online learning can feel isolated when students study alone through videos.
Sinotif wanted to introduce “Belajar Kelompok,” or group learning, to give students more opportunities to learn with others. But group interaction requires clear structure and accessible communication.
The feature had to make collaboration feel simple enough to use while supporting the academic purpose of the group.
8. Teachers and parents needed better visibility
Teachers needed a dashboard for teaching activities. Parents needed access to information about their children’s learning progress.
Without these views, the learning platform would remain focused only on the student’s immediate interaction. Teachers and parents would have limited ability to support or understand what was happening.
Greater visibility could strengthen the learning relationship around the student, provided that each role saw the information relevant to its responsibilities.
9. Mobile access had become a basic expectation
Students might use Seratus Institute from a computer, tablet, or smartphone. A platform that only worked well on a large screen would limit its usefulness.
Mobile responsiveness was necessary for students who wanted to review a lesson from home, while traveling, or between other activities. It also supported parents who might check progress from their own devices.
The platform needed to adapt to the user’s situation rather than require one fixed learning environment.
10. Video playback needed to work consistently
The website had bugs that affected video playback across browsers.
This was a serious issue because video was central to the learning experience. If students could not play a lesson reliably, the value of the entire platform was reduced.
Bug fixing was therefore not a minor technical improvement. It was necessary to protect access to the core educational content.
Designing Seratus Institute around the full learning relationship
1. Begin with the learning journey, not only the interface
Suitmedia redesigned the UI and UX by considering how students, teachers, and parents would interact with Seratus Institute.
The student journey included discovering a lesson, watching and replaying videos, asking questions, practicing through the question bank, and learning with peers.
The teacher journey involved managing teaching activities, while the parent journey focused on understanding learning progress. Mapping these journeys helped create a platform that supported the wider learning process.
2. Refresh the visual identity to create enthusiasm
The redesigned platform received a fresher and more engaging visual direction.
The purpose was to reflect the energy of learning and make the environment more inviting. A modern interface helped students feel that online tutoring was an active experience rather than a static video archive.
The design needed to remain functional. Visual appeal was used to support orientation, motivation, and clarity—not to compete with the lesson content.
3. Simplify navigation around the main learning actions
The experience was structured so students could reach the most important functions easily.
Video lessons, questions, group learning, and social features needed to be discoverable without forcing users through a complex menu system.
A simpler path supported regular use. When students can move quickly from login to learning, the platform becomes easier to incorporate into their routines.
4. Build Tanya Soal as a space for questions
“Tanya Soal,” or Ask a Question, gave students a way to raise academic questions.
This addressed a limitation of one-way video learning. A student can replay a lesson several times and still need clarification on a specific point.
The feature created a bridge between digital content and teacher support. It gave students a direct way to ask for help rather than remaining stuck or searching for an answer elsewhere.
5. Use questions to support active learning
The ability to ask questions encouraged students to engage with the material more actively.
Instead of treating a lesson as something to watch from beginning to end, students could identify areas they did not understand and seek support.
This helped make the platform more responsive to individual learning needs. Students could move at their own pace while still having access to guidance.
6. Create Belajar Kelompok for peer learning
The “Belajar Kelompok” feature provided a space for students to study together.
Peer interaction can help students compare approaches, explain concepts to one another, and remain motivated. It also reduces the isolation that can come with online learning.
The feature connected social engagement with academic progress. Students could interact in a setting designed around shared learning rather than general social activity.
7. Add social media to strengthen community
The social media feature created another channel for students and other users to interact within the platform.
This helped Seratus Institute build a stronger learning community. Students could share ideas, remain connected, and experience the platform as more than a collection of lessons.
The feature needed to remain purposeful. Social interaction was most valuable when it supported motivation, discussion, and connection to learning.
8. Customize the question bank
Suitmedia improved the question-bank experience to make practice more relevant and accessible.
A customized question bank helped students move from watching a lesson to testing their understanding. This supported recall and gave students a more active role in their progress.
The question bank also gave teachers a more structured resource for reinforcing concepts and identifying areas that required further explanation.
9. Offer video-resolution options
The platform introduced different video-resolution options so users could choose a level appropriate to their internet speed.
This decision addressed a practical barrier to online learning. A student with limited connectivity could select a lower resolution and continue learning rather than being blocked by buffering.
Students with stronger connections could choose higher quality when appropriate. The platform adapted to different conditions instead of assuming every user had the same bandwidth.
10. Fix playback across browsers
Suitmedia addressed bugs that prevented videos from playing properly across different browsers.
This helped protect the reliability of the main learning experience. Students should not have to troubleshoot browser-specific issues before they can begin a lesson.
Cross-browser playback also reduced support needs. The platform could serve a wider range of users with fewer technical interruptions.
11. Design a dashboard for teachers
Teachers received a dedicated dashboard for managing teaching activities.
This gave instructors a clearer view of the work they needed to perform within Seratus Institute. A teacher could use the platform not only to provide content, but also to support questions, assignments, and student engagement.
The dashboard helped connect the teacher’s responsibilities with the student-facing experience. The platform could support instruction more systematically.
12. Give parents visibility into learning progress
Parents received accessibility features that allowed them to view their children’s learning progress.
This created greater transparency around online tutoring. Parents could understand whether their child was engaging with the platform and how the learning process was progressing.
Visibility also supported better conversations at home. Parents could encourage students based on clearer information rather than relying only on general impressions.
13. Make the platform responsive across devices
The website was redesigned to work across desktop and mobile screens.
Responsive behavior helped students access lessons and related features in the context most convenient to them. It also made the platform more accessible to teachers and parents using different devices.
The decision supported continuity. Users could move between devices without losing access to the same learning environment.
14. Keep the learning path simple and functional
The redesign emphasized convenience and usability.
Students needed to find lessons, ask questions, join groups, and review progress without navigating an overly elaborate interface. Teachers and parents needed equally clear paths to their relevant functions.
A functional design reduced friction and helped the platform remain useful across different ages and technology skills.
15. Create a consistent ecosystem around the content
The new features were designed to support one another.
A student could watch a video, ask a question, practice through the question bank, and join a group discussion. A teacher could respond and manage teaching activity. A parent could view progress.
This created a connected learning system. Each feature increased the value of the others because they contributed to the same educational journey.
16. Build a foundation for ongoing online tutoring
Seratus Institute could continue adding lessons, questions, community activity, and teacher support within the improved structure.
The platform was no longer limited by the weaknesses of its earlier interface. It had a stronger foundation for future learning features and content expansion.
This created longer-term value for Sinotif as it developed its online tutoring model.
Seratus Institute became easier to use and more capable as a learning platform
1. Students gained a more engaging online learning experience
The redesigned interface made Seratus Institute feel fresher and more inviting.
Students could access learning content through a platform designed around their needs rather than an older, less intuitive structure.
The new experience supported stronger motivation to explore lessons and return to the platform.
2. Video lessons became more accessible
Resolution options helped students watch lessons under different network conditions.
This reduced the chance that technical limitations would interrupt learning. Students could choose a quality level that matched their connection instead of being forced into one format.
Reliable playback across browsers further strengthened access to the core content.
3. Students gained more ways to learn actively
Tanya Soal, Belajar Kelompok, Media Sosial, and the customized question bank expanded the platform beyond video consumption.
Students could ask, practice, collaborate, and share. These activities supported a more active relationship with the material.
The result was a richer learning experience that reflected how students build understanding through different forms of interaction.
4. Teachers gained tools to support online instruction
The teacher dashboard helped instructors manage teaching activities more effectively.
Teachers could remain connected to students and use the platform as part of their teaching process rather than only as a place to upload videos.
This strengthened the relationship between Sinotif’s teaching expertise and its digital delivery model.
5. Parents gained better visibility
Parent access to learning progress helped create a stronger support system around students.
Parents could understand how their children were engaging with Seratus Institute and provide encouragement based on clearer information.
This made online tutoring less isolated from the wider family learning environment.
6. The platform became more accessible through mobile
Responsive design allowed students, teachers, and parents to use Seratus Institute across different devices.
The improvement expanded access and reduced dependence on one type of screen.
Mobile usability also supported more flexible study habits. Students could review lessons in the context most convenient to them.
7. The learning community became more connected
The group-learning and social features helped students interact with peers and teachers.
This reduced the sense that online tutoring was a solitary activity. Students could engage with others around shared questions and academic goals.
The community layer increased the platform’s potential to sustain motivation over time.
8. Learning materials became easier to use repeatedly
Seratus Institute’s video lessons could already be replayed as needed. The improved interface and playback reliability made that flexibility more practical.
Students could return to difficult topics, ask follow-up questions, and practice through the question bank.
This supported learning at an individual pace, which was one of the platform’s core advantages.
9. Sinotif gained a stronger online tutoring foundation
The redesign strengthened Seratus Institute as a digital extension of Sinotif’s offline tutoring model.
The platform could now support instruction, practice, communication, progress monitoring, and parent involvement in one environment.
This gave Sinotif a stronger basis for competing and growing in online tutoring.
10. The user experience better reflected Sinotif’s educational promise
Sinotif wanted to provide effective instruction in Mathematics, Physics, and Chemistry. The improved platform made that promise easier to experience digitally.
A clear interface, reliable videos, interactive features, and teacher support showed that online tutoring could be structured and engaging.
The result was a more credible digital expression of Sinotif’s teaching model.
11. The platform created room for future expansion
The improved architecture and experience could support more videos, question content, teacher tools, social features, and parent services.
Sinotif could continue improving online education without rebuilding the platform’s basic structure.
The second-order effect was greater flexibility. The organization could respond to student needs and change online learning expectations more quickly.
The deeper lesson: online learning must support interaction, not only content delivery
1. Video is useful, but not sufficient on its own
Replayable lessons support flexible learning, but students also need questions, practice, feedback, and collaboration.
A complete tutoring platform connects these activities so that students can move from explanation to understanding.
2. Connection quality should not determine access to education
Video-resolution options help make online learning available to students with different network conditions.
Technology should adapt where possible. Students should not be excluded from learning simply because they cannot support the highest-quality media format.
3. Students need multiple ways to participate
Some students learn through repetition, others through questions, practice, or discussion.
A platform that supports several forms of interaction can serve more learning styles and levels of confidence.
4. Parents and teachers are part of the student experience
Online tutoring works better when teachers can support learning through the platform and parents can understand progress.
The student should not carry the entire burden of managing online learning alone. A connected ecosystem strengthens accountability and encouragement.
5. Good UX can make difficult subjects feel more approachable
Mathematics, Physics, and Chemistry can be challenging subjects. A confusing platform adds unnecessary difficulty.
Clear design allows students to focus on the concepts rather than the technology. Usability becomes part of educational support.
6. Reliability is a teaching requirement
Video playback failures, browser bugs, and slow loading can interrupt concentration and weaken trust in the platform.
Technical quality is therefore not separate from teaching quality. Students need reliable access to the lesson before they can benefit from it.
7. Community features should remain connected to learning
Social and group features are valuable when they encourage students to ask, explain, practice, and support one another.
The platform should ensure that interaction strengthens academic progress rather than becoming disconnected activity.
8. Learning platforms should support progress across roles
Students, teachers, and parents each contribute to learning outcomes.
A strong platform provides each group with the access and visibility needed to support the student. The result is more sustainable than a system designed only for content consumption.
Strategic Insights for the C-Suite
- Build e-learning around the full learning loop. Content delivery is only one stage. Students also need practice, questions, feedback, collaboration, and progress visibility to turn access into understanding.
- Design for real-world access conditions. Resolution controls, responsive layouts, and reliable playback help ensure that connectivity and device differences do not become barriers to learning.
- Create value for the full learning ecosystem. Students need engaging tools, teachers need management and support functions, and parents need visibility. All three roles influence educational outcomes.
- Use social features to deepen learning, not distract from it. Group study, questions, comments, and community interaction should be connected to academic progress and shared understanding.
- Treat technical reliability as part of educational quality. Browser compatibility, performance, and stable video access directly affect concentration, trust, and learning continuity. Infrastructure and UX must be planned together.
