12 Contoh Ilustrasi Kustom Paling Kreatif Dalam Desain Web Membangun Bisnis Online Yang Kuat
Diterbitkan: 2018-07-20Ketika perusahaan berusaha untuk memberikan pengalaman web yang terasa semakin pribadi, kami telah melihat banyak desainer menggabungkan ilustrasi khusus sebagai sarana untuk mencapai tujuan ini.
Pada hari-hari awal, sebagian besar perusahaan merancang properti web mereka dengan tujuan sederhana untuk menampilkan diri mereka sebagai profesional dan dapat dipercaya. Tetapi dorongan menuju desain "profesional" ini sering diberikan, dalam praktiknya, melalui fotografi stok korporat yang hambar, dan tipografi.
Akibatnya, terlihat profesional berarti merancang situs web membosankan yang terlihat sama seperti setiap situs perusahaan lain di web.
Untungnya, desain web terus berkembang, dan perusahaan mulai melihat nilai desain yang mencerminkan kepribadian merek mereka. Kami bergerak melampaui citra stok menuju desain yang lebih autentik dan beresonansi. Ilustrasi kustom adalah komponen dari gerakan ini -- yang hadir dengan beberapa manfaat menarik.
Ilustrasi kustom bisa luas atau minimal, tetapi memiliki dampak besar pada merek dan identitasnya. Hal ini terutama berlaku dalam desain web, yang pada dasarnya adalah kehadiran digital utama yang ditawarkan merek.
Dan menggunakan citra kustom memiliki cara untuk membantu merek menonjol dari persaingan, mengukir tempat mereka sendiri di dunia online dengan ilustrasi dan animasi yang menarik, menyegarkan, dan menarik yang dapat membantu menyederhanakan informasi yang kompleks, mengarahkan pengguna dalam perjalanan pembeli mereka, dan menciptakan kepribadian yang menyenangkan dan mudah didekati.
Dua pertiga konsumen lebih suka berinteraksi dan terlibat dengan desain yang menarik secara visual daripada desain yang polos dan hambar.
Tapi mengapa sebenarnya ilustrasi begitu berdampak?
Ilustrasi Memiliki Dampak Kuat Pada Desain Web
Ilustrasi Unik Dan Dapat Diidentifikasi
Karena dirancang khusus untuk merek Anda, ilustrasi khusus 100% unik dan khusus untuk Anda. Ketika dilakukan dengan baik, itu langsung dikenali dan mudah dikaitkan dengan merek Anda bahkan di luar konteks situs web atau aplikasi Anda. Ini membedakan merek Anda dari pesaing, meningkatkan peluang Anda untuk mudah dibedakan dan lebih mudah diingat.
Apakah Anda sering menggunakannya atau hanya memasukkannya dalam dosis kecil, ilustrasi ini adalah alat yang ampuh yang memberi Anda keunggulan atas pesaing Anda karena mereka membangun identitas untuk merek Anda yang tidak dapat dilupakan.
Ilustrasi Bergaung Secara Emosional
Dari perspektif desain web, ilustrasi seringkali lebih mampu memunculkan respons emosional pengguna daripada fotografi. Sebuah ilustrasi biasanya mengejutkan dan menarik perhatian -- kita tidak berharap untuk menemukannya, jadi ketika kita melakukannya, kita cenderung memperhatikan. Terlebih lagi, sifat ilustrasi yang aneh secara inheren memiliki kekuatan untuk membawa kegembiraan dan kesenangan bagi pengguna.
Ilustrasi dapat membangkitkan nostalgia dari pengalaman atau ingatan masa lalu. Mereka dapat meringankan tugas yang sangat sulit. Mereka dapat menceritakan sebuah kisah yang beresonansi secara mendalam dengan audiens Anda. Dan ketika Anda terhubung pada tingkat emosional, Anda meninggalkan kesan yang bertahan lebih lama dan terasa lebih positif.
Ilustrasi yang Informatif
Sementara ilustrasi menarik dan menghibur secara visual, ilustrasi juga dapat melayani tujuan yang sangat praktis untuk menyampaikan informasi dan mengarahkan perhatian pengguna. Animasi khusus, khususnya, dapat digunakan untuk mendemonstrasikan cara kerja produk atau layanan, memungkinkan situs web menyampaikan kasus penggunaan dengan ketergantungan terbatas pada teks. Ilustrasi dapat menekankan suatu hal dan mencakup suatu gagasan atau menunjukkan suatu kategori. Ini mudah dipahami oleh semua pengguna dan dapat lebih cepat dicerna daripada salinan web.
Mereka dengan cepat dan efisien memadatkan ide atau konsep yang mungkin dianggap kompleks dan rumit. Dan ia melakukannya dengan cara yang indah sehingga pengguna langsung terlibat, siap menyerap konten Anda dan mencerna informasi yang Anda berikan kepada mereka.
Ilustrasi Adalah Alat Branding yang Menarik
Karena ilustrasi khusus itu unik, mereka memiliki cara untuk menangkap identitas merek Anda dan mempromosikan esensi merek Anda dengan cara yang menyenangkan, menarik, dan komprehensif. Dan mereka dapat dengan mudah diintegrasikan di seluruh platform dan media untuk memberi merek Anda tampilan dan nuansa spesifik yang tidak mungkin dilupakan konsumen.
Dan mereka juga sangat sederhana! Anda tidak perlu berlebihan dalam ilustrasi Anda. Mereka bisa elegan dan halus dan masih mengemas pukulan. Dan jika Anda dapat terus menggunakannya dalam iklan, konten media sosial, dan lainnya, Anda pasti akan hadir di industri yang berlangsung selama bertahun-tahun.
77 persen pemasar menyebutkan branding sebagai elemen penting untuk pertumbuhan.
Jadi, dengan manfaat yang jelas, perusahaan mana yang menggunakan ilustrasi khusus untuk meningkatkan pengalaman pengguna? Di bawah ini adalah 12 merek yang bisa kita cari untuk inspirasi.
Agen desain web Miami ini dapat membantu Anda membuat ilustrasi situs web yang menarik dan kuat.
12 Contoh Ilustrasi Kustom yang Menakjubkan Ini Meninggalkan Kesan Abadi Bagi Pengguna
1. Warby Parker
Pengecer kacamata online Warby Parker menghadirkan sentuhan ilustrasi yang halus pada desain web mereka. Ilustrasi digunakan untuk penekanan, mengidentifikasi bingkai tertentu pada halaman kategori sebagai "pilihan staf." Mereka juga tersebar di seluruh halaman informasi situs web, sekali lagi menambahkan penekanan, serta mengelompokkan konsep dan menandai area situs yang lebih banyak teks.
Ilustrasi ini menambahkan kesederhanaan dan keanggunan ke situs yang memudahkan pengguna untuk menggulir. Mereka membawa kepribadian yang keren dan segar ke merek dan mendorong lebih banyak pengguna untuk berinteraksi lebih sungguh-sungguh dengan desain.
Dan ilustrasi yang cerdas dan konyol ini memiliki banyak sekali bentuk yang berbeda, beberapa lebih konvensional daripada yang lain -- seperti tanda uang menari ini. Namun secara keseluruhan, mereka menambahkan kejelasan ke situs yang bisa dianggap terlalu padat.
Merek e-niaga sangat bergantung pada desain web -- tingkatkan milik Anda dengan agensi desain dan pengembangan situs web e-niaga teratas ini!
2. Asana
Asana adalah alat pengatur tugas dan produktivitas yang kuat yang menggunakan ilustrasi khusus kecil untuk meningkatkan kesenangan yang diambil pengguna dalam menggunakan platform. Platform ini memiliki desain datar yang ditonjolkan dengan warna-warna berani dan beberapa ilustrasi. Ilustrasi ini berfungsi untuk membawa kepribadian ke platform dan bertindak sebagai penanda informasi atau tindakan yang tersedia. Ilustrasi membuat platform lebih mudah dan lebih menyenangkan untuk digunakan.
Ilustrasi di situs Asana keren dan licik, menambahkan tepi geometris, modern, dan intuitif ke situs yang mempromosikan kecanggihan dan otoritasnya di bidangnya, sekaligus menjaga desain web secara keseluruhan ringan dan mudah didekati.
Warna-warna tenang dan lembut yang dipadukan dengan bentuk dan citra minimal, geometris dan ketat adalah cara yang bagus untuk menyelaraskan merek sebagai pemimpin dalam produktivitas dan manajemen. Dan ia melakukannya tanpa memukul kepala pengguna secara tiba-tiba.
3. Duo Lingo
Mirip dengan Asana, platform pembelajaran bahasa Duo Lingo juga menggunakan ilustrasi untuk meningkatkan kepuasan dan kenikmatan pengguna platform. Desain visual platform sepenuhnya didasarkan pada ilustrasi dan ikonografi. Ilustrasi tidak hanya membantu merepresentasikan kategori pembelajaran secara visual, tetapi juga membuat platform terasa mudah didekati, ramah, dan diterima -- atribut yang dapat membuat proses pembelajaran bahasa tidak terlalu menakutkan bagi pengguna.
Duo Lingo memasukkan ilustrasi ini ke seluruh situs -- dan ilustrasi ini hampir membentuk sebagian besar desain secara keseluruhan, menjaga teks tetap ringan dan menempatkan fokus pada kekuatan gambar ini.
Ini adalah platform yang membantu orang belajar bahasa baru. Dan bahkan jika Anda ingin mempelajari sesuatu, konten pendidikan bisa jadi sulit untuk berinteraksi. Di situlah ilustrasi masuk, menambahkan cahaya dan membuat seluruh proses belajar bahasa baru menjadi mudah dan menginspirasi.
4. Bumble dan bumble.
Ilustrasi adalah DNA dari merek perawatan rambut Bumble and bumble. Tipografi dan ilustrasi khusus digunakan dalam pengemasan dan merchandising, dan dibawa dengan mulus ke web. Ilustrasi tidak mendominasi atau mendominasi desain situs web Bumble dan Bumble, tetapi kehadirannya menegaskan kembali gaya dan estetika khas merek tersebut.
Ilustrasi Bumble and bumble tenang, sederhana dan tertinggi. Ada rasa ringan dan sejuk berkat pewarnaan pastel dan penggunaan kreatif pembentukan dan kemudaan yang menambah merek perawatan rambut ini -- dan itu penting mengingat target audiensnya yang muda dan milenial.
Ilustrasi dengan cerdik dimasukkan ke seluruh situs web, tersebar dengan cara yang kreatif dan canggih. Mereka tidak mengalahkan desain, malah menambahkan jumlah semangat dan keaktifan yang tepat untuk membuat orang terus menelusuri penawaran produk yang luas.
5. Osheaga
Festival musik dimaksudkan untuk bersenang-senang dan getaran ini sering terbawa ke dalam desain properti web mereka melalui penggunaan ilustrasi. Festival Osheaga yang berbasis di Montreal menggunakan maskot yang dapat dikenali dan ilustrasi khusus lainnya di seluruh situs web dan aplikasi mereka. Ilustrasi ini membantu menciptakan estetika visual yang kohesif untuk pengalaman Osheaga yang dapat dibawa ke seluruh properti, baik digital maupun cetak.
Animasi dan ilustrasi adalah alat branding hebat yang mudah digabungkan di seluruh platform. Dan memulai dengan desain web Anda adalah langkah pertama yang cerdas. Osheaga melakukan ini di sini, dengan ilustrasi yang dapat dikenali dan terlihat bersih yang mewujudkan karakter aktual yang digunakan merek di seluruh platform.
Karakter-karakter ini membantu menceritakan sebuah kisah dan menyampaikan pesan yang kuat yang menurut pengunjung situs web menarik dan menarik. Ada kelembutan pada desain ini yang mencerahkan seluruh suasana dan menetapkan nada untuk pengalaman festival yang mengasyikkan. Ini menempatkan pengguna dalam pola pikir yang benar untuk melakukan pembelian festival.
6. Orang New York
The New Yorker memiliki sejarah dengan ilustrasi, yang telah lama digunakan oleh majalah dalam edisi cetaknya dan merupakan elemen inti dari estetika merek mereka secara keseluruhan. Majalah menghormati dan membangun sejarahnya dengan ilustrasi dengan memasukkannya ke dalam desain web mereka. Ilustrasi segera dikenali dan mereka mengulangi kepribadian publikasi.
Ilustrasi ini adalah ikon dan mewujudkan merek dan warisan klasiknya. Ada modernitas pada desain yang ramping, canggih, dan bersih ini yang menghadirkan suasana hati yang jernih dan kepribadian yang nyata. The New Yorker terus tema ini di seluruh situs juga melalui tipografi dan nada.
Ilustrasi dapat membentuk seluruh identitas merek, memberikan keunggulan kompetitif dan mengangkatnya dari orang lain di industri yang sama. Dan dalam kasus The New Yorker, ilustrasi yang rapi dan memesona ini menjadi panggung bagi kisah-kisah kreatif yang ditayangkan di situs web.
7. Pembuatan Bir Mercusuar
Lighthouse Brewing Co. memberikan ilustrasi khusus untuk situs web mereka. Ilustrasi animasi di beranda mereka sangat cantik dan menawan. Dalam hubungannya dengan nama merek, ilustrasi bertema kelautan dengan kuat menyampaikan asal usul dan kepribadian merek. Secara keseluruhan, penggunaan ilustrasi oleh perusahaan membuat kunjungan ke situs mereka menjadi pengalaman yang tak terlupakan dan menyenangkan.
Ilustrasi ini membentuk keseluruhan desain, menciptakan identitas merek yang lengkap dan kohesif yang mengarahkan pengguna dari halaman ke halaman dengan mudah. Dan itu bukan tema yang membosankan, sifat bahari dari perahu, ombak, dan monster laut menciptakan cerita yang menari di balik layar.
Dalam contoh ini, ilustrasi menceritakan sebuah kisah yang berlangsung dari detik Anda mendarat di halaman hingga detik Anda pergi -- dan itu adalah kesan yang kuat untuk ditinggalkan pada konsumen yang pasti akan tetap bersama mereka setelah mereka meninggalkan situs web.
8. Lemas
Alat komunikasi tim Slack menggunakan ilustrasi khusus sebagai sarana untuk mengomunikasikan penggunaan, fitur, dan manfaat produk secara visual. Ilustrasi membantu menyampaikan poin penjualan utama platform secara sekilas. Salinan situs web dan ilustrasi khusus mendukung satu sama lain, tetapi pengguna tidak perlu menyelami salinannya secara mendalam untuk memahami informasi yang disampaikan oleh setiap bagian laman landas. Ini adalah cara yang efektif untuk mempercepat proses penjelajahan, membuatnya sederhana dan jelas bagi pengguna.
Desain web Slack minimal, dengan penekanan besar pada gambar untuk benar-benar menyederhanakan pengalaman secara keseluruhan dan memberi pengguna penjelasan langsung tentang kemampuan platform intuitifnya.
Desain ini sederhana, menakjubkan dan efektif. Anda melihatnya dan Anda tahu persis poin apa yang coba disampaikan oleh ilustrasi tersebut dan mereka melakukannya dengan cara yang efisien, menarik, dan intuitif.
9. Celemek Biru
Penyedia pengiriman makanan Blue Apron menggunakan ilustrasi khusus untuk membantu menunjukkan cara kerja layanan. Ini adalah contoh yang bagus tentang bagaimana ilustrasi dapat digunakan untuk menjelaskan produk atau layanan yang mungkin relatif baru bagi sebagian besar pengguna. Di bawah, Blue Apron menggunakan ilustrasi dengan warna biru dominan pada branding mereka untuk menjelaskan cara kerja layanan.
Blue Apron adalah salah satu merek pertama yang memperkenalkan pengiriman makanan sedemikian rupa -- dan ilustrasi ini sejak awal telah berfungsi untuk menyampaikan tujuan dan layanannya kepada konsumen yang mungkin tidak dapat memahaminya pada awalnya.
Dan ilustrasi ini membawa serta branding Blue Apron dalam bentuk warna dan nada. Mereka intuitif, menarik, dan komprehensif, menceritakan kisah merek dalam skenario yang bersih dan efektif yang dapat dipahami oleh semua audiens.
10. Hub Brooklyn
Situs real estat Hub Brooklyn yang kreatif dan intuitif dikemas dengan karakter yang penuh warna dan keren, semuanya digambar dalam ilustrasi yang cerdas. Ini adalah desain situs web yang menyenangkan dan menyenangkan yang memasukkan ilustrasi khusus untuk menceritakan kisah kompleks apartemen baru yang menarik dan semua yang ditawarkannya.
Karakter kartun yang rumit ini bekerja untuk mengubah industri real estat dan menambahkan keunggulan modern dan segar pada merek dan bangunan secara keseluruhan.
Ilustrasi kustom menonjol dari kompetisi tentu saja karena unik, dan merek menggunakannya dalam berbagai cara yang berbeda. Dalam desain ini, digunakan untuk mempromosikan rasa bercerita, antusiasme dan komunitas. Ini adalah bangunan tempat tinggal di Brooklyn, New York. Dan untuk menekankan fasilitas dan layanan inklusif dan komprehensif yang ditawarkan The Hub kepada penghuninya, situs ini memasukkan karakter kartun untuk berdiri sebagai penghuni sebenarnya.
11. Buffy
Buffy adalah merek e-commerce yang menjual produk tempat tidur berkualitas. Dan itu satu dengan persona modern, muda dan segar yang diwujudkan dalam produk, pemasaran dan desain web-nya.
Salah satu elemen desain webnya yang benar-benar menciptakan persona segar ini adalah ilustrasi khusus yang menari-nari di sekitar desain.
Ilustrasi ini bergelembung, bulat dan menyenangkan. Mereka muncul, diatur dengan gambar dan teks dan hidup di desain web ini dengan cara animasi yang tidak hanya mendorong pengguna dalam perjalanan pembeli mereka, tetapi juga memberi merek getaran muda dan konyol yang membuat audiens ingin berinteraksi.
Dan gambar-gambar ini juga membantu mewujudkan merek dan produknya. Mereka mengambil bentuk bantal dan selimut yang persis seperti yang dijual oleh merek — menjadikannya elemen desain yang intuitif.
Ilustrasi ini memiliki banyak bentuk — seperti gumpalan bulat kecil, hantu, dan karakter yang tersenyum bahagia pada pengguna saat mereka menggulir. Dan mereka memberi merek identitas yang bersemangat dan menyenangkan yang menjadikannya pesaing utama dalam industrinya.
12. Akademi Supremo
Supremo Academy adalah platform online bagi orang-orang untuk mempelajari teknik, taktik, dan wawasan bermanfaat yang akan mempersiapkan mereka untuk berkarir di bidang periklanan dan desain digital. Dan untuk menyederhanakan proses dan menambahkan kemudahan ke seluruh permainan pembelajaran, merek ini memasukkan animasi dan ilustrasi kreatif dalam bentuk karakter sirkus yang mengarahkan pengguna dalam perjalanan mereka.
Konten pendidikan bukanlah konten yang paling menyenangkan untuk berinteraksi — bahkan jika Anda tertarik dengan subjeknya dan bahkan jika itu adalah sesuatu yang ingin Anda lakukan. Menyerap dan mempertahankan konsep kompleks ini memiliki tantangannya sendiri. Jadi ilustrasi ini sebenarnya membantu untuk mendorong pengguna agar mau menyerap informasi ini karena disajikan dengan cara yang menyenangkan.
Mereka juga menarik emosi, memunculkan nostalgia yang berasal dari karakter yang diwujudkan oleh ilustrasi ini. Banyak orang memiliki kenangan indah tentang sirkus, dan animasi cerdas ini membantu mengingat emosi tersebut.
Dalam desain ini, desain khusus ini memberikan dampak yang kuat pada jiwa pengguna.
Pentingnya Branding Dalam Situs Web
Jika branding konsisten, bisnis dapat melihat pertumbuhan pendapatan rata-rata sebesar 23 persen .
Branding sangat penting untuk kesuksesan bisnis. Dan elemen bermerek harus dimasukkan ke semua area bisnis -- mulai dari kemasan produknya hingga kehadiran media sosialnya dan terutama di situs webnya.
Ada sejumlah cara berbeda untuk mengintegrasikan branding yang konsisten dalam desain web. Anda dapat menggabungkan tipografi kreatif, suara merek yang cerdas, dan orientasi tertentu.
Tetapi cara lain untuk menjaga branding ini tetap bersih dan komprehensif adalah melalui ilustrasi khusus.
Ilustrasi kustom dapat melayani banyak tujuan berbeda dalam desain web dan dapat digunakan dalam banyak cara. Baik digunakan secara hemat untuk memasukkan elemen imajinasi ke dalam situs, atau digunakan sebagai elemen visual dominan situs, ini adalah cara yang efektif untuk menarik dan memikat pengguna.
Dan ini adalah alat yang hebat untuk pencitraan merek -- mengambil gambar-gambar ini dan menyematkannya di seluruh platform dan media sehingga pengguna memiliki pengalaman yang sama di setiap tempat yang mereka putuskan untuk berinteraksi dengan bisnis Anda.
Dan branding adalah apa yang membuat bisnis tetap relevan. Ini adalah persepsi yang dimiliki konsumen tentang Anda, produk, dan layanan Anda. Tentu saja, Anda harus memastikan pengalaman mereka dengan produk Anda menyenangkan. Namun di luar itu, elemen desain yang terlihat yang membombardir mereka di ponsel cerdas, akun media sosial, dan papan reklame mereka akan meninggalkan kesan yang lebih lama -- karena inilah yang mereka lihat saat memikirkan bisnis Anda.
Anda harus terus-menerus memikirkan tentang branding dan menjaga kehadiran Anda tetap konsisten dan kohesif. Anda dapat memulai perjalanan ini dengan ilustrasi khusus -- dan 12 merek ini menunjukkan kepada Anda betapa hebatnya hal itu.
Di DesignRush, kami tahu bahwa branding itu penting -- tampilkan brand Anda di depan dan di tengah dengan meminta bantuan dari studio desain logo dan branding kreatif ini!
Punya pertanyaan tentang desain dan branding? Kami punya jawaban! Mendaftar untuk Dosis Harian DesignRush untuk wawasan bermanfaat kami!