Objective Employing three cycles of Design Science Research (DSR) to develop a mobile app ‘ESSC (Excellent Self Supervised HIV Care)’ to improve self-management among people living with HIV (PLWH). Methods This study is based on the DSR framework comprising three iterative cycles. In the Relevance cycle, PLWH participated in a survey of mobile health (mHealth) experiences and needs. In the Rigor cycle, the information-motivation-behavioural skills (IMB) model was applied to foundations of the app, and HIV specialists verified the contents. Experts evaluated the heuristic system and the app quality with the Mobile Application Rating Scale (MARS). In the Design cycle, ESSC was built on the findings of the other two cycles, and end-users tested the usability using uMARS. Results The contents of the app were developed based on user requirements. The IMB model led ESSC to supplement motivational components for self-management, which built five functions: information contents; health life records including mental and sexual health; interactive counselling with healthcare providers; setting health goals after watching videos; and my page for self-reflection. To reduce social stigma and promote acceptance of the information-driven app, we created animated characters with neutral and bright features. The HIV specialists evaluated content validity as highly appropriate. The MARS score by the overall raters was between 3- acceptable and 4- good: functionality, 4.38; information, 4.12; aesthetics, 3.96; engagement, 3.37; and subjective quality, 3.25. Conclusions The DSR approach is effective for implementing usable and useful mHealth. The ESSC app would be feasible and contribute PLWH to retention in care.