Graphic Design Portfolio Joshua Aditya 2019
Curriculum Vitae
JOSHUA ADI T YA , s. a rs
Hello! My name is Joshua Aditya or you can call me Jodit. I‘m a 22 y from Institut Teknologi Bandung.
I have passions in learning about new things and creative d experimenting creative and interactive interface, graphic design,
I have designed several books and some of them have been regi
Education
Work Experience
2019 Architecture Undergraduate Program Institut Teknologi Bandung (GPA 3.22/4.00)
2019 Decoration Team Volunteer at Digiviz Conference 2019
2015 Science Program Saint Aloysius Senior High School Bandung
Organization Experience 2018 Exhibition Division Gaung Bandung 67 Supervisory Division Badan Perwakilan Anggota IMA-G 2017 Disciplinary Commission Pemilu IMA-G 2017 Graphic Design Division Gaung Bandung 66 2016 Vice Leader Kuliah Lapangan Arsitektur ITB “Lombok” Graphic Design Division Gaung Bandung 65 “Lustrum” 2015 Head of Graphic Design TPB Cup Badminton ITB 2015 2
Junior Architect Intern PT Airmas Asri (Architecture Consultant) 3 months Book Layouter and Designer Documentation Book Summercamp Architecture ITB 2018 Book Layouter and Designer “Green Building Architecture” Teaching Module Book Layouter and Designer Architecture ITB 2015 Excursion
Skill Creative Software - XD - Photoshop - Illustrator - InDesign - Lightroom - Premier Pro
Architecture Software - AutoCAD - Revit - Sketchup - V-ray - Lumion - Rhino3D
Soft Skill - Research - Concepting - Analyzing - Problem solving - Teamwork - Design thinking
Language - Bahasa - English
Curriculum Vitae
Date of Birth Bandung, 20 April 1997
s.
years old Bachelor of Architecture
design process. I’m interested in , book layouting, and architecture.
istered internationaly.
Address Jl. Menes no. 62. Bandung Phone +62 8156 100 885 Email joshuaaditya87@gmail.com LinkedIn linked/joshuaaditya
Seminar and Workshop
Competition Experience
2019 UI / UX Bootcamp - HMIF from Computer Science Student Association ITB
2019 Propan Architectural Design Competition “Information center” Designing an information center that explaining tourism and culture around Borobudur.
Exploration In Parametric Design Vol. II with Bekraf Creative Labs 2019 Collaborative Planning of Tourism Developments from PT Townland Indonesia Collaborative Planing of Transit Oriented Development from PT Townland Indonesia 2018 Design Philosophy of Snohetta Architects No Money Project from Ng Sek San 2017 Design of Earthquake Resistant Structures in Tall and Wide Span Buildings with Sugeng Wijanto, PhD from PT Gistama Intisemesta
FuturArc Competiton 2019 “Hyperdensity” Developing 1km2 area to make sustainable hyper-dense city. 2018 TKI MAI XXXIII “Monumen Budaya Bangsa” Designing a monument to mark Palu as a National Cultural City. ITB Jatinangor Canteen Design Redesign the exsiting canteen on ITB Jatinangor. 120 hours “International Architecture Competition” Designing a communal space to trigger people interaction.
High Rise Building Structure in Indonesia with Ir. Davy Sukamta from PT Davy Sukamta & Partners
3
4
UI UX
5
UI/ UX
R E D ES I G N : B C A Mobi l e 2019 Self practice BCA is one of the largest banks in Southeast Asia and as one of the first banks to carry the cardless concept, helping people who often forget to bring their cards. I feel the design of this application needs to be redeveloped. Since I was in high school (about 7 years ago) the design of this application has not changed much. Unlike the other mobile banking applications that have carried a minimalist design.
Design Thinking
In this practice, i use this double diamond design thinking until prototyping in deliver’s step.
Observing Existing Apps For me, I like the simplicity of the application. But, in my opinion I don’t like the design of the application. I think the application need some modern redesign and there are rooms for improvement. (Nikolas, Researcher, 22 y.o.)
It looks kind of old fashioned, like I am looking at 90s game. But I like the straightforwardness of how we can choose the features through the lists, it doesn’t make our eyes tired to search both horizontally and vertically. (Ardelia, Graduate student, 22 y.o.) 6
UI/ UX
User Persona Millenials (College Students, Fresh graduates) • •
20 – 25 y.o. Transfer money more than 3 times a week. Top up electronic money more than 3 times a week.
•
Problem Statement • •
UI need to be updated especially home screen and login screen. New account registration process. Add new account number for transfer. We need to add user first, wait until BCA verification, and new account added. In my opinion, it takes long process and takes more time.
Old styled login screen design
Old styled home screen design
Too much process for transferring to other account
7
UI/ UX
Existing Workflow
Show in main screen
This existing workflow seem linear and all the function only categorized by information will be shown. This workflow take more space because all the information shown and not categorized by each functions. First time you login, you only see categories that available for your account, no other information that is shown there.
Show in main screen as “Other�
Redesign the Workflow
Combine become Payment
Moved to bottom bar
Combine as Pengaturan Kartu Kredit
Combine as Hapus List Favorit 8
UI/ UX
New Workflow This existing workflow seem linear and all the function only categorized by information will be shown. This workflow take more space because all the information shown and not categorized by each functions.
9
UI/ UX
Existing Transfer Workflow
If the account has not been registered yet, it needs to be registered first and then the process will be repeated to transfer menu.
New Transfer Workflow
To make it simpler, if the account has not been registered yet, you only need to entered the account number and check and if it is valid, you can continue the process. 10
UI/ UX
Rough Sketch Login screen ideas
Main screen ideas
Transfer screen ideas
11
UI/ UX
UI Element Color Palette The colors are selected based on the visual identity of BCA
#002B79 R:0, G:43, B:121 C:100, M:64, Y:0, K:53
#FFAB3C R:225, G:171, B:60 C:0, M:33, Y:76, K:0
#F8F8F8 R:248, G:248, B:248 C:0, M:0, Y:0, K:3
#002B79 R:112, G:112, B:112 C:0, M:0, Y:0, K:56
Typography
Open Sans Bold Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Open Sans Regular Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Icon
12
UI/ UX
Low Fidelity
Login Screen Users are now able to access secondary features without login to the app.
Transfer Screen All type of transfer transactions is now at one click. Even to add new account is now simplified. 13
UI/ UX
Main Screen As you logged in, users will be shown news, promos, and events. Also you are shown your balance, Sakuku balance, and your last transaction.
My QR Code This QR code is a feature that can make it easier for users to use. This QR Code can direct to the features to be used.
14
UI/ UX
15
UI/ UX
16
UI/ UX
17
UI/ UX
R E D ES I G N : Pe rpu s takaan ITB A pp 2019 Self practice ITB Library is one important element of the ITB environment. A lot of users. The ITB Library Application is a tool given by the manager in helping users find books. But not many users want to use this application. There are still many shortcomings seen in its use. This application needs to be evaluated both in function, usage, and fulfillment of user needs.
Problem
This app only can show book detail and book number. Not as i expect that this app can booking book or extend the borrowed books. Sometime this app crash too. Kristina, Architecture 2015
I hardly understand the interface of this app. Some of the feature are not working and useless. This app need improvement as soon as possible. Yahya, Architecture 2015
Solution Efficiently Some of the features from this app work individually and not integrated with the main purpose of the app. To reach the goal, sometime need much effort and the visual of the app also not that good. Visually Main problem why people don’t want use this app because the interface is bad. Boring interface and messy information. This app need refreshment New Features There is only one function of this app, searching book. People don’t want spent their storage for this app. Need improvement and integration between this app and other app. 18
UI/ UX
User Persona
ITB Students Most of the user of this app is ITB Students from Undergraduate program until Doctoral program. Age between 18-40 years old. Activities, reading books, searching for information, and borrowing books.
ITB Lecturer and Researcher Lecturer and researcher from ITB can use this facilities as their privilage. This library has lots of information that they need. The special feature is you can search paper or thesis from outside university for free.
Student from other university Sometimes student from outside ITB come to searching book or DVD that in their university doesn’t have.
Booking system
Wishlist
The limited number of books that can be borrowed is one of the problems. Sometimes scrambling becomes inevitable. One solution that can be given is to make a booking system that can provide a space for each student to borrow it.
The limitations of search history make it difficult for users to find back books that they have found. This feature is similar to bookmarks, which give a sign to the books you want to book or borrow.
News
Notification
New Features Modern Interface Previous applications prioritize functions so that aesthetic values cannot emerge. The use of displays like this makes the application seem unfinished and is still in the experimental phase so that not many people are interested in using it. In line with the development of aesthetic elements, the redesign of this application can provide a new color in its use.
Each field has its own news and this news is not interconnected between fields. The result is that information does not spread evenly. Giving news section to help spread the news among students and lecturers of ITB.
Students sometimes forget to return books that are borrowed so that he gets a substantial fine. In order to reduce the negligence of these students, the notification feature is provided so that users can know when to return books. In addition, this notification can also provide information about the books you have ordered already available.
19
UI/ UX
Existing Work Flow App work flow
Search bar For You
Splash screen
Home screen
Ribbon bar
New Release
Top Loan Categories
User Information Login/Profile History Loan Side bar
Logout
Contact Us
Book showing work flow Book screen
Information
Cover
Book’s detail
Share THIS FEATURE ALWAYS CRASH..
20
Availibility
UI/ UX
Progress and Sketch This project started with looking for what user think about this app. Is it working well or do they understand how to use it? And some of them said it is working fine but nothing can do except searching for book. So we look for what they want this app can do. After knowing the user needs and the existing conditions of the application, we combined the two ideas by redesigning the application workflow and added some new feature.
Brainstorming potential layout for this aplication and alternatif layout that can be use.
21
UI/ UX
Suggested Work Flow App work flow Search bar
Splash screen
Notification Login
Home screen
Login option is moved to begining to make sure users are login before using the app
News
New feature for new user experience New feature, so user know the latest news from ITB or library
For You
New Release
Ribbon bar removed and all item reorganized in one screen. Make it compact and effective
Top Loan
Categories
New way of categorizing book
Borrowed book
History Side bar Side bar is still used to make user easier to access other features
Wishlist
Setting
Contact Us
Logout 22
New feature for new user experience
New feature for new user experience
UI/ UX
Book showing work flow
Book screen
Search bar
Notification
New feature for new user experience
Cover image
Title, Author, book number
Booking
User now can order book to be borrowed
Wishlist
User now can bookmark books.
Synopsis Detailed book Description Availibility
Book recommendation
Showing similar book with the choosen book
23
UI/ UX
Wireframe and Layout Splash Screen
Login
Home Screen
Open Sans
Open Sans Regular 24pt Medium 20pt
Regular 24pt
Regular 16pt Medium 14pt
Medium 20pt
Regular 14pt Regular 12pt Regular 10pt
Regular 16pt Medium 14pt
Design System
Regular 14pt
Button
Regular 12pt
Open Sans Font Family
Headline Title regular/ 18pt
semibold/ 24pt
Color palette
Regular 10pt
#0080FF
#707070
#000000
#FFFFFF
Button
Icon
Subheader regular/ 16pt Subtitle semibold/ 14pt Body 1 regular/ 14pt Body 2 regular/ 12pt
Button Button
Body 3 regular/ 10pt Caption regular/ 8pt
24
Button
UI/ UX
Book section
Search
Profile Section
Sidebar
Splash screen
New loading screen to show that the app is working.
Home screen
The main screen that show all of your need.
Book section
Each time a book clicked will show all the information about it.
Search bar
Automaticly search title or author of the book.
Profile section
Show information about you and books that borrowed or wishlisted.
Sidebar
Show other need ie. profile and settings
25
UI/ UX
Redesign and Improvement Home Screen
Sidebar
From the existing layout, I rearranged the layout and the proportion between the features based on hierarchy and most used functions. One of the new features added is “News� to show the latest activity on ITB. The new category is also redesign to make users easier to find their book. 26
Notification
UI/ UX
Book section Notification
Wishlist
Booking system
Rearrange synopsis
Rearrange book detailed
Showing similar books
Recomendation for you
27
UI/ UX
Other Screen Splash Screen
Search
28
Login
Settings
Profile Section
Contact Us
UI/ UX
29
UI/ UX
30
UI/ UX
31
UI/ UX
D IG I TAL S M A RT C A RE by Te l ko m s e l 2019 Self practice Digital Smart Care adalah sebuah aplikasi dashboard tunggal milik Telkomsel yang digunakan oleh operator Grapari dalam melayani kebutuhan pelanggannya. Dalam aplikasi ini dapat memantau dan mengontrol seluruh data pengguna yang terdaftar di database Telkomsel.
Problem •
Pengguna dashboard ini adalah operator yang bekerja di Grapari sesuai jam kerja yang cukup panjang. Operator akan selalu memperhatikan layar komputernya sepanjang shift kerjanya. Oleh sebab itu desain dashboard didesain nyaman dilihat mata dengan cara melengkungkan pojok-pojok card.
•
Operator perlu bertindak cepat melayani penggunanya. Pergerakan mouse operator menjadi pertimbangan juga supaya dapat dengan mudah mencapai fungsi-fungsi yang ada di dashboard. Oleh karena itu area-area yang dapat memberikan action diletakan berdekatan.
Design System Character Style Desktop & Tablet
Headline
System Colors
Source Sans Pro Font Family
Bold 36pt
Title
Body
Bold 24pt
Bold 16pt
Sub-Title
Body
Regular 24pt
Regular 16pt
Large Body
Caption
Regular 18pt
Regular 12pt
Light Grey
Grey
Dark Grey
Red
Navy Blue
White
R 241 G 241 B 241
R 156 G 164 B 172
R 112 G 112 B 112
R 229 G 19 B 28
R 34 G 71 B 102
R 15 G 34 B 54
Hex #F1F1F1
Hex #9CA4AC
Hex #707070
Hex #E5131C
Hex #224766
Hex #0F2236
Color pallete ini diambil dari warna-warna yang sering digunakan di desain Telkomsel ditambah dengan warnawarna soft yang nyaman pada mata
32
UI/ UX
Button
Icon
Normal
Pressed
33
UI/ UX
Desktop Digital Smart Care Dashboard
0812 2211 2345 100 Poin Red
Akun Saya Profil Sim Card Pilihan Paket Bayar Tagihan
John Doe
Search transactions, invoices or help
Class
-
Type
Regular prepaid
Sub-type
Regular prepaid
Simcard
Joshua Aditya
ARPU
Los
Rp100.000
766
Rp. 100.000 Full service
USIM
Alamat Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Silver
Sisa Kuota
Active
20-4-2021
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS Monetary
12 SMS / 100 SMS
Detail Pemakaian
Rp50.000,- / Rp100.000,-
10%
Monitoring Order My Tickets
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan 30% 60%
Total Tagihan Your limit Rp300.000,-
Rp139.230,-
Batas Pemakaian Roaming
Beli Paket
Rp0,-
EN | ID
Internet
Telepon
SMS
www.telkomsel.com
Desain mockup Digital Smart Care Telkomsel
Static and Dynamic Area Digital Smart Care
Static and Dynamic Area Dashboard
0812 2211 2345 100 Poin Red
Akun Saya Profil Sim Card Pilihan Paket Bayar Tagihan
John Doe
Search transactions, invoices or help
Class
-
Type
Regular prepaid
Sub-type
Regular prepaid
Simcard
Joshua Aditya
ARPU
Los
Rp100.000
766
Rp. 100.000 Full service
USIM
Alamat Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Silver
Sisa Kuota
Active
20-4-2021
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS Monetary
12 SMS / 100 SMS
Detail Pemakaian
Rp50.000,- / Rp100.000,-
10%
Monitoring Order My Tickets
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan 30% 60%
Total Tagihan
Rp139.230,-
EN | ID
Your limit Rp300.000,-
Batas Pemakaian Roaming
Rp0,-
Beli Paket Internet
Telepon
SMS
www.telkomsel.com
Area statis merupakan area yang tidak akan berubah dan akan tetap berada disana walaupun area dinamis bergerak (discroll). Area statis ini terdapat fungsi search, notifikasi, chat, dan profil operator pada paling atas dan pada sisi kiri terdapat pilihan-pilihan panel yang akan tampil pada area dinamis. Pada area dinamis, perubahan data dan pergantian data-data yang ditampilkan dari pilihan-pilihan opsi pada sisi kiri statis.
34
UI/ UX
Clickable Area Digital Smart Care Dashboard
0812 2211 2345 100 Poin Red
Akun Saya Profil Sim Card Pilihan Paket Bayar Tagihan
John Doe
Search transactions, invoices or help
Class
-
Type
Regular prepaid
Sub-type
Regular prepaid
Simcard
Joshua Aditya
ARPU
Los
Rp100.000
766
Rp. 100.000 Full service
USIM
Alamat Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Silver
Sisa Kuota
Active
20-4-2021
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS Monetary
12 SMS / 100 SMS
Detail Pemakaian
Rp50.000,- / Rp100.000,-
10%
Monitoring Order My Tickets
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan 30% 60%
Total Tagihan Your limit Rp300.000,-
Rp139.230,-
Batas Pemakaian Roaming
Beli Paket
Rp0,-
EN | ID
Internet
Telepon
SMS
www.telkomsel.com
Area yang dapat diklik dikelompokan di beberapa area. Pada sisi kiri menjadi kelompok opsiopsi data yang akan ditampilkan, pada sisi atas didominasi dengan fungsi perncarian. Di area dinamis terdapat tombol pembayaran tagihan dan pembelian paket yg diletakan berdekatan dan terdapat tombol-tombol sosial media pelanggan.
Z Reading Pattern Digital Smart Care Dashboard
0812 2211 2345 100 Poin Red
Akun Saya Profil Sim Card Pilihan Paket Bayar Tagihan
John Doe
Search transactions, invoices or help
Class
-
Type
Regular prepaid
Sub-type
Regular prepaid
Simcard
Joshua Aditya
ARPU
Los
Rp100.000
766
Rp. 100.000 Full service
USIM
Alamat Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Silver
Sisa Kuota
Active
20-4-2021
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS Monetary
12 SMS / 100 SMS
Detail Pemakaian
Rp50.000,- / Rp100.000,-
10%
Monitoring Order My Tickets
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan 30% 60%
Total Tagihan
Rp139.230,-
EN | ID
Your limit Rp300.000,-
Batas Pemakaian Roaming
Rp0,-
Beli Paket Internet
Telepon
SMS
www.telkomsel.com
Pada media elektronik dengan layar besar, kecenderungan user menggerakan matanya dan membaca cepa (skimming) membentuk pola huruf Z (kiri - kanan, atas - bawah). Fungsi-fungsi utama atau yang dapat memberikan action pada dashboard diletakan berdekatan pada pola huruf Z tersebut. 35
UI/ UX
Design Mockup
Identitas Pada bagian i terutama yan provider yang
Digital Smart Care
Search transactions, invoices or help
Dashboard
Opsi-opsi Di sisi kiri dashboard terdapat opsi-opsi yang dapat ditampilkan pada area dinamis yang menerus dari atas layar hingga bagian terbawah layar.
0812 2211 2345 100 Poin Red
Akun Saya
Class Type
Profil Sim Card Pilihan Paket Bayar Tagihan
Sub-type Simcard
Joshua Aditya
Alamat Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Silver
Sisa Kuota
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
Monitoring Order My Tickets
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-201
Total Tagihan
Rp139.230,-
EN | ID
Your limit Rp300.000,-
Batas Pemakaia Roaming
Rp0,-
www.te
Paket data dan Tagiha Bagian ini menunjukan pelanggan gunakan da itu untuk pengguna pa bulan lalunya melalui D 36
UI/ UX
ini identitas pelanggan ditampilkan ng bersangkutan dengan paket g digunakannya. Pulsa dan Masa Aktif Bagian ini menunjukan jumlah pulsa, masa aktif kartu, dan saldo LinkAja yang terdapat pada akun pelanggan. Selain itu menampilkan pula akun media sosial yang dihubungkan oleh pengguna. John Doe
Active
ARPU
Los
20-4-2021
Rp100.000
766
Rp. 100.000 Full service
Regular prepaid Regular prepaid USIM
SMS Monetary
19
12 SMS / 100 SMS
Search Bar dan Account Diatas dashboard terdapat search bar dan opsi-opsi untuk akun operator yang tidak akan pindah ketika discroll atau pergantian opsi di area dinamis.
Detail Pemakaian
Rp50.000,- / Rp100.000,-
10%
Bayar Tagihan 30% 60%
an
Beli Paket Internet
Telepon
SMS
elkomsel.com
Detail Pemakaian Bagian ini menunjukan detail pemakaian pelanggan akan produk Telkomsel.
an n kondisi paket data yang sedang an sisa yang tercatat pada server. Selain asca bayar dapat membayarkan tagihan DSC. 37
UI/ UX
Tablet Digital Smart Care
John Doe
Search transactions, invoices or help
Dashboard
0812 2211 2345 Akun Saya
100 Poin Red
Class
Profil Sim Card
Bayar Tagihan
ARPU
Los
Rp100.000
766
Rp.
100.000
Full service
-
Type
Regular prepaid
Sub-type
Regular prepaid USIM
Simcard
Pilihan Paket
Active
20-4-2021
Joshua Aditya
Alamat
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Monitoring Order Sisa Kuota
My Tickets
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS
12 SMS / 100 SMS
Monetary
Detail Pemakaian
Rp50.000,- / Rp100.000,10%
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan 30% 60%
Total Tagihan
Batas Pemakaian Roaming Your limit Rp300.000,-
Rp139.230,-
Beli Paket
Rp0,-
Internet
Telepon
SMS
www.telkomsel.com
EN | ID
Desain mockup Digital Smart Care Telkomsel pada tablet
Static and Dynamic Area Digital Smart Care
John Doe
Search transactions, invoices or help
Dashboard
0812 2211 2345 Akun Saya
100 Poin Red
Class
Profil Sim Card
Bayar Tagihan
Type
Regular prepaid
Sub-type
Regular prepaid
ARPU
Los
Rp100.000
766
Rp.
100.000
Full service
USIM
Simcard
Pilihan Paket
Active
20-4-2021 -
Joshua Aditya
Alamat
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Monitoring Order Sisa Kuota
My Tickets
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS
12 SMS / 100 SMS
Monetary
Detail Pemakaian
Rp50.000,- / Rp100.000,10%
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan 30% 60%
Total Tagihan
Rp139.230,-
Batas Pemakaian Roaming Your limit Rp300.000,-
Beli Paket
Rp0,-
Internet
EN | ID
Telepon
SMS
www.telkomsel.com
Area statis merupakan area yang tidak akan berubah dan akan tetap berada disana walaupun area dinamis bergerak (discroll). Area statis ini terdapat fungsi search, notifikasi, chat, dan profil operator pada paling atas dan pada sisi kiri terdapat pilihan-pilihan panel yang akan tampil pada area dinamis. Pada area dinamis, perubahan data dan pergantian data-data yang ditampilkan dari pilihan-pilihan opsi pada sisi kiri statis.
38
UI/ UX
F and Z Reading Pattern Digital Smart Care
Search
John Doe
0812 2211 2345
0812 2211 2345
Akun Saya
Akun Saya
100 Poin Red
Class
Profil Sim Card
-
Type
Regular prepaid
Sub-type
Regular prepaid
Joshua Aditya
Class
Profil Sim Card
Bayar Tagihan
Monitoring Order
Active
ARPU
Los
20-4-2021
Rp100.000
766
Rp.
100.000
Full service
-
Type
Regular prepaid
Sub-type
Regular prepaid USIM
Simcard
Pilihan Paket
Alamat Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Silver
100 Poin Red
USIM
Simcard
Pilihan Paket
My Tickets
John Doe
Search transactions, invoices or help
Dashboard
Dashboard
Bayar Tagihan
Digital Smart Care
Joshua Aditya
Alamat
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Monitoring Order Active
ARPU
Los
20-4-2021
Rp100.000
766
Rp.
100.000
Full service
Sisa Kuota
My Tickets
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS
12 SMS / 100 SMS
Monetary
Detail Pemakaian
Rp50.000,- / Rp100.000,10%
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan 30% 60%
Sisa Kuota
Tagihan
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS
12 SMS / 100 SMS
Monetary
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Rp50.000,- / Rp100.000,-
Total Tagihan
Rp139.230,-
Batas Pemakaian Roaming Your limit Rp300.000,-
Beli Paket
Rp0,-
Internet
Telepon
SMS
Bayar Tagihan www.telkomsel.com
Total Tagihan
Rp139.230,-
Batas Pemakaian Roaming
Your limit Rp300.000,-
Beli Paket
Rp0,-
EN | ID
www.telkomsel.com
Detail Pemakaian 10%
30% 60%
Internet
EN | ID
Telepon
SMS
www.telkomsel.com
Pada media elektronik dengan layar besar lanscape, kecenderungan user menggerakan matanya dan membaca cepat (skimming) membentuk pola huruf Z (kiri - kanan, atas - bawah). Fungsifungsi utama atau yang dapat memberikan action pada dashboard diletakan berdekatan pada pola huruf Z tersebut. Berbeda dengan layar dengan bentuk potrait yang kecenderungannya membaca dengan pola membentuk huruf F.
Thumb Area Touching
39
UI/ UX
Design Mockup Penggunaan aplikasi ini jika diakses menggunakan tablet diprediksikan akan menggunaan web sehingga tampilan yang diberikan harus dapat menyesuaikan dengan ukuran dan orientasi tablet tersebut sehingga web ini memberikan fitur Web Responsive Design.
Potrait Digital Smart Care
Search
John Doe
Dashboard
0812 2211 2345
Akun Saya
100 Poin Red
Class
Profil Sim Card
Regular prepaid
Sub-type
Regular prepaid USIM
Simcard
Pilihan Paket
Joshua Aditya Bayar Tagihan
-
Type
Alamat Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Silver
Monitoring Order
My Tickets
Active
ARPU
Los
20-4-2021
Rp100.000
766
Sisa Kuota
Tagihan
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
Rp.
Full service
SMS
12 SMS / 100 SMS
Monetary
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
100.000
Rp50.000,- / Rp100.000,-
Bayar Tagihan www.telkomsel.com
Total Tagihan
Rp139.230,-
Batas Pemakaian Roaming
Your limit Rp300.000,-
Beli Paket
Rp0,-
Detail Pemakaian 10%
30% 60%
Internet
EN | ID
40
Telepon
www.telkomsel.com
SMS
UI/ UX
Landscape Digital Smart Care
John Doe
Search transactions, invoices or help
Dashboard
0812 2211 2345 Akun Saya
100 Poin Red
Class
Profil Sim Card
Bayar Tagihan
ARPU
Los
Rp100.000
766
Rp.
100.000
Full service
-
Type
Regular prepaid
Sub-type
Regular prepaid USIM
Simcard
Pilihan Paket
Active
20-4-2021
Joshua Aditya
Alamat
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Monitoring Order Sisa Kuota
My Tickets
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS
12 SMS / 100 SMS
Monetary
Detail Pemakaian
Rp50.000,- / Rp100.000,10%
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan 30% 60%
Total Tagihan
Rp139.230,-
Batas Pemakaian Roaming Your limit Rp300.000,-
Beli Paket
Rp0,-
Internet
EN | ID
Telepon
SMS
www.telkomsel.com
41
UI/ UX
Smartphone Digital SmartSearch Care
Search
Dashboard
0812 2211 2345
0812 2211 2345 100 Poin Red
100 Poin Red
Akun Saya Regular prepaid Regular prepaid
Class Type Sub-type
USIM
Simcard
Joshua Aditya
Alamat
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Type
Profil
Sub-type
Joshua Aditya Sim Card
Alamat
ARPU
Los
Rp100.000
766
Rp. 100.000
USIM
Simcard
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Pilihan Paket Active
Active
20-4-2021
Regular prepaid Regular prepaid
Class
20-4-2021 Bayar Tagihan
ARPU
Los
Rp100.000
766
Rp. 100.000 Full service
Full service
Monitoring Order My Tickets Sisa Kuota
Sisa Kuota
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS
Tagihan
Total Tagihan
Rp50.000,- / Rp100.000,-
12 SMS / 100 SMS
Monetary
Tagihan
Rp50.000,- / Rp100.000,-
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Bayar Tagihan
Total Tagihan
Rp139.230,Total Tagihan
Your limit Rp300.000,-
John Doe
Batas Pemakaian Roaming
Your limit Rp300.000,-
Rp139.230,-
55 GB / 64 GB 30 menit / 100 menit
SMS
12 SMS / 100 SMS
Monetary
Internet Telepon
Beli Paket
Rp0,-
Batas Pemakaian Roaming
Beli Paket
Rp0,-
Detail Pemakaian 10%
Detail Pemakaian 10%
30%
60%
Internet
Telepon
SMS
Desain mockup Digital Smart Care Telkomsel pada tablet
Static and Dynamic Area Search
0812 2211 2345 100 Poin Red Class
-
Type
Regular prepaid Regular prepaid USIM
Sub-type Simcard
Joshua Aditya
Alamat
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Active
ARPU
Los
20-4-2021
Rp100.000
766
Sisa Kuota
Rp. 100.000 Full service
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS
12 SMS / 100 SMS
Monetary
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Total Tagihan
Rp139.230,-
Rp50.000,- / Rp100.000,-
Your limit Rp300.000,-
Bayar Tagihan
Batas Pemakaian Roaming
Beli Paket
Rp0,-
Detail Pemakaian 10%
30%
Internet
42
60%
Telepon
SMS
Area statis merupakan area yang tidak akan berubah dan akan tetap berada disana walaupun area dinamis bergerak (discroll). Area statis ini terdapat fungsi search, notifikasi, chat pada paling atas dan pada sisi kiri terdapat pilihanpilihan panel yang akan tampil pada area dinamis. Pada area dinamis, perubahan data dan pergantian data-data yang ditampilkan dari pilihan-pilihan opsi pada sisi kiri statis. Sidebar disembunyikan untuk menambah area dinamis. dengan memencet sidebar akan mengeluarkan tampilan keseluruhan side bar dan terdapat penambahan opsi Akun Operator.
UI/ UX
F and Z Reading Pattern Search
0812 2211 2345 100 Poin Red
Regular prepaid Regular prepaid USIM
Class Type Sub-type Simcard
Joshua Aditya
Alamat
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Active
ARPU
Los
20-4-2021
Rp100.000
766
Sisa Kuota
Rp. 100.000 Full service
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS
12 SMS / 100 SMS
Monetary
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Total Tagihan
Rp139.230,-
Rp50.000,- / Rp100.000,-
Your limit Rp300.000,-
Bayar Tagihan
Batas Pemakaian Roaming
Beli Paket
Rp0,-
Detail Pemakaian 10%
30%
Internet
60%
Telepon
SMS
Pada media elektronik dengan layar potrait, kecenderungan user menggerakan matanya dan membaca cepat (skimming) membentuk huruf F.
Thumb Area Touching
43
UI/ UX
Design Mockup
Search bar
Search
0812 2211 2345 100 Poin Red Class
-
Type
Regular prepaid Regular prepaid
Sub-type
Identitas
USIM
Simcard
Joshua Aditya
Alamat
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Active
ARPU
Los
20-4-2021
Rp100.000
766
Rp. 100.000 Full service
Pulsa dan Masa Aktif
Sisa Kuota
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS Monetary
Tagihan
Total Tagihan
Rp140.000,-
Total Tagihan
Rp139.230,-
Your limit Rp300.000,-
Rp50.000,- / Rp100.000,-
Tagihan
Jatuh Tempo
30-11-2019
Bayar Tagihan
Batas Pemakaian Roaming
Beli Paket
Rp0,-
Detail Pemakaian
Detil Pemakaian
10%
30%
Internet
44
Status Paket
12 SMS / 100 SMS
60%
Telepon
Side bar SMS
UI/ UX
Side bar disembunyikan pada tampilan awal tetapi meninggalkan jejak berupa icon-icon yang menunjukan fitur-fitur yang tersedia dan fitur yang sedang aktif. Jika side bar ditekan maka akan memunculkan keseluruhan side bar dengan namanya ditambah dengan adanya Akun Operator disana. Ketika sidebar ditekan pula sisi sebelahnya akan blur sehingga operator terfokuskan di side bar seluruhnya.
Digital SmartSearch Care Dashboard
0812 2211 2345 100 Poin Red
Akun Saya
Class
-
Type
Regular prepaid
Profil
Sub-type
Regular prepaid
Joshua Aditya Sim Card
Alamat
USIM
Simcard
Silver
Jalan Menes no. 62. Kebonwaru. RT 04/ RW 02. Bandung. Jawa Barat
Pilihan Paket Active
20-4-2021 Bayar Tagihan
ARPU
Los
Rp100.000
766
Rp. 100.000 Full service
Monitoring Order My Tickets Sisa Kuota
Internet
55 GB / 64 GB
Telepon
30 menit / 100 menit
SMS
12 SMS / 100 SMS
Monetary
Tagihan
Total Tagihan
Jatuh Tempo
Rp140.000,-
30-11-2019
Total Tagihan
Rp139.230,-
Rp50.000,- / Rp100.000,-
Your limit Rp300.000,-
John Doe
Batas Pemakaian Roaming
Bayar Tagihan
Beli Paket
Rp0,-
Detail Pemakaian 10%
45
46
Brand Identity
47
Brand Identity
FAC AD E :
Arc hit ec t ure IT B E xcu r t i on
2016 position: Vice Leader, in charge of Graphic Design Division Facade is an architecture excurtion program for undergraduate architecture student in ITB. For this year, the destination was Lombok, Nusa Tenggara Barat, Indonesia, so the grand design was made to match with the destination theme. The logo was inspired by the pattern that used on traditional cloths, Batik Sasambo. The other decorative pattern was inspired by the pattern that also can be found on traditional Lombok house. The earthy color used to match with the scenery of Lombok island.
logo
inspired by Batik Sasambo
inspired by Lombok ornament’s Tribal patterns that can be found in the traditional house (Bale and Lumbung)
Color palette
48
Brand Identity
Project outcome: grand design logo digital and printed poster stamp social media publication certificates proposal design nametag banner
proposal design
49
Brand Identity
certificates
50
Brand Identity
social media publications
nametag 51
Brand Identity
FAC AD E E X H I B I T I O N 2017 position: in charge on grand design with Nabila Putri Fauzia FACADE Exhibition is an exhibition that showcases everything that student’s have learned during FACADE excurtion. The color scheme for this grand design is monochromatic with yellow as a pop of color. The design also still uses some traditional shapes to match FACADE’s grand design.
main poster
52
Brand Identity
Project outcome: digital and printed poster social media publication invitation letter x-banner
invitation
53
Brand Identity
social media publication
54
Brand Identity
x-banner
55
Brand Identity
EPI LO GU E :
F inal P ro je ct E x h i b i t i on
2016 position: in charge on grand design with Nabila Putri Fauzia Every graduation on Architecture Undergraduate program ITB, IMA-G (Architecture Student Organization ITB) makes an exhibition of final project graduates, named Epilogue. This is the design of Epilogue batch October 2016. The theme was low-poly design and dominated by geometrical shape. The illustration was made by low-poly design that looks like unfinished process. The main color palette using gold and grey color to make contrast.
logo
color palette
56
Brand Identity
Project outcome: grand design logo digital and printed poster social media publication invitation letter brochure banner
main poster
invitation letter
57
Brand Identity
brochure
58
Brand Identity
social media publication
59
60
Book Layout and Design
61
Book Layout and Design
Book Layout and Design
Architecture Excursion “Facade”, Documentation Book. ISSN: 2620-472X
62
Book Layout and Design
Summercamp Architecture ITB, Documentation Book. ISBN: 978-602-74872-6-0
63
Book Layout and Design
Antologi Tugas Akhir “Kinara Abhipraya”, batch October 2019, Documentation Book.
64
Book Layout and Design
Architecture Portfolio “Joshua Aditya” Portfolio.
65
Book Layout and Design
IMAGE, 10th edition, July 2017, Architectural magazine.
66
Book Layout and Design
IMAGE, 11st edition, December 2017, Architectural magazine.
67
68
Movie Editing
69
Movie Editing
Kilas Balik Gunadharma
This movie tells the history of Ikatan Mahasiswa Arsitektur Gunadharma (IMA-G), which is an architecture student association in Institut Teknologi Bandung. The movie is created by Kinara Abhipraya, ITB architecture students batch 2015 and all of the student became part of the movie productions, casts, and editors. I was the Head of Behind The Scene movie that collecting and make it into a movie. This movie told the story of all the activities that take place behind the scenes of making this film. Soundtrack Head of Production Edited on Duration
70
: BenSound.com, AudioBlocks.com, Freesound.org (royalty free music) : Haidar El Haq : Adobe Premier, Adobe After Effect : 20:33
Movie Editing
Youtube link for Kilas Balik Gunadharma
Youtube link for Behind The Scene Kilas Balik Gunadharma 71
Movie Editing
72
Movie Editing
73
74
Poster
75
Poster
Welcoming freshmen undergraduate program ITB 2016 and fun fact about ITB students
76
Poster
main poster of Graduating Event in October 2015
77
Poster
main poster of TPB (freshmen student) badminton competition on 2016
78
Poster
main poster of “Malam Gembira” Saint Aloysius Senior High School on 2013
79
80
Photography
81
Photography
82
Photography
83
Contact: Joshua Aditya +62 8156 100 885 joshuaaditya87@gmail.com