手機版網站設計,不只有 RWD|從 PARCO 與 Crisp 看使用場景的版面策略
當手機成為主要操作載具,我們該重新審視網頁設計的出發點。
不只是讓版面能縮放,而是思考:在手機上,怎麼呈現資訊才最剛好?
這篇透過兩個實例,分享我們對手機版介面配置的觀察與思考。
當手機成為主要操作載具,我們該重新審視網頁設計的出發點。
不只是讓版面能縮放,而是思考:在手機上,怎麼呈現資訊才最剛好?
這篇透過兩個實例,分享我們對手機版介面配置的觀察與思考。
我們在設計上多做一個主頁,從主頁做分流
也可以在畫面配圖上略作區隔
兩組品牌同中求異,設定主色及主要配圖後
也分別以不同配色及閱讀動線,營造不同的氛圍
我覺得網站和實體店面有一點很大的不同
一般在經營店面想要變動裝潢或者陳列,其實不太容易
不僅耗體力,也需要稍稍中斷營業
官網不需要,我們可以在測試站先完成這些優化項目
待全部確認後,更新上線。
在這個階段,網站可以繼續營運
畢竟它不是一個做完就完全不能變更的項目。
這次接手的是駁二的人才進駐計畫網站
我們主要針對「資訊太多、表單太冗長」的問題下手,從架構、流程到視覺做了一輪優化。
不只是讓網站變好看,更希望使用者在申請時可以更順、更直覺。
像是首頁加入倒數提醒、表單拆成兩階段、藝術家頁面也重整成手機友善的閱讀方式。
把一個本來容易被忽略的資訊型網站,變成一個溫柔但清楚的使用體驗。
受限於客戶目前主機規格,及材料品項供給的問題
我們沒有做成即時訂購,而是複製代碼,提交網路客服
這部分有一點小小可惜
不過,作為操作試水溫,這也不失為一個可行的建議作法
疫情讓人悶壞了,新光銀行決定出手發放「處方簽」!
這場以看診概念打造的療癒抽獎活動網站,結合用戶日常操作如登入、轉帳、申購任務來累積點數,換取驚喜贈品。
從企劃、設計到開發,我們一起完成了這個富含暖心巧思的專案
不是每個網站都只有 RWD 這個選項,タイガー魔法瓶這個活動頁案例就是證明。
透過手機置中編排與品牌背景延伸,即使是單一尺寸,也能呈現高質感的視覺體驗。
這個專欄彙整了很多我們的工作經驗和心得
對於熟稔網站設計的朋友來說
可能沒有什麼很專業、很厲害的內容
不過裡面的概念,或許可以因應不同的製作需求變化
特別是製作經驗不多或者正打算踏入這個領域的朋友們
有興趣的話,歡迎你們點閱。
若有其他類似的問題,也歡迎大家私訊給我
我會就我所知道的部分,盡力回覆。
去年的設計受到客戶青睞,今年再度委託我們設計論壇講座活動網頁
報名網站多半以資訊露出為主,早期較少有醒目的設計出現
這幾年台灣設計力大噴發,其實常常可以看到優秀作品出現在生活周遭
我們希望可以在既有的設計中,做些變化
這次特別在主視覺中的線條上下苦心,有了先前歐菱科技官網建置時的前端技術經驗
做起來還算得心應手
專案順利上線,也謝謝客戶提供這個機會給我們嘗試。
Dino 帥哥在東京的旅館正式啟用
5963取自ご苦労様諧音,座落於東京淺草橋一帶。
在有上線時間壓力下,我們選擇了WIX
公版網站的限制很多,如果可以了解它的結構
好好整理,也可以變成一個很有質感的網站。