協(xié)銳官網(wǎng)
形象升級
協(xié)銳巖板一直以國際高端品質(zhì)巖板為基石,
用細致專業(yè)的態(tài)度,為全球客戶提供系統(tǒng)的巖板應用解決方案。
我們攜手重啟創(chuàng)意公司進行官方網(wǎng)站設計,
打造功能更完善強大的網(wǎng)絡媒介工具。從視覺設計到內(nèi)容架構(gòu),
都 呈現(xiàn)專業(yè)性和人性化,深度貼合品牌調(diào)性,賦能年輕化營銷更多可能性。
01
協(xié)銳網(wǎng)站設計 · PC端
設計關鍵詞 | KEYWORDS
< 有趣 / 設計感 / 品牌 >
網(wǎng)站界面注入品牌標志元素,運用幾何元素的形態(tài)與線條特性,
營造出簡潔感、秩序感、趣味性等視覺效果,塑造傳遞個性的獨特性品牌官網(wǎng)體驗。
網(wǎng)站菜單梳理總結(jié)5大內(nèi)容點,對內(nèi)容進行整體的布局,高效傳達信息,
構(gòu)建功能 多樣化、內(nèi)容全面的全新品牌網(wǎng)站。
交互動態(tài)設計:開屏動畫+菜單動態(tài)演示
◆開屏動畫
品牌輔助圖形通過流動酣暢的動態(tài)變換
采用創(chuàng)造/變形/重組/旋轉(zhuǎn)等藝術(shù)感視覺效果
舒緩的開屏加載節(jié)奏,圖形變化的細膩細節(jié)
使動畫觀感更加舒服,契合新生代審美
◆交互設計
『 鼠標經(jīng)過變色 』
通過有趣的變色和小眼睛圖標
強化跳轉(zhuǎn)按鈕的聯(lián)系感,打造快速響應的感知交互
『 菜單展開效果 』
通過自主展開菜單的信息可視化表達
讓用戶更好地看清信息,內(nèi)容解讀更高效
同時有序引導用戶觸發(fā)下一層級內(nèi)容
產(chǎn)品整頁設計 + 鼠標經(jīng)過顯示效果
內(nèi)容導航欄邏輯清晰;鼠標經(jīng)過選項時有高亮變色效果
產(chǎn)品詳情頁 + 菜單展開效果
折疊展開式菜單,引導用戶探索內(nèi)容
網(wǎng)頁設計從細微之處著眼
從字體大小比例,到高對比度的網(wǎng)站配色選擇
注重易讀性,將信息以最有效的方式傳遞出來
更加入品牌輔助圖形作為圖標符號
為界面賦予更多個性,強化品牌記憶點
網(wǎng)站整頁設計:SHEERIN協(xié)銳頁面動態(tài)演示
我們從網(wǎng)站訪客的瀏覽訴求出發(fā)
合理地編排信息內(nèi)容模塊
從菜單、二級頁面到三級頁面,層層遞進
內(nèi)容層級清晰,方便訪客獲取信息
/ 更多整頁設計展示 /
· 二級頁面 | SHEERIN協(xié)銳頁
· 三級頁面 | 產(chǎn)品詳情頁
02
協(xié)銳網(wǎng)站設計 · 手機自適應
設計關鍵詞 | KEYWORDS
< 智能適應 / 內(nèi)容垂直 / 清晰直觀 >
手機自適應,在PC端的網(wǎng)站視覺基礎上進行設計
針對手機端體驗做出調(diào)整
模塊化布局內(nèi)容更加垂直
智能根據(jù)不同的手機屏幕分辨率進行適應
使在不同的設備與環(huán)境下都擁有最佳的瀏覽體驗
展開目錄單獨成頁,拋去繁瑣的裝飾
簡單清晰的文字直白地為你導航
滑動式交互體驗,瀏覽體驗更為流暢愉悅
產(chǎn)品頁展示效果
案例頁展示效果
詳情頁部分,以產(chǎn)品&案例圖片展示為核心
圖片簡單而有序地鋪陳于屏幕上
輔以英文小字和留白幫助視覺閱讀
頁面布局直觀簡單,卻不失精巧雅致
查看整頁設計展示
FULL PACKAGE SERVICE PROVIDER OF HIGH-END SINTERED STONE