• Lina Lina Fakultas Teknologi Informasi, Universitas Tarumanagara. Gedung R, Lantai 11, Kampus 1, Jl. Letjen. S. Parman No. 1, Jakarta 11440.



Tarakanita Foundation is a Catholic Education Foundation which is engaged in educational services. Tarakanita Foundation oversees several schools operating in various regions in Indonesia. Along with the pandemic due to the Covid-19 virus, the Tarakanita Foundation has also complied with the Indonesian government's regulations regarding the enactment of restrictions on community activities. For this reason, Tarakanita Foundation also limits the number of personnel (leaders and staff) who are tasked with carrying out daily operational activities at the office location. As a result, the administrative activities of correspondence at Tarakanita Foundation which had been carried out in the form of manual recording by staff by being physically present at the office became somewhat hampered. Another way that has been taken by the Tarakanita Foundation is to use social media such as the Whatsapp application, using e-mail, and other applications to coordinate related to mail administration. However, all existing applications are only able to send or receive letters from one party to another without being able to search or record mail history. In fact, it is not uncommon for a letter to go through many stages of a process that involves more than two parties. Realizing the limitations it faces, the Tarakanita Foundation needs a new website-based media that will be designed to allow unit leaders and related staff to do online mail processing that can be done anytime and anywhere. As a first step, the community service activity team (PKM) will design a wireframe website for tracking letters for the Tarakanita Foundation. The process of creating a website wireframe will allow all components on the website such as banners, headers, content, footers, links, forms, and others to be arranged according to the desired layout. This stage is very important to do before the website will be transformed into a neater visual design and the development of a complete website application in the end.


Ramadhan, M. F. dan Fajarita, L., 2018. Pembuatan Aplikasi Sistem Informasi Administrasi Surat Menyurat Studi Kasus: Kesekretariatan Badan Eksekutif Mahasiswa Universitas Budi Luhur, Jurnal IDEALIS, 1(1), pp. 106-112.

Yayasan Tarakanita [Internet]. Yayasan Tarakanita [cited 2022 Jan 25]. Available from:

Segara, A., 2019. Penerapan Pola Tata Letak (Layout Pattern) pada Wireframing Halaman Situs Web, Jurnal Magenta, 3(1), pp. 452-464.

Hartawan, M. S., 2022. Penerapan User Centered Design (UCD) pada Wireframe Desain User Interface dan User Experience Aplikasi Sinopsis Film, Jurnal Elektro & Informatika, 2(1), pp. 43-47.

Zulkarnain, A., 2019. Penerapan Mobile-First Design pada Antarmuka Website Profil Sekolah menggunakan Metode Human-Centred Design, Jurnal Ilmiah Teknologi Informasi Asia, 13(2), pp. 125-136.

Rudiana, R. dan Sutisna, M. A., 2021. Sistem Pengelolaan Administrasi Simpan Pinjam Berbasis Web pada Koperasi Mitra, Jurnal Visualika, 7(2), pp. 70-83.

Susanto, A. dan Asmira, 2017. Perancangan Website Sebagai Media Promosi dan Informasi Menggunakan Metode Web Engineering. Jurnal SIMKOM, 2(3), pp. 9-17.