故事版
NT$50,000
讓人
要講的是一件事，三四幕講得完，就選這個。一頁裡只有招牌段用畫面講故事，品項、價格與怎麼聯絡照一般的排版寫在前後。
- 一頁式網站的
全部 內容 - 敘事的
招牌 段 1–2 段 - 修改
3 輪
敘事型網站
下面這些是做出來的敘事型網站要守的規矩。插圖左邊是一頁敘事型網站，右邊是手機版、不動的完成圖和搜尋結果：讀到哪一項，對應的地方就上色。
首屏不等動畫
店名、賣什麼和主要按鈕，打開網頁就看得到，故事排在後面，不擋在前面。從 IG 點進來只想查價錢或地址的人，在第一個畫面就找到下一步。
招牌段不貪多
每一段都在講故事，客人反而記不住重點。挑最值得看的一段做成招牌段，用三四幕畫面照順序講完，其他段落用一般的排版說清楚。
一幕一兩句話
每一幕配一個短標題和一兩句話，看一眼就讀得完，你要準備的字也就這些。做法的細節和價格寫在招牌段前後的一般段落，不塞進畫面裡。
可以跳過這段
招牌段有動畫、篇幅又長時，前面放一個「跳過這段」的連結，用鍵盤瀏覽的人按 Tab 會先碰到它，按一下就到招牌段後面。不跳過的人繼續按 Tab，走到招牌段裡的連結時，畫面帶到它所在的那一幕，焦點不會停在看不見的地方。
手機另排一版
從 IG、LINE 點進來的客人，多半拿著手機。桌機上左右並排的畫面，到手機改成上下排、動的東西少一點，照片換成手機大小的檔案，按鈕放在拇指按得到的下緣，不是把桌機版縮小。
不動也看得完
招牌段有動畫時，手機開了「減少動態效果」的人、不支援那種動畫的瀏覽器，看到的是排好的完成畫面：故事、價格與按鈕一樣都在，只是畫面不動。
字不做成圖片
標題、段落、價格與營業時間都是網頁上的文字，打開頁面時就在，不做成圖片或影片裡的字，也不等捲到或點了才載入。搜尋引擎讀得到，報讀軟體也念得出來。
敘事型網站
下面是築琉做的敘事型範例網站，依方案排。故事版是一頁裡的一兩段招牌段：台南的漢餅鋪用一塊木印模串起糕餅與店史，花蓮的溪流行程從上游講到出海口，廢水回收工程讓水沿著管線一站站變乾淨。完整版的故事線跨過好幾頁，例如大稻埕的選物店，首頁先講一件東西怎麼被挑上架，商品頁的試用筆記和專欄再接著說。
故事版
差在故事有多長。拿不定主意時，數數看要講的事有幾件。
完整版
NT$80,000
被找到，
要講的不只一件事、一頁放不下，就選這個：首頁起個頭，各頁接著說下一段，每一頁有自己的網址和標題。
- 多了：經營版＋
故事版的 全部 內容 - 多了：首頁＋
最多 5 頁， 整站有 一條 故事線 - 多了：部落格與
後台 - 修改
3 輪
故事還不是重點，或想做的比招牌段更大：
一頁式網站
NT$20,000
用這個方案算：一頁式網站過程的照片還不夠撐起一段故事時，一頁式網站把你是誰、賣什麼、怎麼聯絡排清楚；素材累積了，再加上故事段。
經營版
NT$50,000
用這個方案算：經營版客人上網站是要快點查到時間與價目，內容又常換：經營版把資訊分頁寫清楚，不做敘事的招牌段。
高度客製
NT$150,000 起
看怎麼報價：高度客製要 3D 場景、整頁沉浸式的世界，或在故事裡讓客人自己操作的互動工具（試算、篩選、即時資料），屬於高度客製，另外報價。
想做敘事型網站
我的店
敘事型
不會，前提是字都是網頁上的字，而且打開頁面時就在。Google 的說明文件寫明，Google 搜尋不會和頁面互動，例如捲動或點擊，等捲到或點了才載入的字可能讀不到；所以招牌段有動畫時，各幕的字一開始就在頁面上，動畫只改位置與顏色。一頁和多頁能被搜到的詞不一樣，這和有沒有敘事無關，比較寫在一頁式網站設計。
一定要拍
不必，敘事型網站用的是照片、線稿和網頁上的字。影片要等載入、由影片決定節奏；網頁上的畫面由客人自己看，想多看一下就停住，想跳過就直接看下一段。
照片
可以，手機拍的照片就能用。拍不到的畫面改用線稿，例如已經拆掉的舊店面；照片太少的那一幕可以整幕拿掉，四幕縮成三幕。
敘事型網站的
一篇說敘事型網站是什麼、哪些店適合、哪些不必做；一篇說網站怎麼照顧開了「減少動態效果」的人，畫面不動也看得完整。
敘事型網站是什麼？哪些店適合用它說故事
敘事型網站用畫面把店的故事講一遍：東西從哪裡來、怎麼做出來、店在什麼地方。這篇說明它在做什麼、適合哪些店、哪些情況不必用，以及做的時候要守住的五條線。