TUTORIOMATIC




Tutoriomatic mengusung tema tentang
"Static Web Design : One Page Responsive Portfolio Website".


Tutoriomatic berasal dari gabungan kata “Tutorial” dan “Automatic” dengan makna sebagai berikut :

- “Tutorial” → produk yang kami buat yaitu berupa video tutorial seputar tips dan trik di bidang responsive web design.
- “Automatic” → terdapat harapan kepada para penonton yang telah menonton video kami agar “otomatis” ahli di bidang responsive web design dengan dorongan motivasi dan semangat belajar yang tinggi.

Probo Krishnacahya

prob.krshn@gmail.com

http://bit.ly/probo-krishnacahya

ProboKrishnacahya

@p.krshn

Vanness Zhong Anthony

vannessanthony123@gmail.com

http://bit.ly/vanness-zhong-a

vanness7890

@vannessanthony123

Nathanael Abel

nathancodelab@gmail.com

http://bit.ly/nathanaelabel

nathanaelabel

@nathanaellabel

Pictorial mark → Terdapat gabungan dari teardrop shape yang menyerupai bentuk palet (wadah) cat yang berisi panah ke kiri dan kanan (tag) seperti tanda kurang dari (<) dan lebih dari (>) dalam coding untuk pembuatan website yang mengapit semacam kuas berupa pen tool sebagai salah satu alat yang banyak digunakan dalam konten desain visual. Sementara, di sisi bawahnya terdapat teks logo Tutoriomatic.

Combination (wordmark yang dibuat membentuk character / mascot logo) → Terdapat gambar yang terbuat dari tombol pada keyboard yaitu kurung pembuka “(” sebagai bagian belakang kepala, angka nol “0” sebagai bagian mata yang membesar karena menunjukkan ketertarikan terhadap sesuatu (teks logo Tutoriomatic) hingga mata berbentuk seperti oval, kurung kurawal “}” sebagai bagian hidung, dan kurung penutup “)” yang dirotasi 90 derajat sebagai bagian mulut sehingga membentuk 2 wajah yang tersenyum saling berhadapan menatap teks logo Tutoriomatic.

Pictorial mark → Terdapat gambar globe dan simbol lokasi yang memiliki arti para pengakses website dapat memperoleh informasi yang tersedia di internet tanpa terpengaruh jarak geografis diantara mereka. Selain itu, gambar orbit digunakan sebagai dekorasi tambahan. Sedangkan, shape lingkaran melambangkan kekekalan, kekompakan dan harmoni.

Pictorial mark → Terdapat 2 lambang yaitu tanda lebih besar dari (>) dan tanda lebih kecil dari (<) yang menyerupai pensil yang berarti membuat kita dapat menerapkan suatu ide yang dirancang.

Pictorial mark → Terdapat gambar lampu dan di dalam lampu terdapat gambar abstrak yang memiliki arti bahwa setiap manusia memiliki pemikiran yang unik dan juga terdapat font yang berbentuk seperti gerigi roda memiliki arti sebuah proses. Sehingga dapat dimaknai bahwa manusia berproses dengan ide yang unik tersebut.

Pictorial mark → Terdapat gambar networking yang memiliki arti membangun relasi dan hubungan yang luas melalui perantara website sebagai penghubung antar pihak.

Pictorial mark → Terbentuk dari tanda kurung buka ({) dan tanda kurung tutup (}), simbol ini biasa sering digunakan dalam bahasa CSS untuk membuat dan memodifikasi sebuah class ataupun id. Didalamnya terdapat simbol lebih kecil (<), garis miring (/), dan lebih besar (>), simbol ini sering digunakan dalam HTML dimana saat kita ingin membuat inline bgcolor maupun block bgcolor. Bentuk ini disatukan dan mirip seperti baterai menyimbolkan seperti teknologi baterai yang akan terus berjalan dan bisa di charge. Banyak referensi ini lebih mengarah ke HTML, CSS, dan JS karena produk kami adalah memberikan penjelasan tutorial mengenai responsive web design.

3D → Terlihat seperti berbentuk balok yang didalamnya terdapat 2 buah bangun datar persegi panjang dan sebuah lingkaran (berisi huruf T dan O singkatan Tutoriomatic). Logo ini berbentuk seperti balok tipis menyerupai sebuah balok mainan anak balita dan ada beberapa bangun datar persegi panjang dan lingkaran diatasnya. Maksudnya yakni walaupun ini adalah ilmu yang baru dan belum pernah dipelajari sebelumnya tapi dengan belajar secara perlahan kita bisa memahami hal yang baru.

Lettermark / Initials → huruf T yang melambangkan nama tim kami yakni Tutoriomatic. Desain huruf T dibuat seunik mungkin dari gabungan dua rounded rectangle dipotong menggunakan dua buah lingkaran dan dikombinasikan menggunakan shape builder tool. Melambangkan identitas dari tim Tutoriomatic dengan huruf T kapital diawal nama.

- Terdapat frame di ujung masing-masing sudut terinspirasi dari frame video recording pada kamera (sebagai dekorasi tambahan untuk poster).
- Terdapat sepasang 3 buah hexagon berseberangan yang terdapat di samping tengah poster melambangkan 3 orang anggota tim Tutoriomatic dan memilih hexagon shape karena filosofinya yaitu “yang dapat diandalkan dan bertanggung jawab” serta banyak digunakan untuk menginterpretasikan suatu produk di bidang teknologi.
- Terdapat logo Tutoriomatic dan logo YouTube sebagai platform untuk upload video tutorial yang dibahas Tutoriomatic, yaitu Responsive Web Design.
- Terdapat gambar smartphone dan laptop yang menunjukkan hasil website yang responsive (dapat diakses pada beragam perangkat ataupun ukuran layar dengan layout yang tetap tertata rapi).
- Terdapat gambar globe sebagai background yang menginterpretasikan website yang terdapat di internet.

- Di dalam poster terdapat 3 prinsip yaitu creative, networking, dan process. Filosofinya adalah di dalam sebuah tim, kita harus memiliki pemikiran kreatif dan Networking kita dapat menyampaikan pemikiran kita terhadap orang lain dan Process yang berarti untuk mewujudkan pemikiran tersebut membutuhkan sebuah proses yang cukup panjang.
- Terdapat bentuk lingkaran pada gambar lingkaran pada creative, networking, dan process. Bentuk lingkaran memiliki filosofi yang berarti komunitas, integritas, dan kesempurnaan.
- Terdapat logo Tutoriomatic dan logo YouTube.

- Poster diatas dibuat dengan desain simpel yang bertujuan bahwa produk atau tutorial yang kami berikan tidaklah rumit dan siapapun dapat mempelajarinya jika memiliki kemauan untuk belajar.
- Sebuah persegi panjang dan judul paling besar diatas menggunakan font Bahnschrift dengan warna kuning #FFFF00. Kemudian teks-teks lainnya, digunakan font Agency FB karena terlihat keren seperti robot dan masih cocok digunakan untuk bidang teknologi.
- Terdapat bentuk ‘web design layout’ pada tengah-tengah poster. Elemen tersebut dibuat dari gabungan beberapa kombinasi persegi panjang dan garis tebal berwarna kuning #FFFF00. Elemen ‘web design layout’ tersebut adalah ilustrasi dari tema kami yaitu memberikan ilmu mengenai “Responsive Web Design”.