Desain Blog Evrinasp.com – Behind The Scene
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
Di 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.
Setelah 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
Jadi 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..
Kalau untuk template blogspot gimana mbak? Untuk redesign biasanya cost y kalau boleh tahu kisaran berapa yak?
Saat ini saya ngga terima order desain untuk Blogspot mbak.. silakan ceki-ceki ke http://bloggerperempuan.com/product-category/blogspot-template/ untuk premade template Blogspot ^_^
Iya yang sekarang lebih clean yaa…keceh aku suma juga sama design nya
Iyaa, enak dan ngga capek di mata ^_^
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
Keren.. Blog mba evrina memang kece Abizzz, blog mba Alma apalagi..
Terima kasih Mba Yurma ^_^
Iya, desain blog ini juga enteng banget 🙂 keren
Terima kasih Mbak Ipeh 😉
Iya, tampilannya memang lebih segar dibanding blog yang lama. Selamat ya mbak Evrina atas tampilan baru di blognya 🙂
Mbak Alma, rapi lho kerjaannya 🙂
eih makasih lho ya hehehe
Terimakasih ya mbak Alma, di ulas juga branding ku hehe, iya aku suka yang sekarang, bikin betah lama-lama buat nulis 😀
bener, blognya mba Ev yg sekarang lebih menggiurkan.
Saya sendiri baru mendomainkan blog dan bukan pemain di blogspot.
Ah,emang gak nyesel mampir kemari.
terima kasih, menggiurkan yaa hehehe… desain headernya mba Lidha cakep dehh ^^ ilustrasinya simple tapi oke banget
mau juga mba alma, daftar di make over 🙂
Pindah WordPress dulu gimana, Mba Erna? hihihi Aku ga bisa blogspot soalee
Wih wih pake genesis framework. Jadi twrgoda buat mainan framework wordpress huihihihi..
Genesis makes things easier for me 😀
Bagus mbak, blogspot saya bisa dibuat kyk gt ga mbak
Kalau saya bisanya WordPress aja mbak hehehe
Wah bagus, jadi pengen dipermak jg blogku hehe
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
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.
Keren abis blognya.
Mbak Alma memang top deh.
Duh, kapan ya blogku bisa kece gitu.
Lha blog dirimu kan sudah kece juga mbaakk..
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 🙁
Template blogspot sekarang udah banyak yg bagus-bagus mbak, bisa cari di Etsy (search: Blogger Template), ThemeForest atau DesignerBlogs.
Aduuh,,kyknya blogku perlu bgt di make over mba alma inih,, ?
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.
About me yg ngelink ke about, pake widget apa, mbak?
Berati penting ya, install jetpack?
penting ga penting sih.. kalo ada fitur yg dibutuhkan dari Jetpack silakan diinstal ^^
Ternyata ini dia master dibalik kecenya blog mbak Evrina.
Ingat dulu suka keliru nulisnya Ervina.
Jadi kepengen ganti template, sambil lirik dompet ;).
Owalaaah, ternyata ada mbak Alma di balik tampilan barunya evrinasp.com
Keren ih mbak Alma 🙂 Love you banyak2 lah :*
Baguss mbaak design blognya. .
Simple tp elegan ?
Keceee bingints mbak almaaa. . ?
Duo maut yang memabukkan. Hehe pantesan makin mencrang blognya, ada tangan-tagan dingin di baliknya. Aaiiihhh … aku kapan sekece ini yaaa 😀