網站設計 作品
- 骨架:段落順序、按鈕位置、手機怎麼排,畫成線稿確認。
- 顏色:字、顏色和照片放進來,桌機和手機各排一次。
- 細節:捲動的節奏、按下去的回饋、手機上按鈕的大小與位置。
全部 38 個網站
選一個方案,看那個價位做得到什麼樣子。
十分寮天燈工作室旅遊與戶外新北平溪十分的天燈工作室;首屏就是夜裡放燈的河岸和今晚的場次,接著跟著自己寫的那盞燈點火、升空、混進星星,最後回到河邊預約。
杯底釀造品牌與零售澎湖馬公小酒廠的四款罐裝精釀;首屏就列出四款酒和價格,往下捲,背景依序換成四款酒的顏色和氣泡,最後預訂、到酒廠或合作店取酒。
溪到海旅遊與戶外花蓮瑞穗的溪流行程:溯溪、泛舟、河口立槳三段,含保險與裝備,4–10 月出團。首屏標題就是起價,送出預約後可以把集合時間加入行事曆。
晚盞餐飲臺北中山區吧台 8 席、小桌 3 張的調酒吧。一打開就告訴不太能喝的人點哪一杯,接著是招牌調酒、半杯與無酒精的價錢、座位,最後線上訂位。
平包品牌與零售臺北大同區大稻埕的器、布、紙選物店網站:首屏是藍染布上楮紙寫的問句、起價與門市時間,15 件商品可依用途篩選、放進購物袋,附試用筆記、專欄與三種包法。
錦源號餅舖烘焙與老店台南中西區手壓漢餅鋪的一頁網站:最上面的紅紙刊頭寫著喜餅要提前 7 天訂,接著是訂婚問答與訂餅試算、今日糕餅、直排紅紙價目,往下捲還能看印模花樣。
班底科技與新創給 10–200 家門市餐飲連鎖的排班、打卡、加班費系統一頁官網:首屏就是週班表與每門市月費,往下捲依店長、員工、會計三個角色分段示範,看完功能與方案再申請試用。
晝夜藝廊「光的一天」活動與藝文臺北大稻埕一間藝廊的秋季設計展:八個時辰各掛一件台灣設計,線上展 NT$0、免登入;實體展每週六晚上有夜間導覽,可以線上預約並加入行事曆。
半調印刷所 Halftone Press設計與工作室高雄鹽埕的孔版印刷工作室,印小誌、海報與攝影集,雙色起印;小誌每本 NT$58 起,附分色檔案的準備方式與線上委託單。
滇流 正濱港邊食堂餐飲基隆正濱漁港邊的海鮮食堂。首頁一打開就看得到今天進了哪些魚,魚擺在碎冰上、旁邊的牌子寫著價錢,點一尾就列出做法和價格,下面是線上訂位和指路地圖。
晾畫繩教育與課程台中西區 4–12 歲的小班兒童美術教室:八開、四開、對開三種紙分三個班,網站有課程與學費、每週課表、秋季班作品牆、老師專欄與線上預約試上。
午後小島 Afternoon Isle餐飲台南中西區神農街附近的自家烘焙咖啡館一頁式網站:一打開就看得到現在有沒有開、招牌價格,往下是寫在窗上的菜單、18 個位子的座位圖與怎麼走到巷子裡。
一墩茶餐飲台中西區草悟道旁的外帶手搖飲店網站:首屏是招牌黑糖一墩珍奶和大杯價,往下有飲品菜單、中杯大杯價目表、甜度冰塊怎麼點,還有每週營業時間。
霧坡茶事農產與在地品牌南投鹿谷的家族茶園,自家種、自家炭焙四款烏龍與紅茶;線上挑茶放進購物車、填好收件資料就能訂購,週六日另可預約到茶園品茶。
紅莢可可農產與在地品牌屏東內埔可可小農的一頁式網站:一打開是剖開的豆莢與 70% 巧克力磚的價格,三種濃度各一條色帶加入購物車,送出後看到訂單,並有夏季冷藏寄送月份與週末參觀預約。
七宿營地旅宿與露營屏東滿州鄉山上一晚只收 7 個營位的觀星營地;首屏是一張星圖月報封面,依月亮替每個週末訂價,月相價目表每列都能直接預約。
稻浪青旅旅宿與露營臺東池上車站走路 6 分鐘的青年旅館一頁網站:首屏就看得到上下鋪起價與訂床位,接著是房型價錢表、入住說明、火車與接駁,最後填表訂床位。
先亮旅宿與露營台東長濱寧埔海邊只有三間房的民宿,房名就是窗的方位。首頁一打開就告訴你哪一間看得到日出,往下可以查任何一天的日出時間和方位,還有房型表、交通與須知、附近走走的文章和線上查空房。
尺間設計設計與工作室台南中西區的老屋改造工作室,建築與室內一起做。首頁直接寫勘查費、設計費和時程,作品、流程與老屋筆記分頁整理,可線上預約現場勘查。
澄流水處理工程傳產與製造桃園觀音的工業廢水回收工程公司,替 PCB、電鍍與電子廠設計回收系統:六站處理流程、CR 系列標準機組選型、觀音試驗站燒杯試驗,線上預約排水評估。
Datumline Precision 基線精密工業傳產與製造新竹的 CNC 車銑零件接圖加工廠外銷英文站:一打開是一張圖紙,國外工程師在標題欄上傳圖面詢價,看得到材料牌號、接單流程與隨貨文件。
Weftline Mills 緯線織造傳產與製造彰化和美的機能梭織布廠英文站:國外品牌與成衣廠依用途、組織、克重篩選 12 款布,看各款的測試項目、交期與起訂量,一次申請多款布樣與色卡。
汽笛汽水品牌與零售彰化二水的玻璃瓶汽水品牌網站:首屏是綜合箱 12 瓶 NT$540 的價目封面,三個口味各一頁配方,訂購單即時算押瓶、運費與退瓶折抵,送出後預覽付款簡訊。
正字刻印品牌與零售雲林斗六的手刻印章店:首屏就是店章的印面和它蓋出來的字,往下是刻印的步驟、印鑑條到書法條幅各用哪種章、印材價目,最後在刻印單打上名字,就看得到自己的印。
嗶嘟嘶 v3.0活動與藝文臺中中區舊電信機房兩天的撥接年代文化節:展覽、工作坊、放映與區域網路之夜。節目表依日期切換,線上訂票後直接列出付款與入場步驟。
棚下市集活動與藝文南投埔里每月第二個週末的手作與小農市集。網站有依吃的、手作、小農篩選的攤位清單與可點的攤位圖、交通與停車、下雨照開或停開的規則,以及擺攤報名與攤位費試算。
苓居中醫診所醫療與健康宜蘭羅東運動公園旁的社區中醫,看中醫內科、針灸、傷科。首頁依門診表即時顯示今日門診;另有各科門診說明、醫師字卡、初診須知與衛教文章,可依科別、醫師、時段線上掛號,送出後顯示掛號單。
厝邊牙醫診所醫療與健康高雄市的社區牙醫:在上下兩排牙點不舒服的牙,看可能的原因與給付;每一項治療寫了適合誰、流程與要來幾次,另有醫師字卡、初診須知、附官方出處的衛教文章、門診表與線上預約。
圓尾動物醫院醫療與健康桃園中壢區的動物醫院,看狗、貓,也看兔子與小型哺乳類。網站分成看哪些動物、初診須知、獸醫師、衛教文章、門診時間與預約,每種動物的就醫準備都寫清楚,也能依物種線上預約。
明徑法律事務所專業服務台北中山區的個人案件律師事務所:一打開就寫清楚初談費用、時間地點與預約;另有五類案件的白話說明、案例分享、律師寫的法律文章與律師介紹。
雙月記帳士事務所專業服務基隆仁愛區的記帳士事務所,替行號、小公司與網拍賣家記帳報稅。首頁一打開就看得到這一期營業稅什麼時候申報、月費與怎麼預約;服務、收費、案例、文章、團隊與聯絡分頁寫清楚。
北迴太空科技與新創嘉義水上的 S/X 頻段衛星地面站;首頁是一張衛星軌跡地圖,換個觀測點或參考軌道,就能算出那裡一天能通聯幾次、合計多久、最高仰角多少。
圈點 quandian科技與新創臺北大同區的小型軟體公司,做繁中文件標點、中英空格與台灣用語的檢查工具;在工程師自己的電腦和團隊的自動檢查流程裡都能用,附可調規則等級的線上試用與團隊版導入諮詢表單。
長桌|家庭保障規劃業務個人形象台中西區的保險業務個人品牌,替剛成家、剛買房、要幫爸媽規劃醫療的家庭整理保單;一打開就寫明諮詢 NT$0、佣金收入與保費不代收,另有保單健檢流程、案例分享、白話專欄與預約表單。
帶看包|頭份中古屋房仲業務個人形象苗栗頭份的中古屋房仲個人品牌網站:看屋帶的捲尺、手電筒、彈珠、插座測試器,點開看各自檢查哪些地方;買方預約看屋,賣方填坪數、屋齡、樓層申請估價,送出後顯示碰面處。
髮樣室美業與運動台北大安區的預約制髮廊網站:一打開就能拉到自己的頭髮長度,剪染燙的起價與時長跟著換,價目表每列直接帶項目與長度去預約申請。
半月甲室美業與運動嘉義市西區一個人做的美甲美睫,同一時段只接一位;一打開點一款,五片甲片當場刷上那個顏色,往下捲一把色卡攤開十二款,看好價錢與時長就預約。
明白數理教育與課程新竹竹北的國中數理小班補習班,國一到國三 7 個班、每班最多 12 人。網站有依年級與科目篩選的課表、以期計算的學費、請假補課問答與試聽報名。
各行業:餐飲網站設計公司網站設計民宿與旅宿網站設計診所網站設計美業網站設計補習班網站設計事務所網站設計品牌與選物網站設計活動與展覽網站設計外銷英文網站設計網站類型:一頁式網站設計敘事型網站設計
做哪一種網站
一頁講清楚、多頁好經營、用畫面說故事。每一列寫了價格,加購和總價在下面的計算機。
一頁式網站
NT$20,000
一頁講完你是誰、賣什麼、客人怎麼找到你。你給文案和照片,我們潤稿、排版。

例:午後小島 Afternoon Isle 經營版
NT$50,000
首頁加最多 5 頁,附部落格和後台,文章、作品、菜單、營業資訊自己改。頁面照 SEO 架構規劃,上線後看得到客人從哪些搜尋字進來、看了哪幾頁。

例:霧坡茶事 故事版
NT$50,000
網站更有敘事性,用畫面把你的故事講出來。
敘事型網站是什麼
例:汽笛汽水
經營版和故事版一起做:完整版 NT$80,000。
需要即時資料、互動工具、3D、沉浸式動畫:高度客製,NT$150,000 起,另外報價。
網站周邊, 跟網站同一套顏色
網站做好之後,用同一套字和顏色排 IG 貼文、海報、傳單和菜單。下面是午後小島 Afternoon Isle的網站,以及它的 IG 貼文。
做一個網站 的五步
從談需求到網站上線,照這個順序進行。
談生意
聊你的客人和網站要做的事,收齊照片、菜單、價目。
定方向
確認版面和配色。
設計與製作
整頁設計與動畫;手機版另外排一次。
修改
照你的意見修改,依方案 2–3 輪。
上線與交付
設定網域,網站上線後交給你。
方案與價格
回答三個問題,算出適合的方案和總價。
試算推薦
一頁式網站
讓人
NT$20,000(未稅)
- 一頁式
品牌 網站 (最多 8 個區塊) - 你提供
文案與 照片, 我們潤稿、 排版 - 淺色與
深色、 手機與桌機 - 基本
SEO、 分享預覽圖 與 GA4 流量 分析 設定 - 修改
2 輪
試算推薦
經營版
被搜尋到、
NT$50,000(未稅)
- 一頁式網站的
全部 內容 - 首頁+
最多 5 頁 - 部落格與
後台: 文章、 作品、 菜單、 營業 資訊 自己 更新 - SEO
架構: 頁面規劃、 網站地圖、 結構化資料 - GA4
與 Google Search Console 設定: 驗證 網站、 提交 網站地圖 - 內容
由你 提供 (不含文案撰寫) - 修改
3 輪
試算推薦
故事版
讓人
NT$50,000(未稅)
- 一頁式網站的
全部 內容 - 敘事的
招牌 段 1–2 段 - 修改
3 輪
試算推薦
完整版
被找到,
NT$80,000(未稅)
- 經營版+
故事版的 全部 內容 - 首頁+
最多 5 頁, 整站有 一條 故事線 - 部落格與
後台 - 修改
3 輪
試算推薦
高度客製
即時
NT$150,000起(未稅)
- 即時
資料與 互動 工具 - 3D
- 沉浸式
動畫 - 另外
報價
上線之後的維護費每年 NT$5,000,包含伺服器費用與網站維護,每個月也可以小幅修改網站一次;目前優惠,第一年免收維護費。原始碼交給你、自己管理的話,不收維護費。


