Bagaimana Mendesain Ulang Situs Web Perusahaan dalam 2 Jam (Bagian 1)

Berikut adalah pengalaman mendesain ulang situs web perusahaan daam waktu singkat yang dibagikan oleh seorang UX Designer Bernama SHIRISH SHIKHRAKAR: 

Beberapa minggu yang lalu, perusahaan saya, Parewa Labs, merilis tampilan baru untuk situs web kami. Situs web ini menggambarkan perjalanan kami menjadi perusahaan produk yang berorientasi pada nilai dan dengan sempurna mewujudkan apa yang kami perjuangkan sebagai perusahaan – perusahaan yang berjuang untuk kesempurnaan. 

Anda akan setuju ketika saya mengatakan, situs web adalah etalase perusahaan modern. Mirip dengan etalase fisik, ini adalah titik kontak pertama bagi pelanggan. Ia memiliki kekuatan untuk membuat atau menghancurkan nama baik dan reputasi perusahaan. Situs web yang tampak amatir dapat mendorong calon pelanggan sementara situs web yang tampak profesional dapat menarik dan mengonversi pelanggan baru. 

Pertanyaan pentingnya adalah bagaimana Anda mendesain situs web yang terlihat profesional? 

Dalam artikel ini, saya akan berbagi dengan Anda detail tentang bagaimana saya mendesain ulang situs web perusahaan saya menjadi situs web yang terlihat profesional dalam 2 jam dan Anda juga bisa. Saya akan menunjukkan kepada Anda semua langkah yang saya ambil dan alat yang saya gunakan untuk menyelesaikan tugas yang ada. Saya juga akan berbagi dengan Anda beberapa tips bermanfaat sepanjang jalan untuk menjaga ini tetap informatif mungkin. 

Latar Belakang 

Sebelum saya membahas caranya, mari kita mulai dengan alasannya. Saat blok teks pertama berbunyi, perusahaan saya baru-baru ini mendorong tampilan baru untuk perusahaan dan saya bertanggung jawab atas desain ulang. Saya bergabung dengan Parewa Labs sebagai desainer utama dan spesialis UI/UX di bulan Juni ketika perusahaan mencoba berekspansi ke pasar global. Peran saya adalah untuk mendorong merek secara global. Ini adalah usaha besar dan saya harus segera bekerja. Prioritas pertama saya dalam membangun merek adalah menciptakan identitas merek untuk produk unggulan perusahaan: Programiz. 

Saat mengerjakan branding produk, kami menemukan serangkaian nilai, visi, dan identitas keseluruhan yang dapat kami hubungkan, tetapi sesuatu selalu mengganggu saya. Meskipun satu-satunya fokus kami adalah mendorong Programiz secara iteratif lebih cepat setiap minggu, kesempatan kami untuk menunjukkan nilai-nilai dan visi kami di situs web perusahaan disingkirkan dan situs web itu sendiri menjadi masalah besar bagi saya. Sebagai seorang desainer, saya tidak bisa membiarkan situs web lama menjadi seperti itu. Jadi, ketika pengembang utama kami bergabung dalam pesta, saya membuat rencana hackathon untuk menyebarkan situs web yang baru diganti namanya dalam satu hari. Adapun saya, saya menetapkan tenggat waktu untuk diri saya sendiri: 2 jam. Anda mendengarnya dengan benar, membuat ide, membuat, dan mengirimkan mockup terakhir dalam 2 jam. 

Selanjutnya memulai tugas yang sebenarnya. 

A. Tools yang digunakan 

Berikut adalah tools yang saya gunakan untuk tugas ini. 

Figma 

Saya menggunakan Figma untuk semuanya: wireframing, membuat mockup, prototyping, developer handoff, dan presentasi. 

Ini bagus untuk kerja kolaboratif dan membangun sistem desain adalah hal yang menyenangkan. Saya sarankan Anda menggunakan apa pun yang tersedia dengan Anda. Figma adalah pilihan pribadi saya tetapi jika Anda ingin mengetahui alat UX terbaik, Anda dapat membaca artikel saya di sini. Terus terang, setiap alat UX modern sudah cukup baik. Seperti yang mereka katakan, pekerja yang buruk selalu menyalahkan alatnya. Bagi mereka yang baru memulai, Figma mungkin merupakan pilihan yang baik. 

B. Prototipe HTML 

Untuk pembuatan prototipe HTML, saya menggunakan kerangka kerja SASS open-source saya sendiri, Sass-Starter, untuk membuat handoff desain awal. Ini mempercepat proses pembuatan prototipe saya. Meskipun pengembang utama kami adalah orang yang menggunakan ini untuk proyek ini, saya hanya ingin memasukkannya di sini. (Shameless Plug ) 

C. Pena dan kertas 

Meskipun ada banyak alat yang tersedia, pada awalnya, saya masih lebih suka cara lama bekerja dengan pena dan kertas. Dalam proyek ini, saya menggunakan pena dan kertas untuk wireframing.