Desain UI UX Landing Page Portofolio

Desain UI / UX Landing Page Portofolio. Analisis fungsi halaman dan kasus praktis yang menampilkan berbagai tahapan proses.

Membuat situs web atau aplikasi, pada umumnya orang-orang memiliki tujuan yang tentunya berbeda-beda pula. Beberapa dari mereka dalam studi kasus konversi uang nyata atau virtual, beberapa memberikan pendaftaran dan yang lainnya membujuk pelanggan / target. Dalam semua kasus, tidak ada yang memulai usaha tanpa memikirkan apa yang ingin mereka dapatkan : uang, popularitas, promosi untuk ekspresi diri, kekuasaan, dan sebagainya. Oleh karena itu, dalam semua kasus, produsen dan pengiklan dari produk web dan mobile mana pun yang menjual sesuatu, meskipun pembayarannya dapat melampaui uang pengguna, berkonsentrasi pada umpan balik dan tanggapan lain. Itulah sebabnya, kita harus menganalisis efisiensi dari situs web atau mobile.

Mempertimbangkan tren baru dari bidang komunikasi dan perdagangan online, mudah untuk mengatakan bahwa Landing Page meningkatkan popularitasnya dengan cepat dan mantap. Alasannya sederhana, Calon pengguna produk kalian dikelilingi oleh banyak sekali sumber informasi, sehingga sangat mudah tersesat di dalamnya. Itulah mengapa begitu banyak upaya dilakukan untuk menciptakan keberadaan web yang kuat untuk produk apa pun yang memiliki reputasi baik. Di antara upaya tersebut, kalian tidak hanya akan berupaya untuk meningkatkan produk itu sendiri, tetapi juga banyak pekerjaan untuk menciptakan kesadaran merek dan pemasaran yang efisien. Dan, dengan mempertimbangkan statistik dan penelitian di bidang ini, Landing Page juga bisa menjadi cara yang baik untuk memperkuat produk.

Inti dari Landing Page


Orang-orang umumnya memahami halaman web khusus yang dibuat untuk presentasi produk, layanan, fitur, atau opsi tertentu sehingga pengunjung bisa mendapatkan informasi yang diperlukan dengan cepat dan mudah tanpa terganggu oleh opsi lain. Itulah mengapa para analis mengatakan Landing Page dalam banyak kasus jauh lebih efisien daripada halaman beranda. Halaman beranda memiliki terlalu banyak opsi dan melewati semuanya untuk menemukan produk tertentu yang dapat mengalihkan perhatian pengguna dari pengambilan keputusan, kehilangan minat atau bahkan merasa kesal.

Nah, Bayangkan, kalian akan mengunjungi, katakanlah, Medan, untuk berjalan-jalan di sekitar Manhattan. Itulah rencana temen-temen. Dan akhirnya, kalian menemukan layanan yang menawarkan untuk membawa temen-temen ke Medan dengan cepat dan murah. Hebat, bukan? Kalian bisa langsung mengemasi tas, mengisi baterai kamera, kalian pasti senang karena rencana akan menjadi nyata. Dan kemudian temen-temen tertarik oleh orang-orang luar biasa yang menawarkan realisasi rencana kalian ke titik awal Kota Medan. Dan mereka membawa kalian kesana untuk menemukan Manhattan atau tempat lain yang temen-temen inginkan sendiri. Bagaimana apa kalian menyukainya sekarang? Siapa tahu, mungkin saja tidak akan begitu bahagia setelah melalui perjalanan yang melelahkan mengelilingi kota besar mencari tempat yang diinginkan. Bukankah akan menyenangkan dibawa langsung ke tempat tujuan, segar dan siap untuk mengagumi dan menyerap energi positif? Bukankah sebagai pelanggan akan lebih bahagia bila mencapai tujuan dengan lebih cepat dan lebih mudah? Tentu saja iya kan.

Dan itulah yang dilakukan Landing Page. Ketika seseorang memperoleh informasi dari sumber luar tentang produk, fitur, informasi atau layanan tertentu dan mengklik tautan ke penyedia, tentu saja, dia tidak bermimpi untuk menghabiskan banyak waktu mencari produk atau halaman yang diinginkan di antara semua tautan dan informasi yang disediakan di beranda temen-temen. Pengguna ingin “mendarat” di tempat itu yang akan memungkinkannya mendapatkan apa yang mereka inginkan secepat mungkin dan mendapatkan informasi yang cukup (tetapi tidak terlalu banyak) untuk mendukung proses pengambilan keputusan mereka. Jadi, seperti yang dibuktikan oleh praktik, membuat Landing Page yang dipikirkan dengan matang adalah hal yang sangat penting untuk memperkuat pemasaran temen-temen dan meningkatkan rasio konversi.

Karena topik ini cukup aktual hari ini, aku telah memutuskan untuk membuat bagian baru untuk set studi kasus. Kali ini tentang proses pembuatan Desain UI UX Halaman Portofolio.

Tugas

Desain UI UX Halaman Portofolio untuk platform penemuan diri di internet.

Alat

Adobe Photoshop, Adobe Illustrator, Adobe XD.

Proses


Seperti biasa, mulai bekerja dengan membuat sketsa, dengan mengingat bahwa Landing Page harus memiliki tiga bagian utama:

1) Ide umum aplikasi dengan elemen ajakan bertindak. Ajakan bertindak adalah untuk mendorong orang untuk menjelah web/aplikasi kita.

2) Testimonial

3) Deskripsi fitur utama

Sketches for a landing page by Tubik Studio


Seperti yang temen-temen lihat, desainer membuat skema efisien dari Landing Page. Bagian pertama yang disebutkan harus menarik perhatian pengguna, menyampaikan gagasan umum aplikasi, menciptakan perasaan positif tentang produk/jasa dan menunjukkan kemungkinan tindakan potensial. Karena bagian ini menampilkan tombol yang diklik sehingga pengguna dapat langsung menuju isi web/aplikasi. Oleh karena itu, bagian pertama halaman di area yang dilihat sebelum menggulir ke bawah halaman harus cukup informatif, tetapi tidak terlalu banyak, menarik dan fokus pada tujuan konversi.

Bagian kedua dari halaman juga sangat penting untuk disertakan. Testimoni dikenal luas dan merupakan cara yang sangat efisien untuk menyampaikan penerimaan sosial dan persetujuan produk, sehingga Landing Page adalah tempat yang tepat bagi mereka. Hal penting yang harus dilakukan di bagian ini adalah membuatnya berbeda dari konten lainnya, sekali lagi menarik dan mudah dibaca.

Bagian ketiga dari halaman ini menyertakan informasi tambahan bagi para pengguna yang tertarik dengan fitur produk sebelum mereka mengklik untuk memilih pilihan mereka. Bagian ini berisi informasi yang lebih detail tentang produk/jasa dan manfaatnya.

Salah satu ciri penting dari Landing Page yang efisien adalah bahwa semua salinan harus terlihat harmonis, jelas dan dapat dibaca. Jadi satu hal lagi yang perlu dianalisis untuk desainer adalah font dan tipografi.

Jadi, setelah membuat sketsa varian dan mendiskusikannya dengan pelanggan, perancang mengeluarkan versi pertama dari bagian halaman yang digulir sebelumnya yang dirancang dengan gaya datar umum dengan skema warna yang relatif netral. Testimonial ditawarkan untuk meluncur ke layar satu demi satu.



Jadi perancang mengerjakan versi halaman penuh, yang menampilkan semua perubahan yang ingin dilihat pelanggan. Terakhir, setelah berkolaborasi erat dengan pelanggan dan terus memberikan pembaruan dalam prosesnya.

Pekerjaan ini menunjukkan pentingnya setiap detail saat mendesain Landing Page. Pekerjaan ini jauh melampaui batas seni murni karena mencakup analisis yang mendalam sehingga semua elemen itu bermakna, informatif dan membimbing pengguna untuk mencapai tujuan mereka.

Apabila temen-temen tertarik dan berminat dengan Desain UI UX Landing Page Portofolio dan ingin mempelajarinya maupun mengembangkannya agar lebih baik ataupun menjadi sesuai dengan kebutuhan kalian? temen-temen boleh langsung unduh disini.

Semoga bermanfaat ya buat temen-temen, kalian juga boleh kok buat ngembangin lagi sehingga Desain UI UX Landing Page Portofolio ini akan semakin menjadi lebih baik. Jika temen-temen memiliki saran tentang apa yang harus diperbaiki dalam proses semacam ini, beri tahu aku di komentar di bawah. Juga, jika kalian menyukai jenis konten dari aku, beri tahu di komentar sehingga nantinya dapat membuat lebih banyak di waktu mendatang! 

Baca juga

Posting Komentar