Works
設計庫
我們先替您這一行想好了網站的樣子。點進去，看看同行的網站可以長怎樣。
晴格方記帳士事務所
QINGGE BOOKKEEPING
沉穩・準時・找得到人
給剛開業、第一次找記帳士的老闆。從開公司、每月記帳到報稅，一頁看懂要準備什麼、什麼時候找得到人。
Design 設計重點
- 01
商家名稱藏在版面裡
「晴」是日光，「格」是帳簿的格線。報稅行事曆畫成一格一格，暖黃的小方塊標出每個月的申報期限。
- 02
最要緊的事先看到
一打開就看到照片上疊著一張「下一個期限」卡片，依打開當天的日期算出最近的報稅期限，老闆一進來就知道這個月該準備什麼。
- 03
聯絡不用填表
電腦版頁首有「打電話」、一打開的畫面就有 LINE；聯絡區不放表單，email 整行做成大按鈕，一點就能寫信。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
持衡石法律事務所
HENGSHI LAW OFFICE
穩重・條理・好開口
給遇到租屋、勞資、家事、商標等法律問題的一般人與商家。一頁看懂事務所處理哪些案件、各種情況先準備什麼，以及第一次諮詢怎麼進行。
Design 設計重點
- 01
像法條一樣編排
每一段的頁邊都有直排的第一條、第二條，旁邊附上註記；業務範圍排成法規目錄。長頁讀起來有條理，一看就知道是法律事務所。
- 02
先選您遇到的問題
六個情境頁籤：租屋、勞資、家事、商標被搶註、欠款、作品被盜用。點了就顯示常見情況、要準備的資料、處理步驟與提醒。
- 03
一根持平的秤桿
商家名稱裡的衡是秤、石是穩，持衡就是持平。開頭的畫面底下一根黃銅秤桿，先傾斜著畫出來，再慢慢放平；商標申請的六步，也由一條線隨捲動走過。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
啟長帆企業顧問
CHANGFAN CONSULTING
務實・有步驟・陪著走
給 10 到 100 多人、想把人資制度和流程建起來的中小企業老闆：一頁看懂顧問怎麼陪著走四段航程、每段多久、會留下什麼，還能自己勾一份人資健檢。
Design 設計重點
- 01
航線畫出合作順序
一打開是一條航線，小帆從出發點走到終點，經過診斷、規劃、導入、追蹤四個航點時一一亮起；往下捲，合作航程的直線跟著長，每段寫明多久、做什麼、會拿到什麼。
- 02
勾一勾就知道先補哪
人資制度健檢 12 題分四塊，勾選已經做到的項目，結果卡馬上算出建議先補哪一塊、原因與第一步；手機版畫面下緣有迷你結果列，勾選不會送出。
- 03
從老闆的話開始
服務做成對照表：先列老闆常說的情況，接著是一起做的事，最後是做完會留在公司的東西；再加上四個大數字承諾，字粗、數字整齊對齊，像一張好讀的資訊圖表。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
築安計保險經紀人
ROOF & PLAN BROKERAGE
冷靜・透明・站在您這邊
給保險經紀人公司：一把七片的傘講清楚保障類別，點人生階段看該檢視什麼，再用一張示範整理表說明保單健檢怎麼做。
Design 設計重點
- 01
撐開的七片傘面
第一個畫面左邊是一把撐開的傘，莓紅與白相間的七片傘面寫著醫療、意外、長期照顧等七類保障；傘下是顧問與一家人一起看保單的照片，大標在右邊問「您手上有幾把傘？」。
- 02
點人生階段看保障
剛工作、成家、有孩子、準備退休四站排成一條路線。點一站，就換成那個階段先檢視的保障類別，和可以先問自己的問題。
- 03
示範的保單整理表
一張保單一列、一類保障一欄。按「重疊的」「空著的」就標出那幾欄，讓客人先看懂保單健檢會拿到什麼。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
棲木境商務中心
QIMU BUSINESS CENTER
安靜・好用・隨時進駐
給想找座位、辦公室、會議室或登記地址的人。一頁看懂四種空間的條件、8 樓各區在哪裡、櫃檯一天替您顧哪些事，以及怎麼預約參觀。
Design 設計重點
- 01
鳥停在樹枝上
商家名稱裡的「棲木」畫成一隻停在樹枝上的小鳥。一打開，樹枝橫過接待櫃檯照片上緣，鳥飛下來停好；小標、地圖標記、門禁卡也是同一隻。
- 02
四種空間一鍵切換
共享座位、獨立辦公室、會議室、登記地址用分頁切換，照片和適合誰、時間、包含什麼、租期一起換；開頭的接待卡點了也直接切到那一種。
- 03
點得到的樓層圖
像旅館電梯口的木頭導覽牌，畫出 8 樓的接待、座位、會議室、茶水與信件室。點區域或清單，那一區就亮起來；捲到時各區的燈一間間亮。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
和熙堂中醫診所
HEXI TCM CLINIC
沉靜・細心・問仔細
給社區中醫診所。內科、針灸、傷科各做什麼，今天有沒有門診、這一診還收不收掛號，初診的四個步驟，第一次來也知道怎麼走。
Design 設計重點
- 01
直排的大字標題
第一個畫面是兩行直排的楷體大字「把話問完／再把脈」，行與行之間有古書的細線，配上把脈的照片與一整面藥櫃，看得出是中醫。
- 02
今天的門診先標好
門診表依台灣時間把今天那一欄鋪上淡青色，正在看診的那一格用毛筆圈起來，最後半小時標出停止掛號；點星期就看那一天，國定假日另外標示。
- 03
二十四格的節氣藥櫃
一年二十四個節氣排成一座藥櫃，現在的節氣那一格會拉出來亮著，點一格就看那個節氣的天氣變化，和這個時節來看診要注意的事。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
沐禾然牙醫診所
MUHE DENTAL CLINIC
溫和・安心・不怕問
給怕看牙的大人與帶孩子的家長：一頁看懂今天有沒有看診、初診會經歷哪五步、孩子怎麼看牙，每一步都先說清楚再開始。
Design 設計重點
- 01
今天的門診
門診表依今天星期幾框出今天那一欄，並標出正在看診的那一格；點下方星期按鈕就換看那一天；一打開的畫面也有一條「今天」小條。
- 02
笑的弧線
標誌、開頭「講清楚」三個字底下的弧線、排成笑的三扇拱窗、小標與卡片上緣，都用同一道笑弧，讓整頁看起來柔和、不緊張。
- 03
初診五步
初診流程排在一道弧線上，捲到時從左畫到右、點依序亮起，最後一步「您來決定」長出一株禾苗；手機改成直的。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
霽光晨皮膚科診所
JIGUANG DERMATOLOGY
細緻・節制・不催促
給在意皮膚、又怕被推銷的人。一頁看懂霽光晨看哪些皮膚問題、醫學美容怎麼諮詢，以及每一步會拿到什麼；當天不必決定，療程後的照護也先寫清楚。
Design 設計重點
- 01
拱窗裡的雨後光
一打開的大照片放在拱形窗框裡，外圍一圈細線。上方細雨線落下後淡去，窗後暖光慢慢亮起，呼應「霽」字。
- 02
五步諮詢不催人
「評估、說明風險與替代方案、考慮期、療程、回診」做成可以點的細線分頁。第 3 步考慮期標「不急」，每一步都寫您會拿到什麼。
- 03
照護須知一頁收好
療程後的清潔、保濕、防曬、暫時避免的事做成收合清單，可以一鍵全部展開。最後一項用梅紅標出要盡快聯絡的情況。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
初雨嵐髮作
FIRST RAIN HAIR WORKS
有個性・好溝通・剛剛好
給想換髮型、又怕被推銷或剪壞的人。一頁就能看懂剪、染、燙、頭皮護理各適合誰、動手前會先問什麼，以及第一次來怎麼先聊。
Design 設計重點
- 01
雨絲畫出的開場
超大 FIRST RAIN 英文字橫跨整個開頭畫面，細細的雨絲從上往下畫出來，照片像被剪刀斜斜剪開。商家名稱裡的「初雨」直接長成畫面。
- 02
四種服務一鍵切換
剪、染、燙、頭皮護理做成分頁。換選項時照片和說明一起換，「適合」「動手前會先確認」「時間大約」「示範價格」一次看清楚；「我們的做法」另有一張示範價目表。
- 03
先聊再動手的五步
「第一次來，可以先聊」把諮詢拆成五步。捲動時一條雨絲往下延伸，捲到哪一步、編號就亮；看過頭髮先報價，點頭才動手。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
勻息所瑜伽皮拉提斯
EVEN BREATH YOGA & PILATES
放鬆・扎實・不比較
給瑜伽與皮拉提斯小教室。最上方就寫著今天的下一堂課，往下可以跟著圓圈呼吸一分鐘、依程度挑課，第一次來要準備什麼也排成五個步驟。
Design 設計重點
- 01
跟著圓圈呼吸
「呼吸一分鐘」一段，按下開始，圓圈吸氣時變大、吐氣時變小，中間寫著吸氣、吐氣與倒數秒數；開了減少動態，圓圈不縮放，只換字與光圈。
- 02
今天的課先亮著
本週課表依台灣時間圈出今天，上完的課變淡、正在上的標「上課中」；可以只看「第一次也能上」的課，手機上一次看一天，首屏小條也寫著下一堂。
- 03
圓會呼吸
細明體大字、骨白配赭石與深苔綠、寬留白；圓形照片外有三圈隨呼吸擴張的細線，「第一次來」五個步驟的圓一個比一個大，像一口氣吸滿。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
等星原觀星工作室
STARWAIT MEADOW
開闊・安心・第一次也行
給第一次想上山看星星的人：三種場次各走多遠、爬多高，對照三件事就看得出適合哪一場；出不出發怎麼判斷、要帶什麼也寫清楚。
Design 設計重點
- 01
今晚的月亮
網站開頭的右上角，依台灣時間推算當晚的月相、月齡與亮面比例，說今晚適合看什麼、幾天後月光變弱，把「看天吃飯」的生意講得具體。
- 02
三件事選出場次
誰一起來、上坡走多久、走過夜路嗎，每選一項就換成建議的場次與注意事項，上面那張場次卡片也會標出「建議這場」。
- 03
三種場次畫成步行剖面
每張場次卡上方是一段步行剖面，走多遠、爬多高放在一起比得出來；捲到時線條畫出來、終點的星亮起來，背景是一座山的等高線。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
Design 設計重點
- 01
孩子的一天
八個時段排在太陽走過的弧線下，點一下就看到那段孩子在做什麼、老師在做什麼、家長會知道什麼；平日依台灣時間標出「現在」。
- 02
蠟筆畫出的發芽
手寫字標題、蠟筆線條的插畫；首屏地面冒出小芽，四個班各配一株植物，從幼幼班的小芽長到大班的小樹。
- 03
看得見的安心
接送、餐點、健康、門禁四件事寫清楚，旁邊貼一頁聯絡簿範例，加上午餐同桌與放學交接的照片。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
拾階學職能教室
STEPWISE SKILLS STUDIO
按部就班・用得上・學得會
給下班後想學簡報、試算表、影像剪輯的上班族與小老闆。三條路線、九門課攤在一張課程地圖上，挑好想學會的事，就知道該從哪一門開始。
Design 設計重點
- 01
大標排成台階
首屏三行大標一行比一行往右，照片左上角切出兩階。底下四塊檸檬黃方塊由低到高連成一道台階，把「每門課四堂、一堂一階」直接畫出來。
- 02
選目標看路線
「我想學會…」選一個目標，三道台階的課程地圖就標出建議的上課順序，另外列出要上哪幾門、共幾堂、各做出什麼；不熟要先補的課用虛線框標出。
- 03
一堂課拆成 12 格
3 小時切成 12 格、一格 15 分鐘，用四種顏色標出講解、跟著做、自己做、回饋，看得出一半以上的時間在動手。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
木隅白空間設計
WOOD & CORNER INTERIORS
留白・溫度・耐看
給想裝修新家、翻新老屋或裝修商家的人：一頁看懂木隅白的作品、服務，從丈量到交屋的五個步驟，以及怎麼約丈量。
Design 設計重點
- 01
直排標題配掛畫照片
一打開是直排的細字大標，旁邊的直幅照片四角有細細的定位角線，左上角貼一塊陶土紅小方塊，就是「木隅」的牆角標誌；像走進一間安靜的藝廊。
- 02
可拖曳的作品卷軸
深色展間裡橫向排開四件作品，滑鼠可以拖曳、手機可以滑動，也能按箭頭一件一件看；上方的計數與下方細線告訴您看到第幾件。
- 03
會長大的平面圖
流程一節往下捲，平面圖依序畫出外牆、隔間、家具、地板與燈光，對應丈量、平面配置、3D 模擬、施工、交屋五步，每步都寫清楚您會拿到什麼。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
執鑰所租賃管理
KEY IN HAND RENTAL MANAGEMENT
省心・透明・兩邊都公道
給手上有一兩間房子要出租的房東：一頁看懂代管和包租差在哪裡、執鑰所做的六件事、每月月報寫什麼，以及對房客守的規矩。
Design 設計重點
- 01
電燈開關切換代管包租
像牆上的電燈開關，左邊代管、右邊包租；切換時七列內容滑動換掉，兩種寫法不同的列左邊亮起黃銅線，一眼看出差在哪。
- 02
房東月報三個月份
一份示範月報，點 8、9、10 月的分頁，看同一間套房三個月的收租、修繕與房客反映，每列蓋上狀態小章，不顯示任何金額。
- 03
門牌與鑰匙牌
區段編號做成黃銅小門牌，首屏三個承諾掛在鑰匙圈的鑰匙牌上；配色取舊鑰匙的黃銅、炭墨與樓梯間的水泥米灰。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
淨檯居廚具設計
CLEAR COUNTER KITCHENS
好用・好清・量身做
給想換整體廚具的屋主：一頁看懂四種廚房形狀怎麼走、四種檯面怎麼選、丈量量什麼，以及從看樣板到完工驗收的六個步驟。
Design 設計重點
- 01
會走的立體線稿
四種廚房形狀畫成斜看的立體線稿，冰箱、水槽、爐台連成工作三角；換形狀時三角形跟著變形，小圓點照做菜的順序走一遍。
- 02
翻面的檯面樣板
四塊樣板直接畫出金屬髮絲紋、細顆粒與石紋，點一下翻到背面，看熱鍋、刮痕、清潔怎麼照顧，不打分數。
- 03
檯面切面當段落線
每一段開頭是一條檯面的切面（粗線加小倒角），流程六步掛在一條長檯面下，量身做的四張卡像抽屜面板，整頁像一座廚具疊起來。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
恆之勤居家修繕
CONSTANT CARE HOME REPAIR
快・實在・不囉嗦
給家裡東西壞了、或要找人打掃的屋主：一頁看懂是哪種問題、聯絡前先拍哪幾張照片、從傳照片到驗收的五步，以及收費原則與施工規矩。
Design 設計重點
- 01
先選問題，再拍照
六個問題格子：漏水、電路、門窗、壁癌、五金、清潔。點一格就換成常見原因、先做的安全動作，和聯絡前要拍的 3 張照片。
- 02
捲尺與取景框
一打開，一條黃色捲尺從左邊拉出來，照片四角是相機對焦框；叫修五步排在一條尺帶上，捲動時跟著拉長，走到哪一步就亮哪一步。
- 03
手機一按就叫修
字圓圓粗粗、按鈕大大的，按鈕和格子像鍵盤按鍵一樣有厚度。手機往下捲過開頭的畫面後，底部固定出現「打電話」「LINE 傳照片」兩顆大按鈕。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
苔光庭景觀花藝工作室
MOSS & LIGHT GARDEN STUDIO
自然・有層次・好照顧
給庭園景觀兼花藝工作室。三種服務、四季庭園裡開什麼與該做的照顧、三種庭園風格，最後是從看現場到交接照顧手冊的五個步驟。
Design 設計重點
- 01
會轉的季節輪
一年十二個月排成一圈，打開時指針先轉到今天所在的季節。點春夏秋冬，右邊就換成那一季開的花和要做的照顧。
- 02
葉脈長成的流程
從看現場到回訪的五個步驟，像葉子的主脈往下長、側脈左右分出去。捲到哪一步，那一條葉脈就畫出來。
- 03
照片標出庭園層次
首屏照片右邊有一把層次尺，標出高木、灌木、草本、地被四層。照片放在葉子形狀的框裡，標題卡從左下壓進照片。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
鰭嶺芯工業電腦
FINRIDGE EMBEDDED
耐用・講規格・供貨久
給工業電腦客製小廠的一頁式網站：撥指撥開關選一個現場，看建議規格與環境條件；從需求訪談到量產的修訂紀錄、量產後怎麼顧供貨，一頁看懂。
Design 設計重點
- 01
鰭片長成山稜
首屏一台無風扇主機的側面線稿，散熱鰭片往右延伸、高低起伏成一排山稜線。鰭片由左往右一根根畫出，最後電源燈亮起，山稜底線接著下面的工作台照片。
- 02
撥開關換現場
四個應用場景做成一排指撥開關，一次撥一個。規格書換成那個現場的六列建議；四條環境燈柱用亮一到三格綠燈表示低、中、高，手機上開關轉成橫的。
- 03
只有一種綠
玄武岩黑的深色版面只用電源燈綠一個強調色。綠色只出現在按鈕、選中的開關、全亮的修訂紀錄狀態燈與地圖位置；規格與版本號用等寬字。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
千分刃精密加工
THOUSANDTH EDGE PRECISION
精準・懂圖面・交期先講
給 CNC 精密加工廠：首屏用師傅口中的「一條」講精度；沿刻度尺選材質，看刀具銑出凹槽與注意事項，詢價前勾六條清單，示範圖面跟著蓋藍油圈。
Design 設計重點
- 01
分厘卡上的一條
首屏大字「差一條」的「一條」壓在藍油色塊上，下面劃一道細尺寸線；旁邊的藍油小卡是分厘卡的套筒刻度，轉一格停在 0.01 mm。
- 02
刻度尺選材質
五種材質排在一把刻度尺上，點一個停點，指針滑過去，工件剖面的刀具來回走一趟銑出凹槽，毛邊與剖面線跟著材質變，旁邊換成五欄說明。
- 03
詢價前對一遍
六條詢價清單，勾一條，示範工程圖上對應的位置就蓋一個帶編號的藍油圈；六條勾完出現「可以寄圖面了」，直接連到聯絡區。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
格巢倉電商倉儲
GRIDNEST FULFILLMENT
有條理・看得到・不漏單
給想把出貨交出去的網路賣家：一頁看懂商品怎麼放進儲位、訂單走到哪一步、哪些商品適合交給倉庫，以及看倉那天會看到什麼。
Design 設計重點
- 01
會動的出貨看板
五張示範訂單卡依序從待揀貨移到已交寄，欄位張數跟著變，到最後一欄蓋上紅色出貨章。看板固定標「示範數字」與出貨日。
- 02
首屏就是一格層架
打孔立柱與橫樑框住倉庫照片，橫樑上貼著 A-03-2 儲位標籤。大標的「一格」也框成一個儲位格，各段編號寫成儲位碼。
- 03
牛皮紙與模板字
紙白底、墨黑字、牛皮紙卡片，儲位碼與看板數字用像紙箱噴漆的模板字。區段之間斜貼一條封箱膠帶，紅色只留給出貨章。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
曦瓦能太陽光電
XIWA SOLAR
踏實・算清楚・顧得久
給透天住家與小廠房的屋頂太陽光電商家：一頁看懂三種屋頂的支架固定法、從現勘到併聯的七個步驟、現勘看的六樣，以及裝好以後的清洗與檢查。
Design 設計重點
- 01
照片裝進一片板
首屏照片裝在一片太陽能板裡，深色鋁框、銀線分成二十四格；旁邊一張日照小卡，太陽沿弧線從東走到西，朝南的屋頂面標亮。
- 02
三種屋頂剖面圖
平頂棚架、斜屋頂掛勾、鐵皮夾立邊，三張線稿可以切換，旁邊同時換安裝方式、要先確認的事與施工時特別注意。
- 03
一步鋪上一片板
屋頂平面圖固定在畫面上，捲到哪一步就鋪上一片板；七片鋪滿，電錶旁的小燈亮起，表示從現勘到登記的手續都走完了。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
疊色盒包裝印刷工作室
LAYERED INK PACKAGING
細緻・小量也做・打樣清楚
給想做禮盒、貼紙、吊牌的小品牌老闆：一頁看懂每種品項的起印量與製作天數、五種紙印出來的差別、三種打樣怎麼選，以及簽了樣才開印的流程。
Design 設計重點
- 01
錯開的兩道油墨
首屏一青一洋紅兩個大圓錯開疊印，重疊處是藍紫色；往下捲時兩個圓慢慢對準。主按鈕也帶一層錯開的青色影子，滑過時對準。
- 02
印刷大張排給您看
點禮盒、貼紙、吊牌、紙袋或名片，印刷大張上的形狀一個個排上去；旁邊卡片換成起印量、打樣與製作天數（示範）。大張四邊有對位記號，下緣有色導條。
- 03
同一個圖案換紙印
五種紙的小樣：銅版紙鮮豔、模造紙偏霧、牛皮紙吃掉淺色、美術紙透出紋路、灰紙板外裱印好的紙；牛皮紙還能切換「先印一層白」。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
小爪舍寵物美容住宿
XIAOZHUA GROOMING & STAY
溫柔・乾淨・看得到
給帶毛孩來洗澡美容、或要出遠門找住宿的飼主。小型犬到貓各要多久、要帶什麼，美容室隔著玻璃看得到，住宿的一天怎麼過也寫清楚。
Design 設計重點
- 01
選體型看美容時間
小型犬、中型犬、大型犬、貓四個剪影，點一個就換成那個體型的時間尺、要帶的東西與流程；長條會長出來，深色是至少、斜紋是可能多出的時間。
- 02
隔著玻璃看得到
首屏照片像隔著美容室的窗看進去，反光掃過一次；「看得到」一段疊上一張美容紀錄卡，寫出今天梳開的毛結、皮膚和耳朵看到什麼。
- 03
住宿的一天
時間軸從早上 07:30 畫到晚上熄燈，線從蜜桃色漸漸變成深湖水青；依台灣時間標出住宿的毛孩「現在」大概在做什麼。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
穩里坊汽車保養廠
STEADY MILE AUTO CARE
透明・準時・講得懂
給社區汽車保養廠：第一個畫面就是一排儀表，看得到今天營業到幾點；拉里程滑桿列出該做的保養，點車子線稿看哪裡怪怪的、當下先做什麼。
Design 設計重點
- 01
發動時的儀表自檢
最上方的照片底下是一排儀表：指針指在現在的時間、告訴您營業中還是打烊，警示燈亮一下再熄，里程表從零捲上來，像發動引擎那一刻。
- 02
拉里程，看保養單
滑桿從 5,000 拉到 60,000 公里，里程表跟著捲動，右邊的保養單換成這個里程常見的更換與檢查項目，附預估在廠時間與下一次的里程。
- 03
點車子，找問題
車子側面線稿標了七個部位，捲到時一筆一筆畫出來；點電瓶、煞車或輪胎，就看常見的徵兆、當下先做什麼，和進廠後查哪裡。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
花約日婚禮企劃
FLOWER PROMISE WEDDINGS
浪漫・有條理・不慌
給婚禮企劃工作室：新人從一年前到婚禮當天，每個階段要做什麼；戶外、宴會廳、小型證婚各要先想好什麼。看完心裡有底，再寫信約見面。
Design 設計重點
- 01
倒數一站一站走
籌備倒數分成 12 個月前到當天六站，點一站，緞帶就畫到那裡，列出兩位要做的事和統籌同時在做的事，還會依今天推算婚期。
- 02
三種場地輪流看
戶外、宴會廳、小型證婚三種場地，切換時照片、「要先想好的事」「我們會多準備的」一起換；雨備、桌次、結婚登記這些重點都列出來。
- 03
像喜帖一樣的版面
象牙白、煙燻藍配香檳金，首屏置中排得像喜帖，緞帶從標題後面飄過。服務排成喜宴菜單卡，另有一張當天時間表和信封式的聯絡卡。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
劃粉記西服訂製
CHALK MARK TAILORS
合身・從容・講究
給想訂製一套西裝的人：選上班、婚禮、晚宴或出差，看西裝線稿換領子與布紋；切正面、側面看師傅量哪裡，流程與預約一頁看懂。
Design 設計重點
- 01
場合換一套線稿
上班、婚禮、正式晚宴、出差四個分頁，西裝線稿跟著換領型、釦子、背心與布紋，白色劃粉線重新畫一次；右邊換成布料、版型與師傅的提醒。
- 02
正面側面的粉線
量身段落是一張穿西裝的人形線稿，切到正面畫出七道白色粉線、側面畫出五道，清單跟著換，讓人知道量的不只是尺寸，還有站姿。
- 03
劃粉與布標的細節
首屏照片內緣一圈劃粉虛線與剪口，每段小標做成縫在衣服內側的布標，深色段鋪很淡的人字紋，流程用一道疏縫線把六步縫在一起。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
藤蔭廊日間照顧中心
TRELLIS & SHADE ADULT DAY CARE
安心・有伴・像回家
寫給替長輩找日照的家人：勾選家人現在的情況，四張服務卡跟著亮起，分清日照、居家服務、喘息服務；也一頁看到廊下的日常、照顧細節與申請步驟。
Design 設計重點
- 01
勾選後服務卡亮起
七個家人的情況可以複選，對應的服務卡換成淡杏底、落下一個光斑，並列出「因為您勾了」的說明，日照、居家、喘息一眼分清。
- 02
藤架與光斑的首屏
首屏頂端搭著一架菱形斜格的藤架，藤葉長出、光斑落下；照片夾在兩根廊柱中間，像站在廊下往裡看。
- 03
廊柱走完五步
從撥 1966 到入托第一週，五步排成一排廊柱；捲動時光斑沿著地面一格一格往前，走到哪一步，那根柱子就亮起來。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
伴行舟陪診服務
SHARED OAR COMPANION CARE
細心・準時・讓家人放心
給自費陪診與居家陪伴業者：一頁看懂三種陪伴做什麼、不做什麼，陪診回報單怎麼寫，以及預約前要準備的事。
Design 設計重點
- 01
兩條並行的線
首屏一條實線、一條虛線，代表長輩與陪伴員，從家走到醫院再一起回家；同一組雙線也用在小標、流程與地圖上。
- 02
點欄位看規矩
示範回報單像一張複寫單，填的字是藍黑色；點任一欄，旁邊打開這一欄怎麼寫、為什麼這樣寫，手機則在那一欄下面展開。
- 03
做與不做分兩欄
三種陪伴用分頁切換，每頁把「我們做的事」和「我們不做的事」並排，不做的事用芥末黃小斜線標出；03 段再把界線與該找誰列清楚。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
翻頁林兒童閱讀推廣協會
PAGE GROVE READING ASSOCIATION
溫暖・透明・一起來
給社區兒童閱讀協會的一頁式網站：家長看得到共讀小屋何時開、孩子在做什麼；想幫忙的人點借書卡挑志工角色；捐款人一眼看懂經費花在哪六類。
Design 設計重點
- 01
書背長成一片林
首屏一排高高低低的書背站在書架板上，頂端翻起的頁角像葉子，捲到時一根一根長出來；「翻頁」兩字畫上天空藍的螢光筆線。
- 02
借書卡挑志工角色
四種志工角色做成插在卡袋裡的舊式借書卡，點一張就抽出來，要做什麼、每次多久的時間條、適合誰與來之前一次看清楚。
- 03
攤開的六層書架
經費用途做成一座全部攤開的書架，每層一樣高、書也一樣多，只代表類別不代表金額，旁邊直接寫包括什麼、怎麼看得到。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
靜蓮序禮儀公司
QUIET LOTUS FUNERAL CARE
莊重・周到・不打擾
給禮儀公司。家屬接到消息後，先看到今天要做的四件事、哪些可以晚點決定，再往下是告別的次序、四種告別儀式的差別與 24 小時專線。
Design 設計重點
- 01
夜裡的一盞燈
網站一開頭是深靛色的夜，右邊一盞小燈慢慢亮起來，左邊是兩行細明體大字。不用紅色，也沒有強烈的動態，莊重而安靜。
- 02
先做什麼，排成一條線
「接到消息之後」把今天要做的四件事用一條細線串起來，第一步可以切換在醫院、在家中、在安養機構。可以晚點決定的事，收在能展開的清單裡。
- 03
四種儀式分頁比較
佛教、道教、基督教、簡約四個分頁，各列出誰來主持、常見流程和要先告訴禮儀師的事。家人不用先懂習俗，也能一起商量。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
暖灶亭家常小館
NUANZAO KITCHEN
熱鬧・實在・好訂位
給巷口的台式家常小館。第一個畫面掛著今天的營業木牌，點牆上的菜牌就換一類菜；幾個人來、怎麼點、要不要先訂位，都先講清楚。
Design 設計重點
- 01
菜牌一點就換
牆上掛著四塊白瓷菜牌：招牌、時令、湯品、便當。點一塊，青花盤裡的菜、菜名和說明一起換；時令菜還會標出這一季才有的那幾道。
- 02
屋簷吊下來的木牌
頁首底下吊著一塊木牌，依台灣時間寫著營業中、午休中或已打烊，下面一句說幾點開；營業時段的青花碗口當鐘面，畫出午餐和晚餐的時段，指針指到現在。
- 03
幾個人來先想好
選人數，圓桌上的碗和菜跟著擺好，旁邊寫大約點幾道、要不要先訂位；十位以上就是包一張圓桌。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
焙紋汀咖啡烘焙坊
ROAST & GRAIN
香氣・安靜・剛出爐
給自家烘焙的咖啡館兼小烘焙坊。今天哪一爐剛出爐、下一爐幾點寫在最上方，拉滑桿比較五種烘焙度的風味，最後沿著河堤找到商家。
Design 設計重點
- 01
豆子形狀的首屏
第一個畫面是一顆直立咖啡豆形狀的照片框，外圈一道細線慢慢繞一圈畫出來；旁邊的小卡依台灣時間寫出今天哪一爐剛出爐、下一爐幾點。
- 02
拉一下就懂烘焙度
滑桿從淺焙拉到深焙，烘焙曲線上的下豆點跟著移動，豆子顏色、風味標籤、酸甜苦的點數一起換，客人不用懂術語也選得出來。
- 03
出爐時間軸
平日三爐、週末四爐畫成一條從開門到打烊的時間軸，標出已出爐、剛出爐、下一爐和現在的位置；剛出爐的那一盤還會冒出熱氣。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
山茶禮茶行
MOUNTAIN TEA & GIFTS
有心意・好挑・好帶
給賣台灣茶與伴手禮禮盒的門市茶行。五款茶的湯色與香氣、自己配一盒禮盒、送誰怎麼配，到門市在哪、今天開不開，照著挑禮的順序往下排。
Design 設計重點
- 01
盒子展開圖首屏
首頁最上面就是一個攤開的禮盒，照片是盒子的底面，四邊盒蓋沿裁切線畫出來，摺線是虛線。全站的分隔線與卡片摺角都延續這個摺紙語言。
- 02
自己配一盒
選盒型、每一罐的茶、茶點、外盒顏色和小卡，旁邊的盒子立刻換成裝好的樣子，罐上印著茶湯色與茶名。送禮場合卡按一下，就把建議組合帶進盒子。
- 03
茶湯色貫穿全頁
五款茶的湯色從蜜綠到紅褐排成一條色尺，茶單的杯子、禮盒裡的罐子都用同一組顏色，分得出清香和醇厚的差別。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
眠海灣民宿
RESTING SEA BAY
遼闊・好睡・不打擾
給海邊的小民宿：三間房的照片、坪數平面與設備可以切換著比，往下捲，窗外從日出換到夜裡，入住時間、周邊與訂房接在後面。
Design 設計重點
- 01
海平線接到頁面上
首屏照片裡的海平線，往左右延伸成一條細線橫過整個畫面，直排的主標掛在線下，線上半個太陽升起來。
- 02
三間房切換著比
照片、坪數、床型與設備一起換；旁邊的平面示意三間用同一個比例尺，切換時看得出哪間大、窗朝海還是朝山。
- 03
窗外跟著時間走
往下捲時間表，左邊固定的窗從日出、早上、傍晚換到夜裡：天色、太陽與月亮、沙灘上的潮水一起變。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。
柑映坡果園
CITRUS GLOW ORCHARD
當季・實在・看得到產地
給想買產地柑橘的家庭與公司：一頁看懂四個品種什麼時候採、怎麼吃、怎麼放，先登記預購、熟了再通知，採收季週末也能預約來果園走走。
Design 設計重點
- 01
一整年的產季曆
12 個月橫排、四個品種直排，產季格子塗成柑皮橙。依今天的月份亮起那一欄，下面寫出那個月採收什麼、果園在忙什麼。
- 02
切開來看品種
四個品種分頁切換，左邊的柑橘切面插畫跟著換：皮的厚薄、瓣的大小、有沒有籽都看得出來。右邊列產季、口感與怎麼存放。
- 03
綁在果箱上的牌子
首屏像果箱側面的標籤，右上角綁著一張小牌子，寫這個月採收中的品種。預購段的採收卡也用棉繩綁在箱邊，捲到時晃進來。
這是 wwws.app 的概念作品，商家名稱、地址、電話與內容皆為虛構。