協(xié)銳官網(wǎng)

形象升級

協(xié)銳巖板一直以國際高端品質(zhì)巖板為基石，

用細致專(zhuān)業(yè)的態(tài)度，為全球客戶(hù)提供系統的巖板應用解決方案。

我們攜手重啟創(chuàng )意公司進(jìn)行官方網(wǎng)站設計，

打造功能更完善強大的網(wǎng)絡(luò )媒介工具。從視覺(jué)設計到內容架構，

都 呈現專(zhuān)業(yè)性和人性化，深度貼合品牌調性，賦能年輕化營(yíng)銷(xiāo)更多可能性。

01

協(xié)銳網(wǎng)站設計 · PC端

設計關(guān)鍵詞 |  KEYWORDS

< 有趣 / 設計感 / 品牌 >

網(wǎng)站界面注入品牌標志元素，運用幾何元素的形態(tài)與線(xiàn)條特性，

營(yíng)造出簡(jiǎn)潔感、秩序感、趣味性等視覺(jué)效果，塑造傳遞個(gè)性的獨特性品牌官網(wǎng)體驗。

網(wǎng)站菜單梳理總結5大內容點(diǎn)，對內容進(jìn)行整體的布局，高效傳達信息，

構建功能 多樣化、內容全面的全新品牌網(wǎng)站。

交互動(dòng)態(tài)設計：開(kāi)屏動(dòng)畫(huà)+菜單動(dòng)態(tài)演示

◆開(kāi)屏動(dòng)畫(huà)

品牌輔助圖形通過(guò)流動(dòng)酣暢的動(dòng)態(tài)變換

采用創(chuàng )造/變形/重組/旋轉等藝術(shù)感視覺(jué)效果

舒緩的開(kāi)屏加載節奏，圖形變化的細膩細節

使動(dòng)畫(huà)觀(guān)感更加舒服，契合新生代審美

◆交互設計

『 鼠標經(jīng)過(guò)變色 』

通過(guò)有趣的變色和小眼睛圖標

強化跳轉按鈕的聯(lián)系感，打造快速響應的感知交互

『 菜單展開(kāi)效果 』

通過(guò)自主展開(kāi)菜單的信息可視化表達

讓用戶(hù)更好地看清信息，內容解讀更高效

同時(shí)有序引導用戶(hù)觸發(fā)下一層級內容

產(chǎn)品整頁(yè)設計 + 鼠標經(jīng)過(guò)顯示效果

內容導航欄邏輯清晰；鼠標經(jīng)過(guò)選項時(shí)有高亮變色效果

產(chǎn)品詳情頁(yè) + 菜單展開(kāi)效果

折疊展開(kāi)式菜單，引導用戶(hù)探索內容

網(wǎng)頁(yè)設計從細微之處著(zhù)眼

從字體大小比例，到高對比度的網(wǎng)站配色選擇

注重易讀性，將信息以最有效的方式傳遞出來(lái)

更加入品牌輔助圖形作為圖標符號

為界面賦予更多個(gè)性，強化品牌記憶點(diǎn)

網(wǎng)站整頁(yè)設計：SHEERIN協(xié)銳頁(yè)面動(dòng)態(tài)演示

我們從網(wǎng)站訪(fǎng)客的瀏覽訴求出發(fā)

合理地編排信息內容模塊

從菜單、二級頁(yè)面到三級頁(yè)面，層層遞進(jìn)

內容層級清晰，方便訪(fǎng)客獲取信息

/ 更多整頁(yè)設計展示 /

· 二級頁(yè)面 | SHEERIN協(xié)銳頁(yè)

· 三級頁(yè)面 | 產(chǎn)品詳情頁(yè)

02

協(xié)銳網(wǎng)站設計 · 手機自適應

設計關(guān)鍵詞 |  KEYWORDS

< 智能適應 / 內容垂直 / 清晰直觀(guān) >

手機自適應，在PC端的網(wǎng)站視覺(jué)基礎上進(jìn)行設計

針對手機端體驗做出調整

模塊化布局內容更加垂直

智能根據不同的手機屏幕分辨率進(jìn)行適應

使在不同的設備與環(huán)境下都擁有最佳的瀏覽體驗

展開(kāi)目錄單獨成頁(yè)，拋去繁瑣的裝飾

簡(jiǎn)單清晰的文字直白地為你導航

滑動(dòng)式交互體驗，瀏覽體驗更為流暢愉悅

產(chǎn)品頁(yè)展示效果

案例頁(yè)展示效果

詳情頁(yè)部分，以產(chǎn)品&案例圖片展示為核心

圖片簡(jiǎn)單而有序地鋪陳于屏幕上

輔以英文小字和留白幫助視覺(jué)閱讀

頁(yè)面布局直觀(guān)簡(jiǎn)單，卻不失精巧雅致

查看整頁(yè)設計展示