Prototype Aplikasi – User Interface Design

Proyek pembuatan aplikasi yang diawali dengan perancang antarmuka (UX designer)  membuat deliverables sebagai alat untuk berkomunikasi. Secara umum  deliverables meliputi wireframe, mockup dan prototype.  Prototype adalah deliverables dinamis dan sudah dapat merespon setelah di-klik, sedangkan Wireframe dan mockup merupakan deliverables yang bersifat statis.  Mockup adalah Dynamic deliverable yang bersifat high fidelity design sedangkan wireframe adalah  Dynamic deliverable yang bersifat low fidelity design.

Wireframe dapat disebut sebagai blueprint dalam arsitektur aplikasi. Tujuannya  bukan desain visual, namun menyampaikan susunan, struktur, layout, navigasi dan organisir konten. Wireframe dibuat dengan menggunakan warna hitam putih, karena lebih menekankan isi dari konten.

Mockup menyampaikan aspek visual design, termasuk gambar, warna, dan tipografi. Mockup memberikan gambaran secara detail sebelum produk dibuat berdasarkan perspektif pengguna.

Prototype merupakan design interaktif yang sudah dapat diklik dan  akan mendapat respon aksi dari pengguna. Prototype mensimulasikan bagaimana user berinteraksi dengan antar muka secara nyata, meningkatkan komunikasi yang efektif sehingga memungkinkan perancang sistem untuk menguji user journey dan menemukan masalah potensial pada tahap awal. Prototype dapat dibuat menggunakan tools design dan dapat juga dengan menggunakan Software Developer tools. Prototype yang dibuat menggunakan software developer tools disebut dengan Language Prototype Design. Kelebihan language prototype design adalah mempercepat proses software development execution karena sudah menggunakan antar muka pada tools tersebut dan menghasilkan code program, namun kelemahannya pengembang aplikasi dibatasi dalam mengembangkan pada bahasa pemrograman yang lain.

Berikut kumpulan Prototype aplikasi-aplikasi yang dibuat oleh mahasiswa semester 2 pada matakuliah Design Antarmuka pengguna angkatan 2018.

#Group-A

  1. DC Extended Universe (aplikasi live streaming, informasi terkait dengan DC)  oleh Mario Angelo Kevin Buga Langoday : wireframe, prototype dengan mockingbot, video-design
  2. Instrumen (Aplikasi Instrumen Sekolah berbasis android) oleh Adrianus Hernowo Wahyu Pandito: wire-frameprototype dengan mockingbot, video-design.
  3. BOLA (Baju Olah RAga adalah layanan aplikasi penjualan online baju oleh raga) oleh Onastatia Sahartian Onastatia Sahartian: wire-frameprototype dengan AdobeXD, video-design.
  4. MegaPict.id (Aplikasi  jasa dokumentasi untuk berbagai acara) oleh Indana Nazulfa: wire-frameprototype dengan AdobeXD, video-design.
  5. Nusantara (Aplikasi tiket pemesanan dan paket wisata)  oleh  Yulian Tino Lesta: wire-frame, prototype dengan AdobeXD, video-design.
  6. Bacain (Aplikasi jual buku online)  oleh  Abyan Akbar Indroyono: wire-frameprototype dengan AdobeXD, video-design.
  7. SIX Game Store (Aplikasi untuk jual beli game dan peralatannya)  oleh  Leonardo Gunawan: wire-frameprototype dengan mockingbot, video-design.
  8. NewsiCyCa (Aplikasi sistem informasi Cyber Campus versi Mobile)  oleh  Calvin Young: wire-frameprototype dengan AdobeXD, video-design.
  9. Komputerku (Aplikasi toko komputer online berbasis mobile android)  oleh  Kevin Owen David Kurniawan: wire-frameprototype dengan AdobeXD, video-design.
  10. SmartCity (Aplikasi menampilkan informasi tentang kota dan pelaporan masalah perkotaan)  oleh  Deo Marvin Yahya: wire-frame, Language prototype dengan CSS , video-design.
  11. YokOlahRaga (Aplikasi untuk persewaan tempat olah raga terdekat dari lokasi kita) oleh  Irvan Adi: wire-frameprototype, video-design.
  12. E-Service (Aplikasi untuk service gadged Online berbasis Android)  oleh  Aldo Julianto: wire-frameprototype dengan mockingbot, video-design.
  13. Farmasi-Care (Aplikasi untuk pembelian obat melalui apotik-apotik yang terdaftar)  oleh  Michael Vinsent Djulianto: wire-frameprototype dengan AdobeXD, video-design.
  14. Aplikasi  oleh  Reiki Arlansyah Rokhani: wire-frame, prototype, video-design.
  15. KATROL (Aplikasi untuk menghubungkan para UKM bidang katering sebagai ajang promo dan jembatan transaksi)  oleh  Aprianto: wire-frameprototype dengan AdobeXD, video-design.
  16. PET-CARE (Aplikasi untuk pemeliharaan hewan dan kebutuhannya)  oleh  M. Dimas Aditya Pamungkas: wire-frameprototype dengan mockingbot, video-design.
  17. Rent-Trans (Aplikasi untuk persewaan sarana transportasi meliputi mobil, sepeda motor, Bus, Private Jet, Kereta Api, Sepeda, Heli Kopter, JetSky, Kapal Pribadi)  oleh  Meisya Jala Girinda: wire-frameprototype menggunakan AdobeXD, video-design.
  18. MakeUpbyMe (Aplikasi untuk penjualan makeUP dan tutorialnya)  oleh  Sahla Salsalbila Arza Saat: wire-frameprototype dengan mockingbot, video-design.
  19. E-Sekolah (Aplikasi untuk sistem informasi tentang presensi, nilai, peminjaman buku, portal berita sekolah)  oleh  Moh. Nofi Oke I Bagus Putra: wire-frameprototype dengan mockingbot, video-design.
  20. KONVEKS (Aplikasi untuk pemesanan baju dalam jumlah partai)  oleh  Rifqi Ahmad Alhuwaidi: wire-frame, prototype dengan mockingbot, video-design.
  21. WaveAccustica Aplikasi  oleh  Toddi Erlangga: wire-frameprototype dengan Mockingbird, video-design.
  22. AdaEvent (Aplikasi untuk melihat informasi tentang event dan create event)  oleh  Reva Eka Prasetyo: wire-frameprototype dengan AdobeXD, video-design.
  23. OnlineStore (Aplikasi untuk transaksi jual beli online) oleh  Jacky Setiawan: wire-frameprototype dengan mockingbot, video-design.
  24. JalanYOK (Aplikasi untuk traveling dan pemesanan tiket)  oleh  Azril Hari Nugroho: wire-frame, prototype dengan AdobeXD, video-design.
  25. Crita.co (Aplikasi untuk e-book mobile)  oleh  Nikolaus Christian Aditama: wire-frame, prototype dengan AdobeXD, video-design.
  26. OLShopku (Aplikasi untuk penjualan baju online)  oleh  Isnaini Hayati: wire-frameprototype dengan mockingbot, video-design.
  27. J-property (Aplikasi untuk jual beli rumah) oleh Abraham Filipo : wire-frameprototype dengan AdobeXD, video-design.

#Group-B

  1. e-Gorgeous (Aplikasi untuk makelar kecantikan) oleh  Kristin Angelina: wire-frameprototype dengan mockingbot, video-design.
  2. E-Klontong (Aplikasi untuk jual beli bahan kebutuhan pokok) oleh  Muhammad Ilhamil Mi’roj: wire-frameprototype dengan mockingbot, video-design.
  3. Sikat Narkoba (Aplikasi untuk melaporkan tentang kejadian penyalahgunaan narkoba merupakan redesign dari aplikasi SikatNarkoba propinsi Jawa Tengah)  oleh  Melania Rizky Eka Putri: wire-frameprototype dengan mockingbot, video-design.
  4. Sematik (Aplikasi untuk sewa motor dan mobil)  oleh  Theo Pande Nandito Sinaga: wire-frameprototype dengan AdobeXD, video-design, video-using.
  5. Ovra Make-up (Aplikasi untuk menjual makeUp dan untuk memanggil perias ke rumah) oleh  Meilinda Nurqasanah: wire-frameprototype dengan mockingbot, video-design.
  6. Healthier (Aplikasi untuk memesan obat secara online, pemesanan ambulan dan konsultasi kesehatan) oleh  Anisah Nadiyah Fatin: wire-frameprototype dengan mockingbot, video-design.
  7. Popuri E-Store (Aplikasi untuk penjualan personal untuk merchandise berbasis web) oleh  Aditya Lila Saputra: wire-frameprototype dengan AdobeXD, video-design.
  8. Schoolink (Aplikasi  untuk menampilkan info-info di lingkup sekolah) oleh  Aditya Ramadhan: wire-frameprototype dengan AdobeXD, video-design.
  9. RemoteJOBS (Aplikasi untuk marketplace freelancer)   oleh  Muhamad Lutfhan Nugraha Sani: wire-frame,file Design Prototype, Hasil prototype dengan Gravit Designer, video-howto, video-design.
  10. Petshop (Aplikasi untuk jual beli produk-produk kebutuhan hewan piaraan)  oleh  Muhamad Risqiwahid: wire-frameprototype  menggunakan mockingbot, video-design.
  11. Mundo (Aplikasi untuk mencari event, mencari lokasi event dan menyewakan lokasi event)  oleh  Djatu Hamidan Ardiwinanto: wire-frameprototype, video-design.
  12. Penjualantiket (Aplikasi untuk pemesanan tiket pesawat dan kereta api)  oleh  Alif Maulana Muhammad: wire-frameprototype menggunakan AdobeXD, video-design.
  13. Kursus Bahasa (Aplikasi  untuk kursus segala jenis bahasa) oleh  Nabila Intan Assaufa: wire-frameprototype menggunakan mockingbot, video-design.
  14. Fire Netz (Aplikasi untuk menyimpan foto secara otomatis) oleh  Audrey Cinderry Kala: wire-frameprototype dengan mockingbot, video-design.
  15. Penjualan Online FreshTime (Aplikasi untuk penjualan online produk-produk sayur, buah, dan makanan beku) oleh  Aditya Nur Farika: wire-frameprototype dengan mockingbot, video-tutorial, video-design.
  16. Travel Adict (Aplikasi untuk penjualan tiket travel) oleh  Muhammad Miftahul Hadi: wire-frameprototype dengan AdobeXD, video-design.
  17. SUNMORI (Aplikasi  untuk cuci motor panggilan kerumah) oleh  Fabian Daffa Rafrisah: wire-frameprototype dengan AdobeXD, video-design.
  18. Redesain Dana (Aplikasi untuk pembayaran elektronik) oleh  Muchammad Tedy Adiaksa: wire-frameprototype dengan AdobeXD, video-design.
  19. Re-Design PegiPegi (Aplikasi penjualan tiket)  oleh  Muhammad Muchlis Riski: wire-frameprototype dengan AdobeXD, video-design.
  20. LiRoom (Aplikasi  pemesanan buku) oleh  Nagia panji yudha pratama: wire-frameprototype dengan mockingbot, video-design.
  21. Re-Design SiCyca Stikom (Aplikasi untuk sistem informasi siber campus)  oleh  Dwi Ari Wijaya: wire-frameprototype dengan AdobeXD, video-design.
  22. goTravel (Aplikasi   Travel berbasis Mobile Devices) oleh  Aldito Doni Pasha: wire-frameprototype menggunakan AdobeXD, video-design.
  23. CangZ-In (Aplikasi  oleh  Mohammad Reza: wire-frame, prototype, video-design.
  24. Enjoi-SecondStore (Aplikasi  jual beli barang bekas ) oleh  Mochammad Sofyan Fanani: wire-frameprototype dengan mockingbot, video-design.
  25. Klimis (Aplikasi booking antrian untuk potong rambut) oleh Rizal Refandi : Klimis, Prototype dengan AdobeXD, video-design

Wireframe berbagai Aplikasi tugas Matakuliah Desain Antarmuka Pengguna kelas Q1

  1. e-Gorgeous, wireframe aplikasi makelar kecantikan oleh Kristin Angelina
  2. E-Klontong, wireframe aplikasi jual beli kebutuhan sehari-hari oleh Muhammad Ilhamil Mi’roj
  3. Sikat Narkoba, wireframe aplikasi untuk konsultasi tentang Narkoba oleh Melania Rizky Eka Putri
  4. Sematik, wareframe aplikasi persewaan kendaraan oleh Theo Pande Nandito Sinaga
  5. Ovra Make-up, wireframe aplikasi layanan Make-up oleh Meilinda Nurqasanah
  6. Healthier, wireframe aplikasi layanan kesehatan, obat dan ambulan oleh Anisah Nadiyah Fatin
  7. Popuri E-Store, wireframe portal e-commerce oleh Aditya Lila Saputra
  8. Schoolink, wireframe aplikasi berbasis android sekolah oleh Aditya Ramadhan
  9. RemoteJOBS, wireframe aplikasi marketplace penjual jasa dan layanan oleh Muhamad Lutfhan Nugraha Sani
  10. Petshop, wireframe aplikasi  penjualan kebutuhan dan kunsultasi binatang piaraan oleh Muhamad Risqiwahid
  11. Mundo (Create and Buy Event With Ease), wireframe aplikasi  jual beli tiket, dan Event Organizer oleh Djatu Hamidan Ardiwinanto
  12. Penjualantiket, wireframe aplikasi  penjualan tiket Pesawat dan Kereta oleh Alif Maulana Muhammad
  13. Kursus Bahasa,  wireframe aplikasi mobile kursus berbagai bahasa oleh Nabila Intan Assaufa
  14. Fire Netz, wireframe  redesign Instagram oleh  Audrey Cinderry Kala
  15. Penjualan Online FreshTime, wireframe Penjualan Online oleh Aditya Nur Farika
  16. Travel Adict, wireframe paket wisata online oleh Muhammad Miftahul Hadi
  17. SUNMORI, wireframe aplikasi layanan mencuci sepeda motor berbasis aplikasi oleh Fabian Daffa Rafrisah
  18. Redesain Dana, wireframe Redisign aplikasi Dana oleh Muchammad Tedy Adiaksa
  19. Re-Design PegiPegi, wireframe Re-Design PegiPegi oleh Muhammad Muchlis Riski
  20. LiRoom, wireframe aplikasi pemesanan/pembelian buku oleh Nagia panji yudha pratama
  21. Re-Design SiCyca Stikom, wireframe re-design Sicyca Stikom Surabaya oleh Dwi Ari Wijaya
  22. goTravel, wireframe aplikasi Travel berbasis Mobile Devices oleh Aldito Doni Pasha
  23. CangZ-In, wireframe Booking Cafe oleh Mohammad Reza
  24. Enjoi-SecondStore, wireframe aplikasi penjualan barang bekas oleh Mochammad Sofyan Fanani

Wireframe berbagai Aplikasi tugas Matakuliah Desain Antarmuka Pengguna kelas O1

  1. Wireframe Project DC Extended Universe oleh Mario Angelo Kevin Buga Langoday
  2. Instrumen wireframe aplikasi sekolah oleh Adrianus Hernowo Wahyu Pandito
  3. Bola-Baju OlAh raga Wireframe layanan aplikasi penjualan online baju oleh raga oleh Onastatia Sahartian
  4. MegaPict oleh Indana Nazulfa
  5. Nusantara wireframe aplikasi layanan wisata oleh Yulian Tino Lesta
  6. Bacain  oleh Abyan Akbar Indroyono
  7. SIX Games Store wireframe untuk jual beli aksesoris untuk Game oleh Leonardo Gunawan
  8. NewSiCyCa wireframe Sistem Informasi Akademik Stikom Surabaya oleh Calvin Young
  9. Komputerku Wireframe aplikasi oleh Kevin Owen David Kurniawan
  10. Smart City Wireframe aplikasi Smart City di Indonesia oleh Deo Marvin Yahya
  11. Yok Olah Raga Wireframe pemesanan lapangan/sarana olah raga oleh Irvan Adi
  12. E-Service Wireframe aplikasi E-Service,aplikasi untuk pengguna gadget yang malas men-servis-kan gadget karena tidak ingin repot
  13. Farmasi-Care Wireframe aplikasi layanan farmasi oleh Michael Vinsent Djulianto
  14. E-Tilang CCTV Wireframe E-Tilang yg didukung dengan CCTV oleh Reiki Arlansyah Rokhani
  15. Katrol Wireframe Katering Online oleh Aprianto
  16. Pet-Care Wireframe layanan online pemeliharaan dan penjualan kebutuhan binatang piaraan oleh M. Dimas Aditya Pamungkas
  17. Rent-Trans, wireframe persewaan sarana transportasi oleh Meisya Jala Girinda
  18. MakeUpbyMe, wireframe layanan MakeUp oleh Sahla Salsalbila Arza Saat
  19. E-Sekolah, wireframe Sistem informasi sekolah oleh Moh. Nofi Oke I Bagus Putra
  20. konfek, wireframe penjualan partai barang-barang konfeksi Rifqi Ahmad Alhuwaidi
  21. WaveAccustica, wireframe aplikasi peminjaman alat musik oleh Toddi Erlangga
  22. AdaEvent, wireframe aplikasi pembuatan dan informasi event oleh Reva Eka Prasetyo
  23. OnlineStore, wireframe penjualan online oleh Jacky Setiawan
  24. JalanYok, wireframe travelling oleh Azril Hari Nugroho
  25. Crita.co, wireframe aplikasi tentang cerita oleh Nikolaus Christian Aditama
  26. J-Properti, wireframe aplikasi untuk jual beli rumah oleh Abraham Filipo
  27. OLShopKu, wireframe aplikasi penjualan baju online oleh Isnaini Hayati

Evolusi proses pengembangan perangkat lunak

Evolusi proses pengembangan perangkat lunak : 

  • Diagram pertama menggambarkan awal hari industri perangkat lunak, ketika programmer menginisiasi produk perangkat lunak, kemudian membangun dan menguji.
  • Pada era berikutnya, manajer profesional ikut andil untuk membantu memfasilitasi proses dengan menerjemahkan peluang pasar menjadi persyaratan produk.
  • Diagram ketiga, desainer grafis dibawa untuk membuat ikon dan elemen visual lainnya dalam proses pembuatan aplikasi.
  • Diagram akhir menunjukkan pendekatan Goal-Directed untuk pengembangan perangkat lunak, di mana keputusan tentang fitur, bentuk, dan perilaku aplikasi divisualisasikan dalam design antarmuka. Selanjutnya proses pengembangan disepakati dengan sejumlah biaya (software cost).

Referensi : Cooper, A., Reimann, R., Cronin, D., & Noessel, C. (2014). About face: the essentials of interaction design. John Wiley & Sons.

Daftar Menu Makanan seorang UI Design

Evolusi dalam pengembangan perangkat lunak (software engineering) saat ini menempatkan Design User Interface (UI) sebagai langkah awal yang harus dibuat sebelum code program dibuat. Untuk menghasilkan design User Interface (UI) yang sederhana, indah dan mudah digunakan, Adham Dannaway seorang produk designer,  memberikan rekomendasi bagi designer User Interface (UI) untuk mengkonsumsi buku-buku berikut agar didapat design yang sesuai dengan harapan.

Buku-buku tersebut adalah sebagai berikut :

  1. UI is Communication By Everett N McKay
  2. Designing with the Mind in Mind By Jeff Johnson
  3. Evil by Design By Chris Nodder
  4. Simple and Usable Web, Mobile, and Interaction Design By Giles Colborne
  5. Designing Interfaces By Jenifer Tidwell
  6. The Best Interface Is No Interface By Golden Krishna
  7. About Face: The Essentials of Interaction Design By Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel
  8. Don’t Make Me Think, Revisited By Steve Krug
  9. Digital Design Essentials By Rajesh Lal
  10. Interdisciplinary Interaction Design By James Pannafino

Sumber  : UI design books you should read By Adham Dannaway last updated on 23 May 2018

Evaluasi Heuristic Interaksi Manusia dan Komputer berbasis Usability

Menurut Molich dan Nielsen, suatu pendekatan dalam melakukan evaluasi heuristic antara manusia dengan mesin (man-machine) jika dikaitkan dengan kemudahan penggunaan (usability) meliputi hal-hal sebagai berikut :

  1. visibility of system status (feedback)
  2. Match between system and the real world (metaphor)
  3. User control and freedom (navigation)
  4. Consistency and standards (consistency)
  5. Error prevention (prevention)
  6. Recognition rather then recall (memory) 
  7. Flexibility and efficiency of use (efficiency)
  8. Aesthetic and minimalist design (design)
  9. Help users recognize, diagnose, and recovers from errors (recovery)
  10. Help and documentation (help)

Referensi :

Nielsen, J. dan Molich, R. (1990). “Heuristic evaluation of user interface”, in Proceedings of ACM Chi’90 Conference on Human Factors in Computing system, pp. 25-62.

Final Projects User Interface Design 2018

Desain Antarmuka Pengguna/User Interface Design) atau rekayasa antarmuka pengguna adalah desain untuk komputer, peralatan, mesin, perangkat komunikasi mobile, aplikasi perangkat lunak, dan situs web yang berfokus pada pengalaman pengguna (User Experience) dan interaksi.

Berikut hasil karya Project Akhir  Design User Interface berbagai Aplikasi dan Video pemaparan dari Design yang sudah dibuat oleh mahasiswa program Studi Sistem Informasi Stikom Surabaya.

Kelas P1 Mata kuliah Design Antar Muka Pengguna (MK Semester Dua):

  1. Sistem informasi perpustakaan berbasis Web by Arda Fikri S.:Design,  Video-1, Video-2
  2. Indonesia Trade by Noel Godzallez : Design1, Design2, Video1, Video2
  3. T-Culture by Graciela Evanda Ronadi : Design, Video1, Video2, Video3
  4. K-DShop by Rofi Wahyudi : Design, Video
  5. Sinau by Denandra Putra : Design, Video
  6. Let’s Chat by Reynaldi Himawan Fanani : Design, Video1, Video2
  7. Celestial Travel by Yushar Yusof : Design, Video
  8. Bytes Film by Dwiky Hidayat : Design, Video
  9. Health One by Dimas Fitrah Maulana : Design, Video
  10. Desain (LINECTED) by Enrico Chandra Hartono : Design1, Design2, Video 
  11. Lelang Online by Arif Prasetiyo Utomo : Design, Video
  12. JackSound by Fadhli Dzil Ikhram I.P. : Design, Video
  13. Khitan by Rizaldy Pasya Wijaya : Design, Video
  14. Better Trip by Rafif Akbar : Design, Video1, Video2
  15. Pembayaran Online by Alhidayah : Design, Video1, Video2
  16. Treatment Sepatu by Bima Lestya : Design, Video1, Video2
  17. DGame Store by Gde Yandika Putrawan : Design1, Design2, Design3, Video1, Video2
  18. Rocknation by Adwin Oktavian T. : Design, Video1, Video2
  19. Muson (Museum Online) by Yholandha Martha R. A. : Design, Video
  20. Mediccal, aplikasi dokter Online by Gita Puspita Sari : Design, Video
  21. Aplikasi SanStrip (Pemesanan Hotel) by Satya Agatha F. : Design, Video1, Video2
  22. Co-Coach by Heryawan Wisnuyana : Design, Video
  23. Lease Camera by Achmad Lukman Hakim : Design, Video
  24. Wash my Car by Susilo Bayu Aji : Design, Video
  25. Empek-empek bu Rusdi by Rakha Hardi : Design, Video

Kelas Q1 Mata kuliah Design Antar Muka Pengguna (MK Semester Dua):

  1. Desain Antar Muka Aplikasi World comic by Habiburrohman : Design, Video
  2. Desain Antarmuka Pengguna  (ZOYA) by Muhsin Habib : Design1, Design2, Video
  3. Redesign Wattpad to Bluebooks by Egakania Wijaya : Design, Video
  4. Redesign Instagram Menjadi MyGram by Delvia Sunarno Putri : Design, Video
  5. Tutorial Aplikasi GoFlight by Ekky Febrihandani Rahmawati : Design, Video
  6. Redesign Twitter menjadi Tweety by Karenina Zaskiya Belkis : Design, Video
  7. I Game by Irvan Adi Santoso : Design, Video
  8. Play my Film by Tito Dwiki Darmawan :  Design, Video1, Video2
  9. Pemesanan Tiket Kebun Binatang by Shofa Wardatul Jannah : Design, Video
  10. Pemesanan menu makanan Cengkir Resto by Hanifah Lazuardy E. S. : Design, Video
  11. Hi Rencar and Travel by Atika Wardhani R. : Design, Video
  12. Helios Applikasi Testing Kepribadian by Gede Kitchen Batara : Design, Video
  13. Aplikasi Apotech by Kalingga Razak : Design, Video
  14. Penjualan Tiket Pesawat by Rahmat Aris : Design, Video
  15. Penjualan Batik Online by Muhammad Alvin Agung G. : Design, Video
  16. Paket Pernikahan by Harris Dwi Putranda : Design, Video
  17. Live.TV by Amrizal Rizky Fajar : Design, Video
  18. Cookpedia by Edvan Perdana Sandjaya : Design, Video
  19. Dream House by Ferry : Design, Video
  20. My Coffee by Muhamad Afif S. : Design, Video
  21. Toko Online Retail Alas Kaki – prospect by Hafidz Widyanto : Design, Video