30 Hari Desain – Studi Kasus Branding

Ada beberapa aspek penting yang harus diperhatikan saat bekerja dengan klien—memenuhi harapan dan tenggat waktu adalah dua di antaranya. Pada tahap tertentu dalam karir setiap desainer, akan ada klien yang memiliki urgensi mendesak dengan proyek mereka. Ini adalah proyek yang mengajarkan seni memenuhi tenggat waktu dan betapa gilanya hal itu.

Biasanya ada dua jenis proyek yang akan dihadapi setiap desainer selama karir mereka: “Saya membutuhkan desain yang berpusat pada pengguna yang sesuai dengan proyek saya, tidak ada tenggat waktu yang ketat; Saya hanya ingin solusi terbaik”… Itulah impian setiap desainer. Tapi mari kita hadapi itu; pada kenyataannya, segala sesuatunya selalu lebih menantang.

“Saya menginginkan solusi yang luar biasa, inovatif, dan kreatif—UX yang bagus, antarmuka pengguna yang sangat bagus… dan saya membutuhkannya kemarin.”

Jadi apa yang terjadi ketika Anda menyadari bahwa ada 30 hari untuk membuat logo dan mendesain elemen merek utama, situs web, UI seluler, dan iklan/grafik media sosial?

Setelah mengalami serangan panik kecil, Anda menyadari bahwa bekerja cerdas adalah satu-satunya cara.

Membuat rencana dan memikirkan semuanya sebelumnya akan membantu produktivitas, presisi, dan kualitas desain. Seperti halnya usaha yang berhasil, kerja keras dan jam kerja yang panjang adalah beberapa syarat wajib untuk mewujudkannya.

Tidak peduli apa, selalu ada pertanyaan yang menyiksa ini:

• Apakah layak dilakukan dengan batasan waktu seperti itu?
• Akankah kendala waktu menyebabkan kualitas desain yang buruk?
• Apakah saya akan melakukan pekerjaan yang lebih baik jika saya memiliki lebih banyak waktu?

Pastinya ya!

Seperti halnya proyek apa pun, selalu ada kelebihan, kekurangan, dan kendala yang, sebagai desainer, kita harus menemukan jalan keluar dan bahkan menggunakannya untuk keuntungan kita untuk menghasilkan solusi kreatif.

Memiliki gagasan yang jelas tentang tugas yang perlu dipenuhi untuk penyelesaian proyek yang berhasil adalah kuncinya, serta memberi tahu klien secara diplomatis bahwa jangka waktu yang singkat berpotensi berdampak negatif pada kualitas desain secara keseluruhan. Namun, tekanan tenggat waktu yang mendesak bukanlah alasan untuk tidak memberikan yang terbaik pada keahlian Anda—gunakan itu untuk mendorong diri Anda sendiri untuk memberikan pekerjaan sebaik mungkin. Sebuah studi yang dilakukan oleh Harvard Business School tentang pekerjaan kreatif yang dilakukan di bawah tekanan waktu menyimpulkan ini:

Studi ini menunjukkan bahwa manajer mengambil langkah-langkah untuk melindungi waktu bagi karyawan untuk terlibat dalam pemrosesan kognitif kreatif, terutama karyawan yang pekerjaannya membutuhkan kreativitas tingkat tinggi. […] Sangat mungkin bahwa ide-ide kreatif tidak akan sering dihasilkan tanpa adanya tekanan waktu sama sekali, baik yang dipaksakan sendiri atau yang dipaksakan dari luar.

Temuan ini menunjukkan bahwa tingkat tekanan yang besar dapat bekerja melawan pekerjaan kreatif, namun pada saat yang sama, penelitian ini juga menunjukkan bahwa tingkat tekanan yang wajar mengenai pekerjaan kreatif mungkin berguna dalam membantu menghasilkan desain yang lebih baik.

Selalu menjadi tantangan untuk menyelesaikan semuanya ketika Anda bekerja sebagai pekerja lepas dengan banyak proyek aktif, tetapi ini adalah peluang bagus untuk rajin dengan jadwal Anda dan membuat waktu terbatas Anda bekerja untuk Anda! Membuat pekerjaan jarak jauh bekerja untuk Anda itu sederhana, namun tidak mudah. Kombinasikan ini dengan rencana yang solid, dan Anda memiliki resep untuk sukses.

Hari 1-2: Hal Pertama Yang Utama—Rencanakan!

Langkah pertama adalah memecah proyek menjadi bagian-bagian yang lebih kecil dan menghitung berapa banyak waktu yang dibutuhkan untuk menyelesaikan setiap tahap proyek. Menetapkan tujuan meningkatkan motivasi dan pencapaian. Ilmu pencapaian tujuan merekomendasikan untuk memecah tujuan besar Anda menjadi langkah-langkah tindakan yang jelas dan pasti—melakukan ini akan memberi Anda keuntungan besar dalam upaya Anda untuk mencapainya.

Mengenai desain branding, praktik yang baik adalah membuat beberapa versi desain sehingga klien memiliki opsi berbeda untuk dipilih. Preferensi pribadi saya adalah membuat tiga iterasi desain logo dan elemen merek utama seperti tipografi, palet warna, citra, dan set ikon. Melakukan ini terlebih dahulu akan memungkinkan Anda untuk membawa konsep dan ide visual ke langkah berikutnya.

Buat proses kerja dan ikuti mereka.

Menciptakan proses kerja akan memudahkan alur kerja dan tanggung jawab yang menyertai setiap proyek. Berikut ini adalah pendekatan saya yang biasa untuk proyek desain tipikal, baik itu branding atau desain antarmuka pengguna:

Riset

Cari tahu segala sesuatu tentang bisnis klien Anda:

• Apa inti bisnis mereka dan apa aktivitas utama mereka?
• Siapa target audiens mereka dan apa kebutuhan mereka?
• Apa tujuan mereka dan masalah apa yang perlu dipecahkan menggunakan desain?
• Siapa pesaingnya dan bagaimana Anda bisa menjadi lebih baik?

Kuesioner atau ringkasan desain adalah salah satu cara yang paling mudah dan efisien untuk mengumpulkan informasi yang disebutkan di atas.

Buat Papan Suasana Hati

Salah satu hal yang dapat Anda gunakan untuk papan suasana hati adalah menciptakan konsep—bagian penting dari proyek apa pun. Dapatkan gambaran yang lebih besar—ambil semua riset Anda dan letakkan di satu kanvas besar sehingga Anda dapat melihat semua elemen yang harus dimasukkan ke dalam desain. Ada beberapa alat gratis yang membantu Anda membuat papan suasana hati dengan mudah.

Jika Anda tidak menyukai alat online, menggunakan Adobe Illustrator berfungsi dengan baik karena Anda dapat membuat, menambahkan, dan memindahkan elemen dengan bebas. Anggap saja sebagai kolase—jangan terlalu khawatir tentang penempatan detailnya; Anda bebas mengatur semuanya sesuai keinginan Anda. Tujuan utamanya adalah untuk melihat bagaimana warna, foto, ikon, tipografi, dll. bekerja satu sama lain—secara visual dan dalam bercerita.

Hari 3: Membuat Konsep Desain

Membuat konsep adalah langkah selanjutnya setelah menyelesaikan papan suasana hati Anda dan merupakan dasar dari semua pekerjaan Anda di masa depan. Sebuah konsep diproduksi sebagai model eksperimental untuk menguji kelayakan fitur desain.

Papan suasana hati akan membantu dalam menetapkan arah visual awal yang harus sesuai dengan audiens yang Anda targetkan dan tujuan bisnis. Konsep ini akan menjadi dasar arah UX Anda dan, oleh karena itu, merupakan bagian dari 10 Hasil Kerja UX yang digunakan oleh desainer top.

Penting untuk menghargai betapa pentingnya langkah ini karena konsep yang solid membantu dalam menceritakan kembali cerita yang menarik, bahkan selama tahap pertama proyek. Fokus utama harus memperhitungkan perasaan dan pengalaman yang dihadapi pengguna ketika berhadapan dengan visual daripada visual itu sendiri.

Salah satu konsultan pemasaran dan pembicara motivasi paling berpengaruh di industri ini, Simon Sinek, memberikan ceramah TED yang brilian tentang topik ini.

Papan suasana hati dapat membantu Anda membuat beberapa slogan pendek atau mungkin mengatur ikon dan gaya foto menjadi sebuah konsep. Karena bagus untuk memiliki tipografi yang dapat dibaca dengan cepat terlepas dari medianya, penting juga untuk mempertimbangkan tipografi ramah web dan cetak. Ini adalah elemen kunci dari desain yang hebat dan juga merupakan salah satu prinsip yang dianggap oleh praktik desain universal.

Hari 4: Desain Visual Merek

Proses membangun merek bisa menjadi membosankan dan memakan waktu jika Anda ketahuan mengikuti pendekatan yang salah sejak awal. Memulai dengan membuat iterasi logo paling baik dilakukan setelah Anda memiliki konsep yang disetujui, dan file panduan visual selesai. Ini akan memberi Anda kepercayaan diri bahwa Anda bergerak ke arah yang benar, dan memungkinkan Anda untuk mengatasi tantangan branding dengan cara yang cerdas dan efisien waktu.

Sangat penting untuk membuat sketsa pena dan kertas kecil dari ide-ide desain Anda. Ini akan memakan waktu lebih sedikit jika Anda membuat sketsa terlebih dahulu, dan kemudian melanjutkan ke Illustrator, Sketch, dll. untuk mengerjakan logo Anda. Langkah ini telah membantu saya merancang tiga proposal logo berbeda yang semuanya dalam arah visual yang dipilih untuk merek tersebut. Butuh beberapa hari untuk menyelesaikannya:

Mungkin ada beberapa perubahan dan penyesuaian tambahan pada desain logo, tetapi setelah klien memutuskan logo dan menyetujui elemen lain seperti warna, tipografi, ikon, dan gaya fotografi, Anda selesai dengan elemen branding dasar.

Hari 7-15: Desain Situs Web

Pengembangan merek mencakup lebih dari sekadar jenis logo—ini mencakup hampir semua aspek desain, termasuk situs web. Memulai dengan situs web terlebih dahulu dapat bermanfaat, karena Anda dapat menambahkan konsep visual dengan menerapkan aturan visual dan melihat bagaimana mereka bekerja bersama. Hal ini terutama terjadi ketika Anda membuat situs web yang pada akhirnya memiliki tujuan dan elemen yang mirip dengan aplikasi seluler.

peta situs

Peta situs adalah daftar halaman situs web yang dapat diakses oleh perayap atau pengguna. Ini bisa berupa dokumen yang digunakan sebagai alat perencanaan untuk desain web atau halaman yang menampilkan halaman situs web secara hierarkis.

Ini sangat membantu jika klien sudah memiliki peta situs karena memberi Anda pandangan yang jelas tentang semua halaman yang dimiliki situs web. Jika Anda diberikan proyek di mana peta situs diperlukan, Anda harus bekerja dengan klien untuk menyusunnya.

Ini bisa berarti menanyakan beberapa pertanyaan kepada klien Anda:

• Berapa jumlah halaman di situs web?
• Halaman apa yang paling penting?
• Apakah ada subhalaman?

Ini akan memberikan gambaran yang jelas tentang struktur situs web dan memberi Anda gambaran yang baik tentang ruang lingkup proyek.

Salin Pertama

Saya merasa berguna untuk meminta klien di muka untuk memberi saya semua salinan dan konten yang ingin dia sertakan di situs. Ini adalah praktik terbaik untuk membuat desain bekerja di sekitar salinan daripada membuat UI terlebih dahulu dan mencoba membuat salinan pas setelahnya.

Pendekatan salin pertama menghemat banyak waktu Anda dan pengembang. Jika Anda pergi sebaliknya, Anda bisa mengalami masalah. Meskipun terkadang berguna, menggunakan teks tiruan dapat berdampak negatif pada proyek nyata, terutama ketika desain sangat bergantung pada tipografi dan dirancang seputar konten. Desain copy-centric tidak memiliki kelemahan dan hanya membantu dalam menghasilkan karya kreatif dengan kualitas luar biasa.

Desain Beranda

Dengan mengikuti semua langkah sebelumnya, Anda sudah memiliki panduan visual umum, peta situs, dan salinan. Sekarang Anda dapat melanjutkan untuk mendesain halaman untuk situs web.

Beranda adalah hal pertama yang dilihat pengguna ketika mereka datang ke situs web, dan oleh karena itu, ini adalah halaman yang paling penting. Menerapkan prinsip Pareto menunjukkan bahwa beranda memegang 80% arah desain (konteks, tipografi, warna, elemen yang dapat diulang, dll.) dan sisa halaman 20%.

Sebaiknya mulai proses Anda dengan mengelompokkan dan memilih bagian untuk beranda. Konten dan salinan lengkap biasanya membantu saya mengatur seluruh halaman dan melihat aspek mana yang hilang serta bagian yang dapat ditambahkan untuk memaksimalkan dampak dan mendorong pengguna untuk membeli/menggunakan produk atau layanan.

Untuk menekankan layanan atau produk, coba gunakan bagian ajakan bertindak yang menonjol. Mereka adalah cara terbaik untuk beriklan serta menarik perhatian pengguna untuk membeli produk, berlangganan buletin, mendaftar, dll.

Jika teknologi, audiens target, dan jenis bisnis klien memungkinkan, menambahkan desain gerak seperti GIF atau animasi dapat memberikan seluruh subkonteks situs serta menekankan bagian ajakan bertindak. Namun, desainer harus berhati-hati untuk tidak melangkah terlalu jauh dan menciptakan sesuatu yang membutuhkan banyak waktu untuk dikembangkan.

Hari 15-25: Terapkan Desain Universal

Desain universal, seperti yang dijelaskan oleh pengembangnya, "dapat diterapkan untuk mengevaluasi desain yang ada, memandu proses desain dan mendidik desainer dan konsumen tentang karakteristik produk dan lingkungan yang lebih bermanfaat."

Konsep desain universal adalah salah satu solusi paling optimal untuk digunakan saat menangani proyek lingkup besar—konsep terpadu dan arah visual yang terfokus untuk branding, situs web, dan aplikasi seluler sangat bermanfaat saat mendesain di bawah batasan waktu.

Perlunya elemen berulang bisa menjadi tantangan tersendiri. Ini terjadi ketika Anda menghadapi persyaratan teknis. Situs web dan platform seluler yang responsif memiliki filosofi dan seperangkat aturan yang sama sekali berbeda dan, oleh karena itu, dapat menjadi masalah jika tidak ditangani dengan tepat. Namun demikian, membuat elemen yang dapat digunakan di berbagai platform adalah salah satu tulang punggung kesuksesan proyek apa pun—dalam keadaan khusus ini, tidak mungkin mencakup begitu banyak platform/perangkat tanpa desain terpadu yang secara jelas menetapkan arah untuk merek. perkembangan.

Kelemahan dari tenggat waktu yang ketat dan mendesain untuk banyak platform adalah Anda mungkin tidak menggunakan potensi penuh dari setiap platform yang Anda rancang. Dalam kasus seperti itu, karena keterbatasan waktu, solusi “antipeluru” sederhana yang akrab bagi basis pengguna bisa menjadi ide yang berharga.

Misalnya: Terapkan kembali satu ide di beberapa halaman dan buat ulang untuk setiap perangkat. Polanya serupa pada dasarnya, yang menguntungkan Anda. Bisa dengan cara Anda menampilkan informasi penting atau mengundang pengguna untuk membeli produk. Dalam hal ini, bahkan bilah pencarian bisa serupa jika tidak sama.

Diagram alir

Merancang situs web selesai dan Anda memiliki visi yang lebih jelas tentang UX untuk aplikasi.

Salah satu cara Anda dapat membuat proses pembuatan UX lebih mudah dan lebih jelas adalah dengan membuat diagram alur pengguna.

Ada beberapa metode dan alat yang dapat Anda gunakan untuk membuat diagram alur—praktik yang biasa dilakukan adalah membuat diagram grafik dengan judul pendek dan, jika diperlukan, teks penjelasan. Menggunakan Sketch atau Illustrator untuk ini adalah preferensi saya, tetapi alat apa pun yang memungkinkan Anda membuat dan memindahkan elemen baik-baik saja untuk tugas ini.

Will Little telah memberikan interpretasi yang bagus tentang ini:

Di sinilah engineer dan kreatif harus bekerja sama secara erat untuk memutuskan jenis perangkat lunak apa yang paling mendukung antarmuka yang diinginkan dan perilaku klik/gesek, hingga ke setiap tab terakhir, tooltip, lightbox, ikon, dll… .

Buatlah Tinggi dengan Membuatnya Rendah

Menemukan tujuan utama aplikasi akan membantu menentukan UX. Itu bisa membantu pengguna membeli produk, atau mungkin membantu mereka menggunakan produk—pengalaman pengguna perlu mengakomodasi itu. Gambar rangka dengan fidelitas rendah yang dibuat di atas kertas dan kemudian dibawa ke fidelitas yang lebih tinggi di Sketch atau Photoshop dapat sangat memudahkan prosesnya.

Dalam hal ini, gambar rangka dengan ketelitian rendah sudah cukup karena aplikasinya sederhana dan hanya perlu mengikuti detail visual dari situs web.

Jika Anda bisa, atur tes kecil untuk UX Anda. Anda akan memerlukan grup uji pengguna masa depan untuk melihat apakah gambar rangka dan aliran UX masuk akal. Setelah pengujian, Anda akan dipersenjatai dengan wawasan berharga dan Anda dapat melanjutkan ke langkah berikutnya (membuat antarmuka pengguna).

Desain Terpadu

Setelah melakukan beberapa penyesuaian pada UX, Anda memiliki semua yang Anda butuhkan untuk membuat UI yang logis dan terdefinisi dengan baik, memungkinkan Anda menyesuaikannya dengan persyaratan visual platform iOS dan Android. Karena iOS memiliki beberapa panduan desain yang sangat spesifik yang dapat mencegah Anda masuk ke Apple App Store, Anda harus mengetahui aturan tersebut dan memeriksa dengan cermat bagaimana desain Anda diterapkan selama tahap pengembangan.

Anda dapat membuat desain terpadu untuk platform iOS dan Android sambil tetap menggunakan kekuatan terbesarnya dengan mengikuti panduan dan aturan saat mendesain UI.

Hari 25-30: Buat Iklan yang Sinkron dengan Branding

Pada titik ini, Anda seharusnya telah mendesain logotype, elemen branding, situs web, dan aplikasi seluler. Meskipun Anda mendesain semuanya dalam waktu kurang dari 25 hari, masih terlalu dini untuk merayakannya karena masih ada satu langkah lagi yang perlu dipertimbangkan—membuat iklan untuk jejaring sosial dan media cetak. Di sinilah konsep yang Anda buat di awal akan sangat membantu.

Mengikuti tip berikut saat mendesain iklan dan materi media sosial akan sangat meningkatkan kualitas, tingkat keterlibatan, dan keseluruhan kreativitas visual Anda:

• Manfaatkan warna-warna cerah dan cerah yang menonjol.
• Menampilkan orang-orang yang bahagia dan aktif membantu dengan dinamika dan perasaan tentang grafik Anda.
• Gerakan, aktivitas, dan kegembiraan orang selalu menarik perhatian dan membantu perasaan yang ditransmisikan secara keseluruhan.

Semua aturan ini akan membantu Anda dalam membuat grafik yang luar biasa untuk iklan. Jika sesuai, manfaatkan palet warna, tipografi, dan visual lain yang telah Anda gunakan di seluruh situs web, pencitraan merek, dan aplikasi Anda. Ini akan membantu Anda konsisten dalam desain Anda dan akan menguntungkan Anda saat bekerja di bawah batasan waktu.

Jangan Pernah Berkomitmen pada Tenggat Waktu yang Tidak Dapat Anda Temui

Kadang-kadang, siapa pun dapat meremehkan jumlah upaya dan pekerjaan yang dapat dilakukan oleh satu proyek—inilah sebabnya perencanaan setiap langkah sangat penting di awal proyek. Tujuan dan sasaran realistis yang dibagi menjadi bagian-bagian kecil sangat penting untuk memberikan pekerjaan yang solid tepat waktu.

Benjamin Franklin mengatakan yang terbaik: "Dengan gagal mempersiapkan, Anda sedang bersiap untuk gagal."

Setiap saat, jangan pernah gagal untuk mempersiapkan, dan jangan pernah gagal untuk mengantisipasi kemungkinan bahwa Anda telah meremehkan pekerjaan dari segi waktu yang dibutuhkan untuk menyelesaikannya. Meskipun klien mungkin memiliki tenggat waktu, Anda harus memiliki keterampilan yang akan membantu Anda menentukan apakah suatu proyek dapat dilakukan atau bahkan layak dipertimbangkan sejak awal. Namun, jangan biarkan ini menjadi alasan bagi Anda untuk tidak menerima tantangan pribadi yang, pada akhirnya, dapat membantu Anda menjadi perancang dan pengelola waktu yang lebih terampil.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• Praktik Terbaik Desain UI dan Kesalahan Umum
• Keadaan Kosong – Aspek UX yang Paling Diabaikan
• Kesederhanaan Adalah Kunci – Menjelajahi Desain Web Minimal
• Prinsip Heuristik untuk Antarmuka Seluler
• Merancang untuk Keterbacaan – Panduan Tipografi Web