Cara Merancang Situs Web

01 dari 10

Penelitian

Klien potensial hanya meminta Anda mendesain situs web, tetapi dari mana Anda memulainya? Ada proses tertentu yang dapat Anda ikuti untuk memastikan proyek berjalan dengan lancar. Ini mencerminkan proses desain grafis standar , hanya dengan beberapa langkah spesifik situs web untuk disertakan.

Sebagai desainer grafis, Anda dapat memilih untuk mengambil seluruh desain sendiri, termasuk pengkodean. Namun, Anda mungkin juga ingin mengumpulkan tim untuk membantu Anda dengan perinciannya. Seorang pengembang web dan pakar SEO dapat menjadi tambahan berharga untuk proyek Anda.

Itu Semua Dimulai Dengan Penelitian

Seperti kebanyakan proyek desain, langkah pertama saat membuat situs web adalah melakukan penelitian. Beberapa penelitian ini akan dilakukan dengan klien untuk mendapatkan pemahaman tentang kebutuhan mereka. Anda juga perlu belajar lebih banyak tentang industri dan pesaing mereka.

Ketika bertemu dengan klien Anda, Anda perlu menemukan sebanyak mungkin untuk membantu Anda mengembangkan garis besar untuk situs dan akhirnya merancangnya. Ini termasuk bertanya tentang target audiens mereka, tujuan, arah kreatif dan variabel lain yang dapat mempengaruhi apa yang dapat Anda tawarkan kepada klien, seperti anggaran dan tenggat waktu.

Riset industri dan pasar Anda akan terjadi secara bersamaan. Agar siap untuk bertemu klien Anda, Anda harus memiliki gagasan tentang industri mereka. Setelah mengetahui kebutuhan mereka, Anda akan ingin melihat lebih dalam.

Tingkat penelitian yang dilakukan akan tergantung pada anggaran klien dan pengetahuan Anda yang ada di industri. Hal ini dapat sesederhana mencari untuk melihat seperti apa situs web lain di lapangan. Untuk proyek yang lebih besar, mungkin sesuatu seperti penelitian mendalam dengan kelompok fokus.

02 dari 10

Brainstorming

Setelah Anda tahu tentang apa proyek itu, saatnya mengumpulkan ide, dan brainstorming adalah tempat yang bagus untuk memulai . Daripada mencari ide yang sempurna untuk menjadi yang pertama, buang semua dan semua ide atau konsep untuk situs web. Anda selalu dapat mempersempitnya nanti.

Beberapa situs web mungkin meminta antarmuka web standar, dengan navigasi (bilah tombol) dan area konten di mana pengguna kemungkinan besar mengharapkannya. Orang lain mungkin memerlukan konsep unik untuk menyajikan konten.

Pada akhirnya, konten akan mendorong desain. Misalnya, situs berita akan memiliki pendekatan yang jauh berbeda dari portofolio web seorang fotografer

03 dari 10

Tentukan Persyaratan Teknis

Pada awal proses pengembangan situs web, keputusan harus dibuat mengenai persyaratan teknis proyek. Keputusan semacam itu akan mempengaruhi anggaran, kerangka waktu dan, dalam beberapa kasus, keseluruhan nuansa situs.

Salah satu keputusan utama adalah apa struktur dasar situs seharusnya, yang akan menentukan perangkat lunak apa yang digunakan dan sistem apa yang membuat situs "berfungsi."

Pilihan Anda termasuk:

04 dari 10

Tulis Garis Besar

Sekarang setelah Anda mengumpulkan informasi yang diperlukan dan melakukan brainstorming beberapa ide, ada baiknya untuk mendapatkan semuanya di atas kertas.

Garis besar situs web harus menyertakan daftar setiap bagian untuk disertakan di situs, dengan deskripsi jenis konten apa yang akan ditampilkan pada setiap halaman. Ini juga harus menjelaskan sedetail mungkin fitur apa yang akan ada di situs, seperti akun pengguna, komentar, fungsi jejaring sosial, video, atau pendaftaran nawala.

Selain membantu mengatur proyek, klien harus disajikan dengan garis besar proposal situs web sehingga mereka dapat menyetujuinya sebelum proyek berlanjut. Ini akan memungkinkan mereka untuk menambah, menghapus, atau menyesuaikan bagian atau fitur apa pun.

Semua ini pada akhirnya akan membantu Anda mengembangkan anggaran dan kerangka waktu dan membangun situs. Menyepakati harga untuk proyek situs web berdasarkan garis besar yang disetujui akan membantu menghindari biaya tambahan atau perbedaan pendapat di akhir proyek.

05 dari 10

Buat Wireframes

Wireframes adalah gambar garis sederhana dari tata letak situs web yang memungkinkan Anda (dan klien) untuk fokus pada penempatan elemen daripada warna dan jenis.

Ini sangat membantu karena menentukan konten mana yang paling membutuhkan fokus dan persentase ruang yang digunakan pada halaman untuk elemen-elemen tersebut. Tanpa terganggu oleh elemen visual lainnya, wireframes yang disetujui menyediakan kerangka kerja untuk desain Anda.

Untuk beberapa proyek, Anda mungkin mempertimbangkan memiliki koleksi wireframes yang tersedia untuk digunakan untuk berbagai jenis konten. Kontak, tentang, dan halaman lain dengan banyak teks mungkin memiliki tata letak yang berbeda dari galeri atau halaman belanja.

Adalah penting bahwa Anda mempertahankan tampilan seragam di seluruh situs web saat Anda bertransisi dari satu wireframe ke wireframe berikutnya.

06 dari 10

Desain Situs Web

Setelah Anda dan klien Anda puas dengan wireframes, saatnya untuk mulai mendesain situs.

Adobe Photoshop adalah alat yang paling umum untuk membuat desain awal. Fokus desain situs harus menyajikan konten dan akan digunakan untuk membuat halaman web yang sebenarnya.

Untuk saat ini, cukup desain dan bermain dengan elemen dasar untuk menciptakan sesuatu untuk klien Anda untuk melihat dan menyetujui.

07 dari 10

Buat Halaman Web

Ketika desain Anda disetujui, halaman perlu diubah dari maket menjadi halaman web yang sebenarnya yang ditulis dalam HTML dan CSS.

Perancang / pengembang berpengalaman dapat memilih untuk mengambil semua pengkodean, sementara seseorang yang berfokus pada sisi desain web dapat bekerja sama dengan pengembang untuk menghidupkan situs ini. Jika itu masalahnya, pengembang harus dilibatkan sejak awal.

Pengembang akan membantu memastikan desainnya realistis dan tata letak web yang efektif. Mereka juga harus dikonsultasikan tentang fitur apa saja yang Anda janjikan kepada klien karena beberapa mungkin tidak dapat dieksekusi atau bermanfaat bagi situs.

Perangkat lunak seperti Adobe Dreamweaver dapat membantu desainer mengubah mockup menjadi halaman web yang berfungsi, dengan fitur drag-and-drop, fungsi yang dibuat sebelumnya, dan tombol untuk menambahkan tautan dan gambar.

Ada banyak pilihan perangkat lunak yang tersedia untuk pembuatan situs web. Pilih salah satu yang Anda sukai, pastikan mereka memungkinkan Anda untuk benar-benar masuk ke rincian dan pengkodean halaman.

08 dari 10

Kembangkan Situs Web

Setelah tata letak Anda selesai dalam HTML dan CSS, tata letak harus terintegrasi dengan sistem yang Anda pilih. Ini adalah titik di mana ia menjadi situs web yang berfungsi.

Ini dapat berarti mengembangkan templat untuk dibaca oleh sistem manajemen konten, mengubah template WordPress, atau menggunakan Dreamweaver untuk membuat tautan antar halaman dan fitur web yang lebih canggih. Ini sekali lagi merupakan langkah yang mungkin diserahkan kepada anggota lain atau anggota tim.

Anda juga perlu membeli nama domain situs web dan memiliki layanan hosting yang berbaris. Ini seharusnya menjadi bagian dari diskusi Anda dengan klien dan, pada kenyataannya, harus dilakukan pada tahap awal proses. Terkadang diperlukan waktu beberapa saat agar layanan menjadi aktif.

Ini juga sangat penting bahwa Anda atau pengembang Anda melakukan pengujian menyeluruh terhadap situs web. Anda tidak ingin melakukan 'big discl' dan memiliki fungsi yang tidak berfungsi dengan baik.

09 dari 10

Promosikan Situs Web

Dengan situs web Anda online, saatnya untuk mempromosikannya. Desain luar biasa Anda tidak ada gunanya jika orang tidak mengunjunginya.

Mendorong lalu lintas ke situs dapat mencakup:

10 dari 10

Tetap Segar

Salah satu cara terbaik untuk membuat orang kembali ke situs Anda adalah dengan menjaga konten tetap segar. Dengan semua pekerjaan dimasukkan ke dalam situs, Anda tidak ingin tetap sama selama berbulan-bulan setelah peluncuran.

Terus posting konten baru, foto, video, atau musik ... apa pun situs yang dibangun untuk hadir. Blog adalah cara yang bagus untuk membuat situs diperbarui, dengan posting tentang segala hal tentang topik apa pun yang terkait dengan situs Anda,

Jika klien Anda akan menangani pembaruan untuk situs web CMS, Anda mungkin perlu melatih mereka untuk menggunakannya. Membuat pembaruan ke situs web yang telah Anda rancang adalah cara yang bagus untuk mendapatkan penghasilan rutin. Pastikan bahwa Anda dan klien Anda menyetujui frekuensi dan tarif untuk setiap pekerjaan pembaruan yang Anda lakukan.