icon logo wibloog.comWibloog
  • Teknologi
  • Otomotif
    Motor
    Mobil
  • Gadget
    Smartphone
    Apps
  • Tips dan Ulasan
  • Olah Raga
  • Fashion
  • Pendidikan
  • Kuliner
  1. Home
  2.   /  
  3. Informasi Tentang Tips dan Ulasan

  4.   /  
  5. Desain

Tips Tahapan Cara Membuat Website Yang Menarik dan Kreatif Agar di Sukai Oleh Pengunjung
  • 05 Oktober 2019
  • 536
  • Admin@Wibloog
  • Image Source : #

Tips Tahapan Cara Membuat Website Yang Menarik dan Kreatif Agar di Sukai Oleh Pengunjung

Website adalah jendela digital informasi yang terhubung dengan jaringan internet yang dapat di akses kapan saja dan dimana saja tanpa batasan waktu. Hal yang mendasar dari website adalah isi konten dan tampilan yang menarik, sehingga pengunjung website menjadi betah dan nyaman saat membaca informasi yang di sajikan.

Untuk membangun sebuah website yang menarik dan kreatif dibutuhkan beberapa hal yang mendasar salah satunya adalah desain konsep atau mockup, referensi desain material dan framework css. Ada sebagian developer web desain pemula yang ingin membangun sebuah website tanpa ada mockup atau coretan desain manual yang dibuat sehingga terjadi miss saat sudah tayang di internat mengakibatkan banyak ubahan ubahan yang terjadi saat live.

Berikut ini tips tahapan persiapan membangun sebuah website agar tampilan menarik dan kreatif


Desain Mockup

Desain mockup adalah tampilan website berupa gambar atau model yang dibuat melalui aplikasi photosop, gimp atau manual menggunakan pena dan pensil yang di gambar diatas kertas. Jika anda belum mahir mendesain menggunakan software, disarankan menggunakan pensil kemudian di tulis bagian bagian terpenting seperti bagian header, menu, body, konten, list, image dan bagian footer.

Ide mendesain mockup tidak harus sepenuhnya dari pemikiran kita, bisa saja berbagai contoh desain website yang sudah ada di internet untuk dijadikan tambahan informasi konsep yang akan dibuat. Perlu di ingat, sebelum mendesain mockup terlebih dahulu tentukan kategori website yang akan di buat, contohnya membuat mockup website berita seperti contoh di bawah ini :

Halaman Depan 

  • List berita terbaru 
  • Berita pilihan redaksi yang di tampilkan di timeline utama
  • Kategori berita dengan menampilkan list beritanya
  • List berita populer
  • List berita trending
  • Menu kategori berita
  • Menu untuk login dan registrasi 
  • Penempatan iklan yang sesuai
  • Menambahkan list berita dengan mode thumbnail agar lebih menarik

 

Halaman Detail

  • Menampilkan isi detail dengan menambahkan gambar
  • Penempatan objek gambar detail dengan ukuran yang besar 
  • Menampilkan list berita terkait
  • Menambahkan komponen sosial media untuk kebutuhan share dan like
  • Menambahkan komponen komentar 
  • Menambahkan list berita lain yang relevan
  • Penempatan iklan yang sesuai agar konten tidak terganggu

Pemilihan Framework CSS

Framework CSS merupakan salah satu program yang membantu untuk mendesain tampilan dengan berbagai komponen list, gambar, thumbnail, icon dan layout seperti Bootstrap, Uikit, Materialize dan masih banyak lagi. Framework CSS biasanya menyediakan dokumentasi mengenai kebutuhan tampilan dan fitur fitur css yang dapat digunakan. Gunakan framework css yang tepat sesuai dengan komponen layout yang dibutuhkan agar tidak menjadi mubazir.

Framewokrk CSS biasanya hanya sebatas komponen layout dan tampilan standard, biasanya bagi developer website menambahkan style sendiri untuk meruban dan menambah komponen serta pemilihan warna yang sesuai agar lebih menarik.

Uji Coba Tampilan

Setiap melakukan develop web desain yang dibuat jangan lupa menguji desain tampilan dengan berbagai jenis browser yang sering di gunakan seperti Mozilla Firefox atau Google Chrome, agar kita tahu apakah desain dan framework css serta style yang di gunakan berjalan sesuai harapan yang di inginkan.

Demikian informasi ini kami sajikan, Semoga bermanfaat

Komentar

Tinggalkan Komentar Disini

Tempat Belajar Android

Artikel Terkait

Tren Sosial Media dan Info Hoax
Tren Sosial Media dan Info Hoax
13 Januari 2021
Pengalaman Buat Blog Hingga Bisa Hasilkan Uang dari Internet
Pengalaman Buat Blog Hingga Bisa Hasilkan Uang dari Internet
10 Januari 2021
Hindari Kesalahan Pembayaran dengan Pemotongan Saldo Dana di Bukalapak
Hindari Kesalahan Pembayaran dengan Pemotongan Saldo Dana di Bukalapak
28 Desember 2020
Cara Mengajukan Penangguhan Kredit Pemilikan Rumah yang Terdampak Covid-19
Cara Mengajukan Penangguhan Kredit Pemilikan Rumah yang Terdampak Covid-19
25 Desember 2020
Nulis Sendiri atau Beli Artikel untuk Konten SEO yang Optimal
Nulis Sendiri atau Beli Artikel untuk Konten SEO yang Optimal
24 Desember 2020
Peran IT dan Fungsinya di Perkebunan Kelapa Sawit
Peran IT dan Fungsinya di Perkebunan Kelapa Sawit
23 Desember 2020
Cara Setor Uang di Bank Syariah Mandiri
Cara Setor Uang di Bank Syariah Mandiri
21 Desember 2020
Daftar Trending Pencarian Google di Tahun 2020
Daftar Trending Pencarian Google di Tahun 2020
17 Desember 2020
Cara Bayar di Bukalapak Lewat Virtual Account Bank Mandiri Syariah
Cara Bayar di Bukalapak Lewat Virtual Account Bank Mandiri Syariah
12 Desember 2020
Selain Minyak Goreng, Pohon Sawit Bisa Menghasilkan Nira Menjadi Gula Merah
Selain Minyak Goreng, Pohon Sawit Bisa Menghasilkan Nira Menjadi Gula Merah
28 November 2020

Tentang Kami

Wibloog adalah portal informasi yang memuat sebuah artikel yang mengulas tentang perangkat komputer, gadget, teknologi, motor, mobil, fashion, pendidikan, kuliner

Lebih Lanjut ...

Informasi Situs

Kontak
Disclaimer
Sitemap
Facebook
DMCA.com Protection Status
Protected by Copyscape

© 2019 Wibloog. All Rights Reserved