9 Situs Web Desain + Situs untuk Inspirasi

Ide Desain Situs WebMembuat desain situs web yang bagus bisa jadi sulit.


Ketika Anda tidak bisa mendapatkan jus kreatif mengalir sesuai permintaan, mudah untuk merasa mandek dan menjadi frustrasi.

Jika itu yang Anda rasakan saat ini (atau kadang-kadang), pos ini ada di sini untuk membantu Anda.

Berikut ini, kami memberi Anda cara yang dapat ditindaklanjuti untuk mengatasi desainer blok ketika ide-ide tidak mengalir.

Siap? Ayo mulai …

9 Tips Desain Web untuk Saat Anda Merasa Terjebak

Untuk membantu Anda menghasilkan ide-ide bagus, kami mulai dengan tips desain web yang dapat Anda gunakan segera untuk meningkatkan apa yang sedang Anda kerjakan.

1. Gunakan Dewan Mood Pinterest

Pinterest adalah alat yang hebat untuk dibuat papan suasana hati. Anda dapat mengumpulkan materi visual yang menurut Anda akan membantu dalam proyek Anda atau akan memberikan arahan. Ini dapat berupa gambar, skema warna, tata letak, situs web yang ada, dan banyak lagi.

Papan mood Pinterest

Papan mood akan bertindak sebagai hub pusat untuk inspirasi desain Anda. Anda juga dapat membaginya dengan klien atau kolaborator sehingga mereka dapat berkontribusi pada materi mereka sendiri.

2. Buat Rencana Langkah-demi-Langkah

Membuat rencanaAnda tahu apa yang mereka katakan: Gagal merencanakan berarti gagal. Ini juga berlaku dalam desain web. Jika ide-ide desain situs web gagal muncul, mungkin itu karena Anda belum berurusan dengan dasar-dasarnya. Hanya ketika dasar-dasarnya ada, Anda dapat menempatkan sentuhan kreatif di atasnya. Seperti apa perencanaan ini:

  1. Tetapkan tujuan situs web – Anda perlu tahu apa yang seharusnya dicapai oleh situs tersebut. Jika tidak, apa yang Anda rancang? Tujuan yang baik adalah SMART: Sistimewa, M.mudah, SEBUAHdapat dicapai, Relevant, dan Timely Lebih lanjut tentang itu sini.
  2. Buat sketsa perjalanan pembeli – Selain tujuan keseluruhan, Anda juga perlu mencari tahu jalan apa yang Anda inginkan pengunjung ambil. Dari saat mereka mencapai situs Anda sampai ke tujuan apa pun yang ada dalam pikiran Anda. Dengan begitu, Anda bisa membuat struktur untuk membimbing mereka di sepanjang jalan. Hubspot memiliki artikel bagus itu.
  3. Datang dengan panduan gaya – Membuat panduan gaya akan membantu Anda tetap konsisten dalam desain Anda. Ini mendefinisikan font, warna, dan elemen desain lainnya. Menggunakan satu mempromosikan keseragaman, terutama ketika bekerja dengan orang lain. Google adalah contoh yang bagus.
  4. Rencanakan SEO Anda – Perencanaan juga penting untuk SEO. Buat peta situs web untuk memahami bagaimana menyusun informasi Anda untuk pengunjung dan mesin pencari.

3. Fokus pada Struktur Pertama

Sama seperti membuat rencana, berkonsentrasi pada struktur situs web Anda terlebih dahulu membantu Anda menjauh dari proses dan mendapatkan lebih banyak dari pandangan mata burung.

Dapat membantu bekerja dengan media yang berbeda dari komputer Anda. Misalnya, dengan membuat sketsa di atas kertas dengan satu pena, Anda dapat melupakan warna dan detail lainnya untuk saat ini. Jika Anda menggunakan flipchart atau papan tulis, Anda bahkan dapat membuat semuanya kolaboratif.

Latihan yang bagus juga bisa dengan menggambar situs web pada catatan post-it. Ini akan memaksa Anda untuk tetap pada hal-hal penting. Variasi dari ini adalah untuk membuat desain Anda dalam nuansa abu-abu pertama dan hanya menambah warna nanti. Dengan cara ini, Anda dipaksa untuk membangun hierarki visual tanpa mengandalkan warna.

Mulai dengan skala abu-abu
Laura Elizabeth / Smashing Magazine

Jika Anda sangat ingin menggunakan komputer untuk mendesain, Anda dapat menggunakan “tes juling”. Itu berarti menjauh dari layar dan menyipitkan mata. Gambar buram akan menunjukkan kepada Anda apa yang paling jelas di situs Anda dan apa yang pertama kali dilihat oleh pengunjung pertama kali.

4. Tetap Dengan Standar Web

Sudah menjadi sifat desainer untuk ingin menjadi kreatif. Itu umumnya hal yang baik. Ingatlah bahwa perlu menetapkan beberapa batasan untuk menjadi kreatif.

Misalnya, dalam desain web, ada sejumlah standar yang ditetapkan. Pengunjung terbiasa dengan elemen desain dan situs web tertentu. Ketika Anda melanggar peraturan terlalu banyak, itu mungkin membingungkan mereka dan mematikannya.

Di antara standar yang ditetapkan adalah:

  • Konsistensi dalam branding dan desain di semua halaman
  • Logo situs web di sudut kiri atas
  • Informasi kontak di kanan atas atau tengah
  • Navigasi utama di bagian atas layar
  • Judul utama / proposisi nilai dan ajakan bertindak tinggi di beranda
  • Fitur pencarian di header
  • Ikon media sosial di footer situs web

Kami yakin sebagai pengguna Internet yang rajin, Anda sudah mengetahui adanya lebih banyak standar situs web yang dipatuhi. Jika tidak, Anda dapat menemukan lebih banyak dari mereka sini.

5. Fokus pada tombol Minimalis dan CTA

Ketika Anda mengetahui tujuan situs dan halaman Anda, ini juga memungkinkan Anda untuk menyingkirkan segala sesuatu yang tidak memenuhi tujuan itu. Ini merampingkan desain Anda dan membuatnya lebih menyenangkan untuk dilihat.

Sekali lagi, ada penelitian untuk mendukung ini. Dalam studi yang sama yang disebutkan di atas, Google telah menemukan bahwa kompleksitas visual berkorelasi negatif dengan daya tarik situs web. Singkatnya – orang tidak ingin kewalahan! Menyederhanakan desain Anda baik untuk fitur lain, mis. Kecepatan situs web.

Berikut adalah beberapa hal yang dapat Anda hilangkan dengan aman:

  • Item menu – Tentu saja, Anda ingin orang lain menjelajahi lebih banyak situs Anda. Namun, menu kelebihan beban bisa sangat membingungkan dan memiliki efek negatif. Sekali lagi – tetap dengan hal-hal penting!
  • Sidebars – Semakin banyak situs web yang menghapus sidebar. Apa yang Anda miliki di sidebar Anda? Apakah itu sangat penting??
  • Jargon berlumpur – Hal yang sama berlaku untuk stok foto berlaku untuk bahasa. Frasa, klise, dan kata-kata kosong yang terlalu sering digunakan membuat orang tidak mendengarkan. Berhenti menggunakannya, sisipkan beberapa kepribadian dalam tulisan Anda, pelajari beberapa kata-kata kekuatan dan belajar copywrite.

6. Mulai Dengan Seluler

Perangkat seluler telah menguasai dunia. Sekarang, lebih banyak orang menjelajahi web melalui ponsel dan tablet daripada di komputer desktop.

Selain itu, Google mengumumkan bahwa mereka meluncurkan indeks mobile-first baru mereka. Itu berarti, ketika sepenuhnya berlaku, mesin pencari akan menilai setiap situs web pada kehadiran ponsel mereka terlebih dahulu. Jika tidak melakukan tugasnya dengan benar, Anda akan mendapatkan peringkat di peringkat pencarian.

Karena itu, ketika mendesain situs web, akan lebih baik untuk memulai dengan kehadiran ponsel terlebih dahulu. Mulai sekarang, pengguna seluler akan menjadi pelanggan utama Anda. Karena itu, Anda lebih baik memastikan mereka merasa dipenuhi.

Pada saat yang sama, praktik yang baik untuk menghasilkan ide-ide desain situs web. Sekali lagi, mulai dengan kekuatan ponsel Anda untuk berkonsentrasi pada hal-hal penting dan memikirkan tujuan desain Anda. Selanjutnya Anda dapat membuka dan menambahkan elemen saat ukuran layar bertambah besar.

7. Perhatikan Format Konten

Pemformatan konten adalah alat yang diremehkan untuk desainer web. Konten adalah elemen paling penting dari situs Anda, baik itu dalam bentuk posting blog atau salinan penjualan. Pada akhirnya, itulah yang ingin Anda konsumsi pengunjung. Tujuan desain Anda adalah untuk menyajikannya dengan cara yang mereka lakukan.

Sayangnya, saat ini orang sudah sangat jenuh sehingga hanya sedikit dari mereka yang membaca semuanya di halaman Anda. Sebaliknya, sebagian besar pengunjung memindai. Lebih jauh, mereka cenderung melakukannya dalam pola berbentuk-F.

Ini berarti bahwa Anda perlu membuat konten Anda sesuai dengan kebiasaan konsumsi mereka agar lebih berdampak.

Berikut cara melakukannya:

  • Sertakan tajuk – Judul adalah cara yang bagus untuk memecah konten. Banyak pembaca juga menggunakannya sebagai titik jangkar untuk memindai dan hanya membaca bagian-bagian di bawah judul yang tampaknya menarik bagi mereka. Karena itu, pastikan untuk menggunakan judul dan buatlah deskriptif.
  • Gunakan paragraf dan daftar – Tidak ada yang mau membaca satu gumpalan besar teks. Paragraf membagi konten menjadi potongan-potongan kecil. Buka yang baru setiap kali Anda membuka titik baru. Daftar memiliki fungsi serupa dan membuat informasi lebih mudah diakses. Gunakan mereka juga.
  • Jangan berhemat pada media dan visual – Informasi visual jauh lebih mudah didekati oleh otak manusia daripada teks. Karena alasan itu, sebaiknya gunakan gambar dan media lain untuk menggarisbawahi poin yang dibuat dalam salinan Anda. Ini juga, sekali lagi, cara yang bagus untuk memecah teks yang lebih panjang.
  • Optimalkan font Anda – Penggunaan font Anda juga sangat memengaruhi keterbacaan. Alat paling penting yang Anda miliki di sini adalah ukuran dan tinggi garis. Pergi untuk setidaknya 16px dan pastikan untuk menambahkan lebih banyak garis-tinggi semakin kecil font yang Anda gunakan.

Jika Anda menyelidiki artikel ini, Anda dapat melihat semua hal di atas berlaku.

8. Coba Desain Satu Halaman

Kembali pada hari itu, desain situs web adalah semua tentang lipatan. Semua yang penting harus di atas batas dari mana pengguna akan mulai menggulir. Masih ada sesuatu yang bisa dikatakan tentang itu karena masih di situ pengguna menghabiskan sebagian besar waktu mereka.

Waktu menonton pengunjung - lipatan

Itu tidak berarti bahwa lipatan adalah bagian dari semuanya dan akhir semua halaman Anda. Orang memang akan menggulir. Bahkan, mereka akan menggulir ke bawah seluruh halaman Anda jika Anda memberi mereka alasan.

Crazy Egg mencoba ini ketika mereka mengganti halaman penjualan asli mereka dengan 20 kali lebih lama.

Desain satu halaman

Hasil: tingkat konversi naik 30 persen! Jika perjalanan pembeli Anda saat ini melintasi beberapa halaman, pertimbangkan untuk menggabungkan semuanya menjadi satu tempat. Ini mungkin salah satu ide desain situs web yang membuat semua perbedaan.

Jangan mengubur konten dalam tayangan slide / komidi putar atau tab / akordeon, mereka tidak berfungsi!

9. Gunakan Pengujian A / B

Kadang-kadang ketika mengevaluasi berbagai ide desain situs web, mungkin sulit untuk memutuskan mana cara yang tepat untuk pergi. Anda berpikir bolak-balik, melakukan tweak, namun tetap tidak yakin dengan keputusan Anda. Pada titik tertentu, pemikiran tidak akan lagi memotongnya. Anda harus membiarkan pengguna memutuskan.

Pengujian A / B bisa menjadi cara yang bagus untuk melihat apa yang membuat situs web Anda lebih baik. Ini berarti menyajikan versi berbeda dari desain Anda hingga pengunjung secara acak, lalu periksa bagaimana mereka bereaksi. Anda dapat mengambil keputusan berdasarkan hasil.

Anda dapat menguji hampir semua hal. Dari seluruh halaman mendesain perubahan warna, ajakan untuk bertindak ke gambar, judul artikel, dan font. Semua ini dapat membuat perbedaan besar dalam kinerja suatu halaman. Namun, jika Anda tidak mengujinya, Anda tidak akan pernah tahu!

Alat-alat ini dan plugin akan membantu Anda dalam melakukan tes.

6 Situs Web yang Menginspirasi untuk Menghasilkan Ide Desain Situs Web Baru

Jika pada titik ini Anda masih merasa mandek, di bagian akhir ini kita akan membahas sejumlah situs web penuh dengan inspirasi desain web.

1. Awwwards.com

Awwwards

Situs web ini memberikan penghargaan untuk desainer web, pengembang, dan agensi di seluruh dunia. Mereka memiliki arsip besar contoh web desain yang dapat dicari. Selain itu, ada a blog di mana mereka memperkenalkan desain secara rinci dan bagian di mana Anda bisa memberikan suara di situs nominasi bulan. Semuanya berkualitas tinggi dan benar-benar inspiratif!

2. WebDesign-Inspiration.com

Inspirasi Desain Situs Web

Ini adalah galeri proyek desain web jadi. Anda dapat memfilternya dengan berbagai cara untuk menemukan apa yang Anda cari – mis. Berdasarkan industri, jenis, palet warna, atau gaya. Arsip mereka sangat besar, sehingga seringkali satu-satunya halaman yang Anda butuhkan untuk menghasilkan ide-ide desain situs web Anda sendiri.

3. SiteInspire.com

situsInspire

Situs web ini menampilkan desain web dan interaktif. Seperti contoh sebelumnya, Anda dapat memfilter entri dengan berbagai cara termasuk gaya, jenis, subjek, dan bahkan platform. Jika Anda membuat akun, Anda juga dapat mengatur koleksi desain favorit Anda.

4. OnePageLove.com

Cinta Satu Halaman

Contoh ini adalah situs inspirasi desain web yang khusus dibuat untuk desain satu halaman. Kami menyebutkan ide sebelumnya dalam artikel. Anda dapat menelusuri galeri atau mencari hal-hal yang Anda cari secara khusus. Pastikan untuk mampir ketika membangun situs satu halaman Anda sendiri.

5. Dribbble.com

dribbble untuk inspirasi ide desain situs web

Di Dribbble, desainer memamerkan karya mereka. Ini bisa apa saja, dari aplikasi hingga ikon, ilustrasi, dan contoh lainnya. Anda dapat menggunakannya untuk inspirasi umum atau menggunakan tag untuk menemukan apa yang paling menarik bagi Anda, seperti desain web.

6. Behance.net

Behance

Situs web ini sangat mirip dengan Dribbble. Ini juga merupakan tempat bagi para desainer untuk terhubung dan memamerkan portofolio mereka. Anda memiliki banyak contoh desain web dan dapat menggunakan fungsi pencarian untuk mencarinya.

Membungkus

Gagasan desain web tidak tumbuh di pohon. Terkadang Anda perlu sedikit bantuan untuk menghasilkan sesuatu yang baik. Untungnya ada posting seperti ini untuk membantu Anda kembali ke jalur!

Semoga tips desain web, alat, dan sumber daya yang disebutkan dalam posting di atas telah mendorong Anda kembali ke tanah kreativitas. Jelas, ada banyak hal yang lebih berguna di luar sana, itulah sebabnya kami ingin mendengar dari Anda!

Apakah Anda tahu kiat, alat, atau inspirasi tambahan untuk menghasilkan gagasan desain web? Jika demikian, silakan bagikan di bagian komentar di bawah!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map