品牌簡介

倍勁企業深信「平實適切的設計」能創造美好的使用體驗，在機能性與極簡美學之間找到完美的平衡點，以剛好、實用、誠摯，設計出實用可靠的誠實好物！同時，bagrun使用無毒材質的原料，為全球環境保護盡一份心力，維持產品的最高品質。

網站諮詢

聖誕老人長期與 Labsology 法博思（品牌管理與策略設計顧問公司）合作，這次的專案正是因為 Bagrun倍勁想要改變品牌形象，同時將官方網站改版、改成響應式網頁設計並符合新的品牌形象。因此品牌形象由 Labsology 法博思規劃設計，聖誕老人則架設客製化響應式網頁，並提供後續的網站維護服務。

網站規劃

依照品牌顧問公司所提供的CIS識別，包含換上新的Logo、配色採用綠色、兼具簡約與功能性的設計等...為 Bagrun倍勁量身打造新品牌形象的整體網頁視覺。

在網頁規劃上，由於貝格朗bagrun 提供顧客上網註冊享保固的服務，所以我們在官網中規劃「商品註冊」專區，凡是購買原廠商品，只需要在官網上填入資料就能完成註冊登記、享有保固服務，對消費者來說，再也無須擔心因保固卡遺失而失去保固，網頁上的表格採用簡單且直覺化設計，不額外增加消費者麻煩，讓品牌印象更加分！

網站架構方面，每款商品除了基本介紹之外，更規劃「使用實績」與「推薦商品」，讓瀏覽者看完商品後，可以繼續瀏覽該商品實際的使用狀況、客人分享的使用影片或心得；也可以瀏覽其他相關的推薦商品。這種網站架構能降低消費者購買前的疑慮、找出真正適合的產品下單；對網站SEO而言，訪客在網站中所瀏覽的網頁數會因此增加、提高平均瀏覽時間、減少網頁跳離率等...不只對使用者友善，也有助於網站SEO優化、提高Google搜尋結果的排名。

下圖為網站改版前後對照圖，左為改版前，右為改版後。

bagrun網站改版 hellosanta聖誕老人響應式網頁設計

下圖為網站改版前後對照圖，左為改版前，無RWD響應式設計，網頁畫面較不適合手機瀏覽；
右為改版後，升級RWD響應式設計，讓網頁在手機上的畫面看起來更加舒適、點選也更加便利。

bagrun網站改版 hellosanta聖誕老人響應式網頁設計

#TAGS

【D8 Hardcode教學】用 Code Sniffer 來做 Code Review

網頁開發環境一次搞定之在VScode裡搭配MAMP使用XDbug

【優化網頁】加快Drupal網站的速度，不可不知Boost模組