Mercedes-me 賓士官方內容平台 - 飛創意互動

基本介紹

賓士 Mercedes-Benz 是一個享譽世界的德國汽車品牌，以其卓越的工藝、奢華的內裝和卓越的性能而聞名。無論是品質還是形象，Benz都代表著精緻、高級的汽車體驗。

台灣中華賓士 Mercedes-Benz，需要另外設計一個官方多功能網站，與原本介紹車型、預約賞車的販售官網區隔開來。

整個網站的需要能包含 Benz 的六大內容或行銷主題，賓士為此案舉辦了比稿，多家設計公司與代理商參與，最後由飛。創意互動｜Feelwonder 屏雀中選，客戶對我們提出的整規劃與完整度，感到滿意，值得驕傲！

因應智慧型手機與平板電腦的重要性日益高升，採用了RWD (Responsive Web Design) 響應式網站的設計方式，以滿足桌機與各類行動裝置的整體需求。

*賓士 Mercedes-Benz｜版權所有。

設計概念

整個網站需要包含 Benz 的六大主題：
C.A.S.E. / Intelligent Drive / Mercedes me / EQ / uture talks / She’s Mercedes

每個主題中都有相當多的內容供車友深入閱讀與了解：

- C.A.S.E.｜解構 Benz造車的主要理念

- Intelligent Drive｜詳細說明 Benz的安全功能，可依照類別尋找或車型尋找喔

- Mercedes me｜針對售後服務的說明

- EQ｜針對 Benz新武器：電動車的解說

- Future talks｜Benz的科技論壇，討論許多有趣的新科技與發展，可以線上報名參加喔。

- She’s Mercedes｜Benz針對女性設計的知性小聚會，常常舉辦很多女性專屬的活動喔。

就設計來說，需要建構一個能容納六大主題（或子品牌）的網站視覺與導航系統，讓六大主題在其中不會突兀，讓User也能輕鬆找到所需要的資訊。

色彩計劃

使用代表神秘的黑色、代表科技的藍色，營造科技與神秘的氛圍

設計團隊也使用不同層次的中灰色、灰色與白色，作為整個網站的輔助配色。

此外，大範圍、無邊框的圖像，也讓網站呈現出格外大氣的風範，許多圖文並茂的編排，讓瀏覽網站與吸收資訊，變得輕鬆，如同在翻閱一本精美的精裝攝影集一般。

R0 G0 B0

#000000

R61 G61 B61

#3D3D3D

R204 G204 B204

#CCCCCC

R36 G162 B221

#24A2DD

桌上型電腦版本

用桌上型電腦或筆記型電腦瀏覽此網站，進入首頁就開啟了一個科技與視覺的饗宴。

桌上型電腦版本，保有最完整的設計細節、動態滑動表現，不論選單、物件的動態滑動感，在桌上型電腦版本都能有最好的表現。

設計團隊期望使用桌上型電腦、筆記型電腦的使用者，能在驚奇、愉悅的氛圍下瀏覽網站。

以RWD (Responsive Web Design) 響應式網頁的方式設計，使網頁顯示的區域、可閱讀的範圍，變得比一般網站更大更寬，在瀏覽圖片或文案時將有更好的的瀏覽品質。

*支援PC / Mac桌上型電腦、筆記型電腦，Chrome、Safari、Edge、Firefox以上之瀏覽器。
*賓士 Mercedes-Benz｜版權所有。

平板電腦版本

精簡優化後的版本，讓平板電腦也能順暢瀏覽所有精彩的內容。

用平板電腦瀏覽此網站，也能因RWD (Responsive Web Design) 響應式網頁的方式設計，而得到絕佳的畫面呈現，所有複雜的元素經過優化作業，讓平板也能在較小的畫面顯示中，取得完美的平衡，輕鬆的瀏覽網站。

*支援 iOS / Android 平板電腦。
*賓士 Mercedes-Benz｜版權所有。

手機版本

針對手機的直式畫面設計網頁，即使單手也能順暢瀏覽網站與所有精彩的圖文內容。

"用智慧型手機瀏覽此網站，也能因RWD (Responsive Web Design) 響應式網頁的方式設計，而得到絕佳的畫面呈現，幫助螢幕較小的手機用戶也能快速的找到所需的資料。

針對智慧型手機的直式顯示方式，設計團隊也更優化操作界面，用一目了然的選單，讓手機的使用者能快速切換頁面或單元，找到所需的資訊。

*支援 iOS / Android 智慧型手機。
*賓士 Mercedes-Benz｜版權所有。"