custom blog design portfolio evrinasp
|

Desain Blog Evrinasp.com – Behind The Scene

custom blog design portfolio evrinasp

Hai hai terima kasih sudah mampir ^_^ Post kali ini akan membahas salah satu proyek desain blog saya yang terbaru, yaitu desain blog Evrinasp.com. Di luar pekerjaan utamanya sebagai PPL alias Penyuluh Pendamping Lapangan bidang pertanian, Evrina juga merupakan professional blogger yang telah banyak meraup titel juara lomba blog.

Beberapa prestasi yang ditorehkan dari kegiatan blogging ialah antara lain juara Juara 1 Lomba Blog Morinaga Chil-Go! Periode 2, Juara 1 Lomba Blog Cheria Travel Tahap ke-3 (hadiahnya jalan-jalan gratis ke Cina!), dan 2nd Winner Fruit for Love (Sunpride Indonesia). Yang paling gress adalah trip ke Ternate untuk menyaksikan Gerhana Matahari Total, wow wow wow!

https://www.instagram.com/p/BCububhG0bZ/?taken-by=evrinasp

https://www.instagram.com/p/BA0g4IEm0Q2/?taken-by=evrinasp

 

Sebagai seorang blogger profesional tentu Evrina wajib memiliki blog yang tampilannya bagus, rapi, mudah diakses dan dibaca. Jangan sampai saat penjurian lomba blog, eh loading website-nya lama karena terlalu berat atau calon pembaca kabur karena blog-nya terlalu rame jadi susah fokus.

Beberapa hal yang menjadi masalah pada blog lama :

  • Berat, sehingga sulit dibuka dan loading-nya lama
  • Tampilan terlalu rame (distracting)
  • Tampilan blog tidak sesuai dengan branding Evrinasp (desain blog lama berwarna biru padahal brand Evrinasp.com warnanya hijau)

Berawal dari obrolan grup Asinan Blogger di WhatsApp mengenai blog-nya Evrina yang sering susah dibuka dan lambat loading-nya, akhirnya kami berbalas chat lewat japri mengenai proyek re-desain blog Evrinasp.

She is easy. Saat saya tanya mau desainnya yang seperti apa, dia bilang pasrah aja hahaha… Kriteria-nya hanya bersih, simple elegan, mobile-responsive, dan kalau bisa pake slider yang nge-link ke blog post. The not so easy part is that this project is urgent, karena lagi banyak ikut penjurian lomba.

Rencana awal ialah ganti theme WordPress dan pindahan hosting, tapi mengingat masa propagasi kalau pindah hosting bisa makan waktu 1-2 hari, sedangkan saat itu adalah masa-masa genting penjurian lomba, jadi kami putuskan untuk ganti themes dulu aja, pindah hosting belakangan. Karena urgent pula saya tidak membuat mockup desain di Photoshop tapi langsung hajar bleh ke live site.

Behind The Scene : Parent & Child Theme

genesis-frameworkDi WordPress dikenal istilah parent theme dan child theme (theme di WordPress kira-kira sama dengan template di Blogspot). Penjelasan teknis mengenai parent & child theme ini bisa panjang banget, bisa dibaca di artikelnya WPBeginner ini.

Saya menggunakan Genesis Framework sebagai parent theme, dan memilih Pretty Creative sebagai child theme-nya. Kenapa pakai Genesis juga penjelasannya bisa satu postingan sendiri, tapi beberapa alasannya adalah sbb:

  • Coding-nya clean, lightweight dan secure
  • Ramah dengan Search Engine (bagus untuk SEO)
  • Responsive HTML5 design (looks pretty on mobiles too)
  • Premium theme with unlimited support & updates, dan dimaintain terus oleh developernya

Setelah memasang parent dan child theme, saya mulai memodifikasi child theme agar sesuai dengan keinginan empunya blog.

Behind The Scene : Desain Blog

Dari sisi desain, yang pertama saya lakukan adalah menentukan color palette untuk desain blog. Yang pasti ada warna hijau-nya, dan pilihan saya jatuh ke olive green yang kemudian dipasangkan dengan peach muda agar lebih balance. Evrina sudah punya logo “EB” yang ingin dipakai, jadi saya tinggal ganti warna-nya dan membuatkan header dengan menyertakan logo tersebut.

evrina-header-displaySetelah color palette dan desain header selesai dibuat, saatnya mengatur tampilan layout homepage. Untuk post slider di homepage saya gunakan plugin Genesis Responsive Slider. Homepage bawaan child theme yang dipakai ini heavily widgetized jadi saya edit front-page.php-nya agar lebih sederhana, hanya untuk pasang widget slider saja (kalimat ini pakai bahasa planet jadi boleh di-skip hehehe).

Untuk sidebar diisi dengan widget sebagai berikut :

  • About Me : foto sang blogger dan link ke halaman About Evrina.
  • Search form
  • Daftar kategori blog post
  • Instagram Feed
  • Widget Facebook Page (salah satu modul dari Jetpack)
  • Widget Vivalog
  • Random Quote
  • Recent Posts
  • Expanding Archives

Banner-banner network dan komunitas blogger saya seragamkan ukurannya jadi agak kecil-kecil agar rapi dan saya pasang di footer widget supaya tidak terlalu mendistraksi konten blog.

Sticky menu diletakkan di bagian atas header dengan social media icons (plugin: Simple Social Icons) di sisi sebelah kanan. Sticky ini maksudnya jika blog di-scroll ke bawah, menu akan tetap terlihat untuk memudahkan pembaca mengaksesnya.

Before & After

Ini hasilnya, bisa dilihat perbandingan before & after-nya. Masalah design style memang sifatnya individualistik (bergantung pada selera masing-masing), dan alhamdulillah Evrina cocok dengan design style saya ^_^

 

Client Love

evrina-profileJadi saya sebenarnya sudah nyadar klo blog saya itu berat karena slide terlalu besar. Terus saya tuh kepingin blog saya terlihat profesional bersih dan bikin nyaman pembaca yg berkunjung. Sebenarnya saya sudah utak atik sendiri namun hasilny tidak maksimal karena memang bukan ahli design blog hehe.

Dan waktu itu Mbak Alma kan ultah tuh. Saya tulis aja d wallnya semoga kita berjodoh. Ternyata benarkan doa terwujud. Akhirnya saya mempasrahkan blog saya ke mbak Alma dengan permintaan dibuatkan blog yang simple namun elegant.

Dan hasilnyaaaa..

Sukaaaaa banget..sesuai ekspektasi. Beda banget sama tampilan yg dulu. Lebih cepat bersih dan bikin penonton betah mampir ke blog. Ada aja yg mampir ke blog saya meskipun belum d share. Alhamdulillah.

Makasih ya mbak Alma. Saya jadi makin semangat buat ngeblog. Semoga lebih barokah setelah ganti kulit hehe..

Evrina

Similar Posts

35 Comments

  1. Kalau untuk template blogspot gimana mbak? Untuk redesign biasanya cost y kalau boleh tahu kisaran berapa yak?

  2. Dibanding yang dulu, desain sekarang memang jauh lebih bersih. Terus lebih cepat loadingnya 🙂 Sukaaaa ^_^
    Oh iya, tapi bagian komentar pengunjung di tiap postingan itu memang desainnya sedemikian besar begitu ya mbak? Hehehehe

  3. Iya, tampilannya memang lebih segar dibanding blog yang lama. Selamat ya mbak Evrina atas tampilan baru di blognya 🙂
    Mbak Alma, rapi lho kerjaannya 🙂

  4. bener, blognya mba Ev yg sekarang lebih menggiurkan.
    Saya sendiri baru mendomainkan blog dan bukan pemain di blogspot.
    Ah,emang gak nyesel mampir kemari.

  5. Mba Alma, meskipun gak bisa desain di blogspot tapi tau gak kenapa kalo saya posting foto potrait, hasilnya dia gak bisa full marginnya sejajar sama tulisannya ya? Kalo edit html-nya pun (kaya yang Mba Alma sarankan untuk edit eror font) saya bingung editnya yang mana hehehe

  6. Keren banget jadinya, Mbak. Kok aku jadi pengen didesainkan juga blognya … hihihi … tapi mungkin aku mesti pindah hosting dulu kali ya, dari Blogspot ke WordPress.

  7. Aaa, sukaaa… Afternya lebih clean dan lebih ‘Evrina’. Alma keren banget deh, langsung kepikiran mau utak-ik blog jg. Tp aku pake blogspot mba Alma 🙁

  8. Wow…wow…wow! Before afternya tampak nyata, dua2nya keren 😉

    WP pilihan templatenya emang lucu2 banget, dulu pernah pake WP. Tapi sekarang udah pindah di blogspot hihihi.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.