Project

Showcase

|


#2 Product Carousel Design Concept


With the various types of cards or products that Telkomsel has, the information needed by customers is also varies to match what card services they use.On the website each type of card has its own page for detailed information.

Currently there are at least 3 types of cards owned by Telkomsel with various packages and promos made specifically for each card type.

#2 Konsep Desain Carousel Produk


Dengan beragamnya jenis kartu atau produk yang dimiliki Telkomsel, informasi yang dibutuhkan oleh pelanggan juga berbeda-beda untuk menyesuaikan dengan layanan kartu apa yang digunakan olehnya. Pada website setiap jenis kartu memiliki halamannya tersendiri untuk mendapatkan informasi lebih lanjut.

Saat ini setidaknya ada 3 jenis kartu yang dimiliki oleh Telkomsel dengan berbagai macam paket serta promo yang dibuat khusus untuk masing-masing kartu.

Defining Problem


The various types of cards and packages available can create confusion for user because there are user who do not know what card to use and what types of cards Telkomsel have. The frustation was obtained from the results of user feedback when we conducted an ideation session to discuss some of the feedback given.

From the types of cards available, there are various packages and services that are different for each type of card. Currently this information can be read or access when the user knows the type of card and goes to the detail page of the card type.

By making the users to navigate to several pages on the website to find information about products, it ineffective for not showing the information directly and makes the process of searching for information hard enough.

Mendefinisikan Masalah


Beragamnya jenis kartu dan paket yang ada dapat membuat kebingungan karena ada pelanggan yang tidak mengetahui kartu apa yang digunakan dan ada apa saja jenis kartu yang dimiliki Telkomsel. Hal tersebut didapatkan dari hasil feedback user ketika kami melakukan sesi ideation untuk membahas beberapa feedback yang diberikan.

Dari jenis kartu yang ada, terdapat berbagai paket dan layanan yang berbeda untuk setiap jenis kartu. Saat ini informasi tersebut dapat dilihat ketika user telah mengetahui jenis kartu dan menuju halaman detil jenis kartu tersebut.

Dengan mengharuskan user untuk bernavigasi ke beberapa halaman dalam website untuk mencari informasi mengenai produk membuat adanya ketidak mudahan dalam menampilkan informasi secara langsung dan membuat proses mencari informasi tidak efektif.
Product Carousel Design Concept Product Carousel Design Concept Product Carousel Design Concept

Ideate & Prototype


With the need for ease and clarity of information needed by users to find information about Telkomsel products, the main outline of the solution that needs to be made is how to display product information completely and matched with what is needed by the user.

How Might We (HMW)


  • How might we make all cards type can easily known by user?
  • How might we inform the difference between card type?
  • How might we show the variety of package each card have and matched with the user card type?

Ide & Prototipe


Dengan kebutuhan kemudahan dan kejelasan informasi yang dibutuhkan user untuk menemukan informasi mengenai produk Telkomsel, maka garis besar dari solusi yang perlu dibuat adalah bagaimana cara untuk menampilkan informasi produk yang ada secara lengkap dan sesuai dengan yang dibutuhkan oleh user.

How Might We (HMW)


  • Bagaimana caranya agar semua jenis kartu dapat dengan mudah diketahui oleh pengguna?
  • Bagaimana cara kita dapat menginformasikan perbedaan antara jenis kartu?
  • Bagaimana cara kita menunjukkan variasi paket yang dimiliki setiap kartu dan dicocokkan dengan jenis kartu pengguna?

Results


We came up with multiple ideas and ways to showcase the different types of cards and packages available. One of the designs that we think is the most likely to be made is the concept of displaying various types of cards in the form of a carousel that the user can slide to the match card used.

The carousel design follows familiar elements on the website, with sharp and blunt edges like the Telkomsel's logo with the name of the card type. This is to continue the design style on the website so that it blend in as a new element that can also user interact on the Telkomsel.com homepage.

The order of products displayed by the carousel is also adjusted to the card with the most user. The image and name of the card type will change when the user presses the arrow button. The "View package options" button will change the list of packages under the carousel and the "More details" button will direct the user to the details page of the selected card type.

For the card design, the package selection uses the same elements as those on each card type detail page.

Hasil Akhir


Kami muncul dengan berbagai ide dan cara untuk menampilkan beragam jenis kartu dan paket yang ada. Salah satu desain yang menurut kami paling mungkin untuk dibuat adalah konsep menampilkan berbagai jenis kartu dengan bentuk carousel yang dapat user geser ke kartu yang sesuai dengan yang digunakan.

Desain bentuk carousel mengikut bentuk elemen yang familiar pada website yaitu dengan ujung-ujung yang lancip dan tumpul seperti logo dari Telkomsel dengan teks nama jenis kartu. Hal ini untuk meneruskan design style pada website agar tetap menyatu sebagai elemen baru yang juga dapat berinteraksi dengan user pada halaman utama Telkomsel.com.

Urutan produk yang ditampilkan oleh carousel juga disesuaikan dengan jumlah pengguna jenis kartu terbanyak. Gambar dan nama jenis kartu akan berganti ketika user menekan tombol panah yang ada. Tombol “Lihat pilihan paket” akan mengubah daftar paket yang ada di bawah carousel dan tombol “Selengkapnya” akan mengarahkan user ke halaman detil jenis kartu yang dipilih.

Untuk desain card pilihan paket menggunakan elemen yang sama seperti yang sudah ada pada tiap halaman detil jenis kartu.
Product Carousel Design Concept Product Carousel Design Concept Product Carousel Design Concept

Key Takeaways


This design project trains my empathy as a solution designer as well as user interaction design to be able to sense user confusion when searching for information that they are also unsure of what to look for. By making this solution, I also learned how to help users minimize the amount of input and interaction needed to do an activity.

Pelajaran yang Didapatkan


Projek desain ini melatih empati saya sebagai perancang solusi dan juga desain tatap muka untuk dapat merasakan kebingungan user pada saat mencari informasi yang mereka juga tidak yakin tentang apa yang harus mereka cari. Dengan membuat solusi ini juga saya belajar untuk bagaimana dapat membantu user dalam meminimalisir banyaknya input dan interaksi yang dibutuhkan untuk mengerjakan sebuah kegiatan.

Final

Design

Product Carousel Showcase Design Concept
Product Carousel Showcase Design Concept