User Tools

Site Tools


tech:designguidence

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
tech:designguidence [2021/05/12 15:31]
agilbaka [Template]
tech:designguidence [2021/06/07 11:44] (current)
agilbaka
Line 1: Line 1:
-====== TLab Design Guidance ======+====== TLab Design Guidence ======
  
-**TLab Design Guidance** merupakan wadah untuk berkomunikasi antar divisi dan sobat TLab dengan tujuan saling memahami istilah yang sering digunakan oleh divisi desain.+**TLab Design Guidence** merupakan wadah untuk berkomunikasi antar divisi dan sobat TLab dengan tujuan saling memahami istilah yang sering digunakan oleh divisi desain.
  
  
  
-===== TLab Design Guidance in a nutshell =====+===== TLab Design Guidence in a nutshell =====
  
-==== Development State ====+==== Development Section ====
  
   * Mockup   * Mockup
Line 25: Line 25:
   * Hi-fi   * Hi-fi
   * Template   * Template
 +  * Handoff
 +  * Usability Testing
   * A/B testing   * A/B testing
-  * Usability Testing 
-  * Handoff 
- 
  
-==== Company State ====+==== Company Section ====
  
   * Merchandise   * Merchandise
Line 148: Line 147:
  
 ----- -----
- 
- 
 ===== Template ===== ===== Template =====
   * **Template** adalah proses implementasi dari Hi-Fi (web design) ke dalam code   * **Template** adalah proses implementasi dari Hi-Fi (web design) ke dalam code
-  * Code bisa dalam bentuk:+  * Implementasi Code bisa dalam berbagai jenis tergantung proyeknya, diantaranya:
     * VueJS/NuxtJS     * VueJS/NuxtJS
     * HTML     * HTML
-    * Laravel+    * Laravel blade 
 + 
 +----- 
 +===== Handoff ===== 
 +  * Handoff adalah proses dimana ketika proses hi-fi sudah disepakati bersama 
 +  * Handoff dalam figma disimpan dengan nama page **Handoff v.1** 
 +  * Developer mengimplementasikan design di page handoff 
 + 
 +----- 
 +===== Usability Testing ===== 
 +  * Usability Testing adalah proses untuk mengukur kebergunaan & kenyamaan dari sebuah produk yang dibuat 
 +  * Usability Testing yang dilakukan biasanya mengukur keberhasilan pengguna mencapai tujuannya 
 + 
 +----- 
 +===== A/B Testing ===== 
 +  * A/B Testing adalah proses untuk mengukur kebergunaan & kenyamaan dari 2 desain yang berbeda. 
 +  * A/B Testing prosesnya seperti Usability Testing 
 +  * A/B Testing bisa saja membandingkan 2 flow yang berbeda dengan tujuan yang sama. 
 + 
 +-----
 ===== Merchandise ===== ===== Merchandise =====
-Tujuan + Deskripsi + contoh+  * Merchandise atau Merchandising adalah perlengkapan untuk kebutuhan branding TLab 
 +  * Pemberian Merchandise biasanya untuk 
 +    * Peserta event TLab 
 +    * Peserta magang 
 +    * Kegitana kolaborasi TLab dengan pihak lain 
 + 
 +-----
  
 ===== Stasionery ===== ===== Stasionery =====
-Tujuan + Deskripsi + contoh+  * Stasionery adalah perlengkapan yang berhubungan dengan dokumen 
 +  * Stasionery biasanya terdiri dari 
 +    * Template google docs 
 +    * Amplop 
 +    * Map 
 +    * id card 
 + 
 +-----
  
-===== GSM ===== 
-Tujuan + Deskripsi + contoh 
  
 ===== Brand Identity ===== ===== Brand Identity =====
-Tujuan + Deskripsi + contoh+  * Brand Identity adalah aturan penggunaan Logo TLab 
 +  * Beberapa aturannya berkaitan dengan 
 +    * Penggunaan Logo berdasarkan jenisnya 
 +    * Pengunaan Logo berdasarkan latar dan posisinya 
 +    * Penggunaan warna identitas TLab 
 +    * Do & Don't
  
  
  
  
tech/designguidence.1620808292.txt.gz · Last modified: 2021/05/12 15:31 by agilbaka