電池維修小站|興興能源科技

電池維修小站|興興能源科技

網站設計以簡單乾淨的方式進行布局,風格有別於眾人對「電池」的既定印象,整體畫面看起來乾淨優雅且整齊簡單,在色彩的應用上,則是以藍色與綠色進行渲染,讓整個網站充滿智慧、綠能、環保與電能的感受。

  • 【電池維修小站|興興能源科技】

    【電池維修小站|興興能源科技】

    在沒有經費廣告宣傳下,「電池維修小站」全憑鬼斧神工的技術及面面俱到的服務在客戶間口耳相傳,逐漸建立起口碑,成為消費者信賴、安心的電池良醫。

     網站設計以簡單乾淨的方式進行布局,風格有別於眾人對「電池」的既定印象,整體畫面看起來乾淨優雅且整齊簡單,在色彩的應用上,則是以藍色與綠色進行渲染,讓整個網站充滿智慧、綠能、環保與電能的感受。

     網站為中、英雙語系,使用者可於後台自行新增成功案例的文案內容,並可同時同一筆資訊的中與英兩種語系,讓資訊不會因為還要另外登入而產生不對等的情況。另外,在整個網站中,加入了固定的浮動列表,讓使用者無論在哪個頁面都可以快速點擊Facebook、LINE或撥打電話連繫企業!並且在全站最下方,不僅有企業的地址、電話與信箱,還嵌入了Google Map地圖,讓使用者可以更加清楚企業的座落地點。

     此圖片為全站右側的固定式浮動列表,無論畫面滾動到哪個區塊,該列表都會固定在右側,這裡值得介紹的地方就在於「電池樣式的回到頂端」!使用者將畫面滾動到最下方,電池就會顯示快要沒電的樣子,當游標移動到電池時,電池就會充滿電,點擊後就可以自動將畫面帶回最上方。

  • 【關於我們】

    【關於我們】

     關於我們的頁面,使用大版面的Banner布局,讓使用者一進入本頁面就可以透過Banner中的示意畫面與文案,感受到想要傳達的意涵,在下方則是品牌故事的文案內容,接著則是介紹Logo的設計理念。

  • 【服務項目】

    【服務項目】

     服務項目的列表圖示,除了設計成電池的icon樣式,讓畫面更加活潑有趣之外,也加入了多樣的示意圖片,讓使用者可以更容易想像文字的意思;另外,在喜香香的服務中,加入了查看前後對照圖的按鈕,使用者可以點選按鈕查看對照圖,如圖。

  • 【送修流程】

    【送修流程】

     送修流程頁面,有送修的流程示意圖和填寫預約維修單的按鈕,使用者可透過流程圖了解服務流程,並透過按鈕跳轉至Google表單進行填寫預約。

     若有想要詢問的問題,可以先透過下方的常見問題QA區域,查看是否有問題的解答,點擊問題即可展開答案、了解資訊。

  • 【好評推薦】

    【好評推薦】

     好評推薦的頁面中,加入了Facebook與Google的優質評論,企業擷取幾位客戶的評論放在畫面中,讓其他人可以透過真實回饋的資訊,提升對企業的信任與興趣,若想要查看更多的評論,使用者可以點選查看更多的按鈕,前往FB或Google商家資訊進行查看與了解,若想要放大查看企業擷取的好評畫面,可直接點擊,將畫面放大以利閱讀。

ID:@323foylw