ANALISA WEBDESIGN

Ninjabit.com

Oleh
Riski Pratama S

51913223 / DKV-1ninjabit.com

Ninjabit.com adalah website yang dibuat oleh Tobia, Chiara dan Alberto. Ninjabit adalah
nama dari studio desain yang berada di Milano, Italy. Studio ini berfokus pada pembuatan
web design, mobile design, game design dan icon design.
Hirarki Visual
Pada website ninjabit.com hal yang pertama kali menarik perhatian User ketika membuka
web ini adalah tipografi pada bagian tengah web yang bertuliskan We Craft Application
with Passion dengan background web yang berwarna hijau pastel. Di sini developer dari
website ingin menitikberatkan User pada tipografi tersebut karena itu merupakan visi, misi
ataupun motto dari si pemilik website yang ingin memberi tahu kepada user bahwa mereka
berkarya dengan passion.
Kedua user akan tertarik dengan icon yang berada pada bagian kiri website yang
merupakan sidebar dari web tersebut. Sidebar pada website ini berfungsi sebagai navigasi

dengan bentuk-bentuk icon yang menarik bagi user untuk mengetahui fungsi dari icon
tersebut. Content dari sidebar sendiri antara lain home, mobile, web, game, design dan info.
Ketika user men-scroll website kea rah bawah maka akan tampak animasi vector yang
bergerak yaitu lingkaran bulat berwarna kuning seolah-olah itu adalah matahari yang terbit.
Dilanjutkan dengan ilustrasi bangunan serta gunung pada bagian bawah web yang bergerak
ke arah kanan. Selain animasi vector user akan menemukan konten dari website dengan
urutan yang sama dengan sidebar di sebelah kanan web ini.

Layout
Layout pada ninjabit.com berpusat pada bagian tengah dari website ini. Jika menggulung
web ke arah bawah maka akan terlihat bahwa konten dari web lebih berpusat pada bagian
center. Selain itu pada bagian center atas web akan terlihat Title dari web ninjabit
sedangkan pada bagian top right web akan terlihat logo yang merupakan menuju web
www.cssnectar.com. Sidebar pada web di letakkan pada bagian kanan website, di bagian
footer web terdapat ilustrasi bangunan serta gunung yang berulang. Pada bagian
background terdapat lingkaran berwarna kuning yang bergerak ketika website digulung ke
bawah dengan background yang berubah-ubah warna.

Tipografi
Tipografi pada website ninjabit.com menggunakan tiga jenis font yaitu serif dan script.
Namun yang menjadi font utama dalam web ini adalah jenis font serif. Sedangkan fontype
pada website ini bermacam-macam sesuai dengan design pada web ini.
Icon
Icon pada wesite ninjabit.com sangatlah bervariasi. Dimulai dari sidebar pada bagian kanan
web, akan tampak disitu beberapa ikon bergambar rumah, mobile phone, Layar LCD,
gaming controller, kuas dan map. Apabila web digulung kea rah bawah maka akan tampak
lebih banyak icon yang mewakilkan beberapa link pada website ini. Selain itu konten di
dalam web ini lebih banyak dijelaskan dalam bentuk icon-icon yang mudah untuk di
pahami serta menarik perhatian dari user. Pada bagian kontak akan terlihat icon yang
mewakilkan alamat, email dan no telp. yang menarik, serta icon-icon dari sosial media

Warna
Warna pada website ninjabit.com lebih banyak terpaku pada pemakaian warna-warna flat
design dikarenakan tema website yang mengangkat Flat Design sebagai visual utama web
ini. Warna-warna yang digunakan dalam website ini juga sangat beragam. Ketika membuka
website pertama kali kita akan melihat perpaduan warna-warna flat design dengan
background berwarna Hijau pastel. Ketika digulung ke bawah maka aka nada peralihan
warna di background dari hijau ke arah biru muda dengan perpaduan warna pada konten
yang menyesuaikan dengan background. Kemudian warna background beralih ke warna
coklat abu muda, orange, orange muda, dan berakhir dengan warna background biru tua.

Ilustrasi/Image
Ilustrasi pada website ninjabit.com lebih terfokus pada ilustrasi gambar vector. Pada bagian
footer web akan tampak ilustrasi berbagai bentuk bangunan yang merupakan bangunanbangunan terkenal seperti menara jam dinding bigbang, menara eifel, empire state building,
chrysler building, gerbang porte saint denis, London bridge dll serta berbagai macam
bentuk gunung di bagian belakang bangunan. Jika di gulung kebawah maka akan tampak
ilustrasi balon udara serta balon zeppelin yang bergerak ke arah kanan.

User Interface

User Interface pada web ninjabit.com lebih terfokus pada penggunaan flat design dimana
developer dari web ini ingin User lebih terfokus pada konten yang ditawarkan.
Penggunanaan ikon pada web ini mempermudah pemahaman user terhadap apa yang ingin
disampaikan oleh desainer kepada user tentang konten dalam web, selain itu terdapat pula
ikon-ikon berupa link yang merujuk pada laman lainnya. Selain itu beberapa ikon akan
bereaksi ketika kursor pointer diarahkan pada ikon seperti gambar di bawah.

User Experience
Sebagai seorang user di website ninjabit.com saya rasa website ini menarik untuk dijelajahi
apabila kita membukanya pertama kali. Desain web yang menganut konsep flat design serta
berbagai macam icon yang tampil di dalam website sangat menarik untuk di eksplor satupersatu. Tampilan desain sangat menarik dan ilustratif dengan beberapa sentuhan animasi
seperti matahari yang bergerak dari terbit hingga terbenam apabila kita menggulung
website ke bawah. Namun terdapat sedikit kekurangan dalam web ini, yaitu konten di

dalam web dirasa kurang interaktif. Hanya terdapat beberapa ikon yang aktif di web ini
termasuk pada bagian sidebar di sebelah kanan website. Dan konten yang terlalu terfokus
pada penggunaan tipografi yang beragam dengan peraduan antara font type serif dan script
serta font face yang sangat banyak sehingga menyebabkan kurangnya fokus user pada
konten yang ingin disampaikan. Dimana seharusnya flat design lebih berfokus pada konten
yang mudah untuk dipahami.
Media pendukung
Media pendukung dari website ninjabit.com adalah media sosial seperti facebook, twitter
dan google plus, yang menjadi media promosi sekaligus mengenalkan web ninjabit.com.