Bridging UX Design and Front-End Development: A Trauma-Informed AI Avatar Chat Application for Youth Justice Support

Mulia, Shafa Kirana (2026) Bridging UX Design and Front-End Development: A Trauma-Informed AI Avatar Chat Application for Youth Justice Support. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 5025221078-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only Download (5MB) | Request a copy

Abstract

Anak muda dalam sistem peradilan anak di Queensland sering kali memiliki pengalaman trauma dan kebutuhan dukungan yang belum terpenuhi, sehingga proses dukungan konvensional dapat terasa sulit atau kurang nyaman untuk dijalani. Proyek ini mengeksplorasi bagaimana prinsip trauma-informed, yaitu keamanan, pilihan, dan kepercayaan, dapat diterapkan dalam desain frontend untuk sebuah platform digital yang mendukung anak muda tersebut melalui pendamping avatar AI yang dipersonalisasi. Proyek Akhir ini berfokus pada perancangan pengalaman pengguna dan implementasi frontend, termasuk fitur homepage, avatar builder, dan mood check-in yang dikembangkan menggunakan pendekatan agile berbasis sprint dengan Next.js, React, dan Tailwind CSS. Keputusan desain utama mencakup dukungan bagi pengguna anonim maupun pengguna yang telah terautentikasi tanpa membatasi akses ke fitur utama, memungkinkan personalisasi avatar tanpa bergantung pada status login, serta menjadikan mood check-in sebagai fitur opsional, bukan suatu keharusan. Proyek ini menunjukkan bagaimana prinsip trauma-informed dapat diwujudkan dalam desain antarmuka digital melalui keputusan yang berfokus pada pilihan pengguna, personalisasi, dan kemudahan akses. Evaluasi lebih lanjut bersama kelompok pengguna target dapat membantu memahami apakah keputusan desain tersebut mampu menciptakan pengalaman pengguna yang sesuai dengan tujuan awal.
=====================================================================================================================================
Young people in Queensland's youth justice system often have experiences of trauma and unmet support needs, which can make traditional support processes feel challenging or difficult to engage with. This project investigates how trauma-informed principles of safety, choice, and trust can be applied to frontend design for a digital platform that supports these young people through a personalised AI avatar companion. This Final Project focuses on the user experience design and frontend implementation, including the homepage, avatar builder, and mood check-in features developed using an agile, sprint-based approach with Next.js, React, and Tailwind CSS. Key design decisions included supporting both anonymous and authenticated users without limiting access to core features, enabling avatar personalisation regardless of login status, and making emotional check-ins optional rather than required. This project applied trauma-informed principles to the design of a digital interface by focusing on practical decisions around user choice, personalisation, and access. Future evaluation with the target user group would help determine whether these choices create the intended user experience.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	Trauma-Informed Design, User Experience, Frontend Development, Avatar Personalisation, Youth Justice. Desain Trauma-Informed, Pengalaman Pengguna, Pengembangan Frontend, Personalisasi Avatar, Peradilan Anak
Subjects:	B Philosophy. Psychology. Religion > BF Psychology T Technology > T Technology (General) T Technology > T Technology (General) > T59.7 Human-machine systems.
Divisions:	Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Shafa Kirana Mulia
Date Deposited:	28 Jul 2026 06:16
Last Modified:	28 Jul 2026 06:16
URI:	http://repository.its.ac.id/id/eprint/138583

Actions (login required)

View Item