19+ Contoh Website dan Blog Pribadi Dengan Desain Terbaik Untuk Sumber Inspirasi

Mencari ide contoh website atau blog pribadi?Jika kamu sedang kehabisan ide, mengunjungi website dan blog lain dapat datangkan ide baru untuk meng-upgrade penampilan website, atau bila akan membuat blog baru.

Tetapi kadang, untuk menemukan blog atau website baru yang dapat ditiru bisa habiskan banyak waktu. Maka dari itu, contoh blog dan website pribadi yang dapat kamu menjadikan panutan. Yok baca!

19+ Contoh Website atau Blog Pribadi Inspiratif

Nach, berikut ialah contoh website dan blog pribadi terbaik yang bisa kamu jadikan ide.

1. Garry Le Masson: Portofolio Web Analytics Consultant

Berasa akrab dengan penampilan web itu? Design web portofolio Gary memang diadaptasi dari penampilan Google. Yang jadikan unik, semua unsur didalamnya disamakan dengan komponen portofolio dirinya.

Tidak cuma pada penampilan beranda saja, saat buka menu "Google Ikhtisar", penampilannya seperti hasil penelusuran Google seakan kamu masukkan kata kunci nama Gary.

Gary betul-betul memerhatikan detil pada web portofolionya. Bahkan juga dari bentuk favicon website-nya seperti Google. Sangat menarik dan out of the box ya!

2. Albino Tonnina: Portofolio Website Engineer

contoh blog pribadi - portofolio

Ini sebagai salah satunya contoh web portofolio dengan gagasan bagus yang pantas kamu kunjungi.

Membuat web portofolio pribadi ialah langkah yang pas untuk memperlihatkan kemampuan kamu, seperti yang sudah dilakukan Albino, seorang web engineer.

Untuk memberikan kesan-kesan hidup pada web, Albino memakai ide parallax efek reveal scroll. Objek dalam web akan beralih menjadi wujud baru saat di-scroll.

3. Humans of New York: Blog Photograficontoh blog atau website pribadi 

Humans of New York (HONY) ialah web photografi yang baik untuk jadi ide.

Dibuat oleh Brandon Stanton, fotografer yang lakukan perjalanan ke beberapa negara untuk memfoto dan bercerita cerita kehidupan setiap hari orang yang dijumpainya dalam perjalanan.

Design web ini memprioritaskan pengalaman pengguna yang baik. Demikian masuk ke homepage-nya, pengunjung disuguhi dengan 3 kelompok khusus "Stories, Countries, Seri ".Ini mempermudah pembaca untuk mendapati content yang dicari dengan cepat.

Coba kategorikan content website ke kelompok sesuai ketertarikan untuk tingkatkan UX pada website-mu.

4. Anak Jajan: Food Blog

contoh blog atau website pribadi - anakjajan food blog

Dari namanya, kamu tentu sudah mengetahui jika blog ini berisikan segalanya sekitar wisata kulineran dan makanan. Food website punya Marius dan Veronica ini sukses raih keberhasilan dengan beragam penghargaan.

Di blognya, mereka membagi beberapa hal menarik setiap warung makanan yang didatangi. Isi isinya dapat disebut benar-benar lengkap.

Dalam menu website, kamu dapat mendapati rekomendasi tempat makan yang digolongkan sama sesuai jenis makanan, lokasi (dari dalam sampai luar negeri) dan mal atau tempat nongkrong di daerah seputaran Jakarta.

Uniknya, ada tambahan widget Google Translate yang automatis bisa mengartikan web ke beragam bahasa. Ini akan tingkatkan UX, karena pengunjung dapat nikmati content dengan bahasa opsinya.

5. Not Jess Fashion: Fashion Blog

contoh blog atau website pribadi - fashion blog

Untuk penyuka fashion, blog ini sebagai salah satunya contoh website pribadi yang layak jadi inspirasi. Mengawali blognya tahun 2014, Jessica Wang sebagai top fashion blogger dan digital influencer terpenting di New York.

Tidak sekadar tampilkan photo dengan stylenya, Jessica selalu totalitas dalam membagi ide lewat blognya. Dia sering membagi content sekitar pola hidup, traveling, makanan, sampai kecantikan dengan masih tetap menunjukkan segi mode sebagai niche utamanya.

Setiap postingannyam dia selalu memberi link "Shop The Post" yang arahkan pengunjung untuk dapat beli produk yang dia pakai pada foto.

6. Naked Traveler: Travel Blog

contoh blog atau website pribadi - the naked traveler

Dengan blog, kamu bisa juga memahat prestasi lho! Misalnya website satu ini, yang dapat disebut website paling populer di Indonesia. Trinity ialah orang dibalik kesuksesannya Naked Traveler. Dia ialah travel blogger pertama di tanah air.

Berawal dari hoby menulis catatan saat traveling, di tahun 2005 Trinity mulai menulis narasi perjalanannya di blog. Sejak itu, beberapa orang menyenangi cerita perjalanannya dan mengundang perhatian beberapa penerbit.

Trinity melaunching buku kiprah pertama kalinya —The Naked Traveler—yang selanjutnya diadaptasi jadi film pada tahun 2017.

Dia raih gelar Indonesia's Leading Travel Writer dan dikukuhkan sebagai salah satunya dari 12 Wanita Indonesia Paling Punya pengaruh di Twitter oleh majalah Swa di tahun 2010.

7. Duck of York: Lifestyle Blogcontoh blog atau web pribadi 

Jika kamu cari ide lifestyle blog, ini adalah contoh yang bagus. Penulisnya ialah Agi Tiara, blogger asal Yogyakarta yang mengawali Duck of York di tahun 2014.

Blog ini tampil menarik dengan dominasi whitespace. Setiap postingannya, ada beberapa foto memiliki resolusi besar dengan editan visual yang menarik.

Baca juga: 5 Cara Riset Keyword untuk Tembus Halaman Pertama Google

Dari homepage-nya, pengunjung disajikan dengan penampilan fullscreen judul blog berdasar putih, dengan 3 menu web pada bagian atas.

Tidak cuma dari penampilan saja, Agi pintar mengepak beberapa konten situsnya jadi bagus sekali untuk dibaca. Dimulai dari hal sekitar kecantikan, editorial, ulasan makanan, traveling, sampai buah pikirannya dia sertakan dalam blog.

8. Rumah Inspirasi: Parenting Blogcontoh website pribadi 

Rumah Inspirasi sebagai web untuk menolong orangtua yang ingin belajar mengawali homeschooling, tingkatkan kemampuan parenting, dan entrepreneurship pada anak. Diprakarsai oleh keluarga Sumardiono, yang pilih mode evaluasi homeschooling untuk ke-3 anaknya.

Isinya mencakup beberapa materi evaluasi homeschooling komplet dengan e-book yang dapat didownload, artikel parenting, dan podcast dari seminar-online online yang diadakannya secara rutin. Dapat disebut, content website ini benar-benar komplet untuk menolong orangtua dalam mendidik anak.

9. Eating Bird Food

Untuk yang hoby masak-masak, blog ini pantas jadi inspirasi.

Brittany ialah kreator di blog ini yang disebut pakar individual trainer dan nutrisi. Kesenangannya pada skema pola hidup sehat mendorongnya untuk share dengan membuat website Eating Bird Food.

Pengunjung disuguhi dengan penampilan website nuansa ceria dengan beberapa foto makanan yang mengunggah selera. Yang menjadikan unik, setiap resep masakannya mempunyai kekhasan tertentu dan narasi.

Dia membagi beberapa hal menarik berkaitan masakannya seperti narasi singkat dibalik pembikinan, informasi nilai nutrisi makanan, dan video dan foto panduan mengolah.

10. Iwan Banaran: Blog Otomotif

Contoh website pribadi dengan niche otomotif dapat kamu saksikan pada website Iwan Banaran.

Dilihat dari tampilannya, website ini termasuk sangatlah padat. Banyak spanduk iklan yang penuhi penampilan website. Walau demikian, sesudah mencari isinya, kamu akan memahami kenapa banyak advertiser tertarik sewa ruang di website ini.

Untuk fans otomotif terutamanya beroda 2, blog Iwan dapat disebut sebagai portal info terbaru. Konsentrasi pada niche yang detil tidak mengakibatkan Iwan kekurangan gagasan dalam meningkatkan blognya.

Dia membagikan topik blog ke lima kelompok yang selalu hangat dibahas pecinta otomotif. Disamping itu, Iwan sering menghasilkan content video yang diupload ke YouTube.

11. Website Feed

Contoh Desain Website: Feed

Feed sebagai deskripsi contoh design web simpel tetapi unik, anti- menarik, dan mainstream. Melalui gabungan animasi dan video berbentuk galaxy pada laman homepage, membuat pengunjung jadi ingin tahu pada isi web sebetulnya dan pada akhirnya berusaha untuk mengeksplor situs web lebih lanjut.

Hal yang bisa menjadi ide dari contoh design web Feed:

Contoh Design Web: Feed

Mempunyai komponen design yang memikat, unik, dan anti-mainstream.M enyuguhkan video berdurasi singkat yang menerangkan merek Feed. Mempunyai menu bar yang komplet. Memberikan nama dan simbol merek pada homepage.

12. FreshBooks

Contoh Design Website: FreshBooks

FreshBooks mendatangkan penampilan design web yang simpel, light, tetapi benar-benar terkesan karena kombinasi warna yang sejuk dan nyaman di mata (gabungan warna biru dan putih). Disamping itu, info yang dihidangkan pada homepage juga gampang dipahami dan komplet.

Hal yang bisa menjadi ide dari contoh design web FreshBooks:

Mempunyai scroll-behaviour yang pemakai friendly yakni atas dan bawah (scroll up and down). Mendatangkan CTA dengan warna kontras (warna hijau pada CTA "Buy Now dan Save") hingga gampang diketemukan oleh pengunjung.

Memperlihatkan copywriting yang bagus yakni "Akunting Software Built for Owners, Their Clients, and Accountants ".

Memperlihatkan opsi ide design yang paling unik yaitu flat-lay fotografi.

13. ETQ

Contoh Design Web: ETQ

ETQ adalah contoh design web toko online. Siapa saja yang berkunjung web ETQ tentu terus memahami jika web itu sebagai e-commerce yang jual merek sepatu.

Datang dengan penampilan design yang paling simpel dan minimalis tetapi sanggup memberi kesan-kesan pertama kali yang cukup kuat. Gambar sepatu berjejer pada homepage ETQ sanggup membuat konsentrasi pengunjung langsung terukur pada satu objek yakni: sepatu.

Hal yang bisa menjadi ide dari contoh design web ETQ:

Sanggup mengomunikasikan merek secara kuat lewat latar belakang lay-out sepatu pada homepage. Memakai typography dalam simbol merek ETQ yang unik dan eye-catching.

Tampilkan pop-up penawaran potongan harga 10% jika subscribe e-mail hingga memancing ketertarikan pengunjung untuk abonemen newsletter.

14. Rainforest Guardians

Contoh Design Web: Rainforest Guardians

Rainforest Guardians sebagai website yang beroperasi di sektor sosial dan paling imersif di tahun 2016. Website ini ajak beberapa pengunjungnya untuk berperan dalam aktivitas membuat perlindungan rimba supaya tidak dirusak oleh faksi tidak bertanggung jawab.

Hal yang bisa menjadi ide dari contoh design web Rainforest Guardians:

Mempunyai penampilan design homepage yang paling komunikatif dan responsive. Pengunjung bisa berhubungan pada homepage dengan lakukan zoom out, zoom in, dan gerakkan cursor untuk menyaksikan beragam dusun dan aliran air yang membuat Rimba Hujan Amazon.

Menyuguhkan info yang paling padat dan berguna berkenaan Rimba Hujan Amazon lewat penampilan design di website.

Mempunyai CTA dengan penampilan yang kontras "Become a Protector ".Mengaplikasikan tehnologi AR pada homepage. 

15. Simply Chocolate

Contoh Design Web: Simply Chocolate

Ide design web yang unik dan menarik selanjutnya datang di website Simply Chocolate. Exabytes Friends tentu terus inginkan untuk makan coklat jika berkunjung web Simply Chocolate. 

Pemilik merek menyuguhkan gambar coklat dalam beragam warna untuk memvisualisasikan produk mereka secara menarik dan unik. Hal yang bisa menjadi ide dari contoh design web Simply Chocolate:

Contoh Design Web: Simply chocolate

Mempunyai penampilan design 3D dengan gabungan warna yang netral dan sejuk hingga membuat pengunjung seakan-akan sedang melihat coklat asli.

Mempunyai CTA "Shop" yang arahkan pengunjung ke situs pembelian produk. Memakai ide design yang paling menarik dan unik.

Adopsi scroll-behaviour yang nyaman yakni up and down. Menyuguhkan info produk yang komplet dimulai dari nama, harga, gambar, sampai kelebihan produk.

16. Overflow

Contoh Design Web: Overflow

Lewat penampilan design dengan warna netral (putih) dan contoh dan icon yang memikat, Overflow usaha menyuguhkan representasi merek yang gampang dikenal oleh pengunjung mereka. Overflow sendiri sebagai perusahaan digital yang sediakan jasa design untuk klien.

Hal yang bisa menjadi ide dari contoh design web Overflow:

Mempunyai tombol CTA dengan warna kontras "Start For Free" untuk ajak pengunjung memakai Overflow.

Diperlengkapi dengan video pada homepage yang menerangkan flow grafik dari langkah kerja Overflow dalam tangani klien.

Mengombinasikan beragam warna yang netral, menarik, elok, dan eye-catching hingga penampilan design jadi lebih hidup dan cerah (colorful).

17. The Economist

Contoh Design Web: The economist

The Economist ialah sebuah website yang menyuguhkan beberapa berita terbaru dan terkenal secara global. Website dari The Economist mempunyai opsi menu yang paling gampang dimengerti dan komplet.

Hal yang bisa menjadi ide dari contoh design web The Economist:

Diperlengkapi dengan opsi menu dengan tatanan letak dengan rapi di bagian atas homepage.

Mempunyai pembagian letak yang ramah di mata (headline informasi ditempatkan pada homepage sama ukuran terbesar lalu dituruti dengan judul informasi lain sama ukuran yang lebih kecil).

Mempresentasikan merek secara baik di mana The Economist sama dengan simbol warna merah hingga pada web mereka memakai gabungan warna merah dengan warna netral yang lain (putih, kuning, biru, dan ungu).

18. Evernote

Contoh Design Web: Eevernote

Evernote mempunyai penampilan design web yang sederhana tetapi mempunyai info yang padat di dalamnya. Datang dengan supremasi warna netral (putih) dan warna sekunder (hijau) hingga benar-benar sejuk dan nyaman di mata.

Hal yang bisa menjadi ide dari contoh design web Evernote:

Mendatangkan tagline yang polos dan menarik pada homepage yakni "Remember Everything", "Work Anywhere", "Turn To-Do Into Done", dan "Find Things Fast ".

Mempunyai CTA "Unduh" dengan warna kontras. Mempunyai kecepatan web yang konstan karena loading web sebagai bagian utama yang jadi perhatian oleh pengunjung.

Bila Exabytes Friends ingin ketahui langkah memeriksa konsistensi kecepatan web, karena itu bisa membaca artikel di bawah untuk sumber rekomendasi: Langkah Check Kecepatan Web

19. Boxbee

Contoh Design Web: Boxbee

Contoh design web seterusnya sebagai referensi untuk Exabytes Friends ialah Boxbee. Pada homepage dari situs Boxbee, dihidangkan latar belakang berbentuk photo produk Boxbee hingga sanggup memvisualisasikan merek secara polos dan riil.

Hal yang bisa menjadi ide dari contoh design web Boxbee:

Memakai copywriting yang simpel tetapi terkesan yakni "Moving Boxes: Rent, Toko, and We Deliver ".

Design penampilan dengan rapi dengan aturan menu khusus di bagian atas homepage. Mengombinasikan warna tersier kuning dengan hitam hingga jadi gabungan warna yang eksotik namun tetap kalem.

Menyuguhkan CTA "Get Started" dengan warna yang kontras.