The use of gamification in an e-learning system has been shown to have a positive impact on motivation and learning achievement. Online collaborative learning that utilizes a gamification system has the potential to increase student engagement in the collaboration process. Unfortunately, current research related to the relationship between gamification elements and the participation of online collaborative learning is still limited. This study aims to design a gamification-based online collaborative learning feature in SoloLearn. This study uses the Mechanics, Dynamics, Aesthetics framework to analyze elements in gamification and user-centered design method to create interface design. This research is guided by theoretical foundations such as the influence factors of student participation in online collaborative learning, aspects of a game, and the interface design principles of Shneiderman's Eight Golden Rules of Interface Design, to produce seven alternative designs. Evaluation of the design was carried out by applying contextual interviews. The results showed that all alternative designs were accepted by the respondents in terms of motivating and helping the learning process in the SoloLearn application. The online survey involving 61 respondents exhibits that the proposed application on SoloLearn is satisfactory. However, some improvements are suggested.