Semakin tingginya kebutuhan website untuk bisnis belakangan ini, tentunya juga menambah kreativitas dan skill para creator website. Oleh karena itu sebagai salah satu lab creative yang juga menangani pengembanganwebsite, Suitmedia mulai bulan ini secara berkala akan mengeluarkan analisa website yang menurut kita terkeren/terhebat/terbagus pada waktunya. Untuk kali ini kita akan coba review website yang menjadiwebsite of the week pilihan salah satu front-end developer Suitmediawww.bienvillecapital.com/
Kita cek yuk bahasan yang lebih mengarah technical dan tentunya menurut pandangan saya hal-hal ini yang lebih menonjol dari web perusahaan yang bergerak di bidang investment ini…
Video Background
Trend video background mulai marak belum lama ini. Trend ini mulai menggila setelah film LIfe of PI (www.lifeofpimovie.com/) yang menggunakan teknik ini pada website mereka dan ternyata memukau banyak orang.
Keuntungan dari menggunakan video background adalah memberikanexperience yang berbeda dari web lainnya. Memberikan kesan REAL pada website. Contoh lain yang menggunakan teknik ini adalah
Spotify https://www.spotify.com/uk/video-splash/
I Surf Because www.isurfbecause.com
Sedangkan kelemahan dari teknik ini adalah video background memakairesource (bandwidth) yang banyak, terlebih lagi apabila dibuka melaluimobile. Namun Bienvil Lecapital pintar untuk memberikan fallback imageapabila dibuka melalui mobile.
Mobile Friendly Website
Memang tidak dipungkiri bahwa responsive web adalah masa depan. Sebab yang namanya website, tidak hanya dibuka melalui desktop, mobile, atau tablet. Mungkin pada ke depannya web bisa dibuka melalui TV, kulkas, mobil, dan di mana saja.
Pada website ini digunakan teknik user-scalable=no. Dengan digunakannya teknik ini, mempercepat performance website pada perangkat mobilekarena tidak terikat pada aturan 300ms delay(https://developers.google.com/mobile/articles/fast_buttons). Meskipun banyak pertentangan untuk menonaktifkan fitur user-scalable(https://code.google.com/p/chromium/issues/detail?id=169642)namun teknik ini dapat digunakan sebagai quick solution untuk menghindari300ms delay.
Selain itu cara mereka mengimplementasikan Responsive pada web mereka bagus, tidak membebankan user yang membuka dari mobile. Penataan menu dan besar teks untuk mobile sudah bagus. Terlebih lagi mereka memanfaatkan tag HTML5 dengan tepat, dengan memberikan akses direct call pada tampilan mobile. Teknik ini dapat dicapai dengan menggunakantag dengan value tel:xxxx untuk atribut href ().
Typography
Oliver Reichenstein berkata bahwa “Web Design is 95% Typography”(https://ia.net/blog/the-web-is-all-about-typography-period/). Penataan teks, besar font size, line height dari web ini membuat content mudah dibaca dan memberikan space bagi user.
Font yang dipakai dari web ini adalah Futura(https://www.myfonts.com/fonts/bitstream/futura/), yang merupakan geometric sans-serif typeface. Menunjang desain yang mereka pakai yang menggunakan bentuk bentuk geometric (hampir semuanya kotak). Tentu saja pemilihan warna juga berperan penting. Color Palette pada website ini adalah sebagai berikut:
Load time website ini adalah 1.58s. yang di mana jauh lebih cepat dari ekspektasi user mobile, yaitu 3s (https://www.strangeloopnetworks.com/resources/infographics/web-performance-and-user-expectations/website-abandonment-happens-after-3-seconds/).
Semoga review saya bisa membantu dan correct me if I’m wrong.
Cheers!
