技術文章
小店官網怎麼選版型?35 種版型與不同行業的例子
2026-10-26 · 更新於 2026-11-05
小店官網有 35 種版型,不分行業都能用。用麵包店、咖啡店、美甲、整復、攝影、課程等示範店家說明各版型的樣子;每月 490 元,35 種都能選。
小店官網的版型,不用先煩惱「我這行要用哪一個」🌸 我們的 35 種版型都不分行業,差別在長相和排法。這篇用示範店家當例子,讓你看看不同版型放在不同行業是什麼感覺。
版型分成兩組
- 簡約款 18 種:同一套排法,換配色、字體和質感,例如純白極簡、暖木日系、薄荷手寫、黑白報紙、牛皮紙手作。
- 特色款 17 種:各有自己的排法,例如滿版大圖、作品牆、菜單看板、九宮格、翻書、霓虹夜色。
35 種都能選。配色、字體、照片都是你的,同一個版型排出來,每間店也會不一樣。
吃的、喝的:麵包店、咖啡店、酒館
- 復古紙感|老榕樹麵包店:米黃紙張質感加上書報字體。
- 暖木日系|小滿咖啡:米色加木頭質感,圓角看起來很溫暖。
- 電影深色|夜行酒館:深色背景、大字,往下捲時內容慢慢浮現 ✨
開站時會照行業調整用詞,例如咖啡店的價格區塊叫「菜單」,美甲叫「價目表」。
美甲、美髮、整復、瑜珈
- 粉嫩甜美|光影指甲工作室:淡粉色、圓潤的字。
- 雜誌排版|留白髮藝:大小照片錯開擺放,搭配大標題。
- 深棕暖光|安常整復所:深咖啡色、暖暖的燈光感。
- 清新綠意|晨光瑜珈:淡綠色、植物感、清爽。
區塊順序也會跟著行業排,像美甲會把作品放最前面,整復會把服務項目和可約時段放最前面。
以作品為主:攝影、刺青、室內設計、民宿
- 作品牆|拾光攝影:照片像牆一樣排滿,點了放大。
- 黑金質感|墨痕刺青:黑底金字、細框,有高級感。
- 左右分割|木與光室內設計:左邊大照片固定不動,右邊內容往下捲。
- 滿版大圖|山嵐民宿:一打開整頁都是照片,店名浮在上面。
照片比較多也沒關係,作品照片不限張數 ♡
教室、寵物美容、事務所
- 藍白俐落|青禾數學教室:深藍配白,價目表格清楚。
- 橫滑卡片|一起動健身教室:服務項目做成卡片,可以左右滑。
- 活潑色塊|泡泡毛孩美容:大塊鮮豔顏色、粗字。
- 純白極簡|周記帳士事務所:大量留白、細線條,很乾淨。
服務項目和價格比較多的話,表格或卡片的排法看起來會比較整齊;想要安靜一點的感覺,可以看留白多的純白極簡。
新加的 20 種版型
- 簡約款:薄荷手寫(花藝教室)、沙色無印(茶行)、海洋藍調(潛水店)、夕陽暖橘(烘焙教室)、黑白報紙(咖啡書店)、馬卡龍(甜點工作室)、森林深綠(露營用品)、薰衣草紫(美睫)、紅磚工業(汽車美容)、牛皮紙手作(皮件)。
- 特色款:菜單看板(拉麵店,首頁第一眼就是價目表)、時間軸(水電行)、九宮格(美甲,像 IG 個人頁)、票券卡片(舞蹈教室)、拍立得(寵物旅館)、翻書(婚紗攝影)、和風留白(中醫診所)、霓虹夜色(桌遊店)、卡片疊放(鋼琴教室)、大理石精品(珠寶訂製)。
以上都是虛構的示範店家,用來展示版型的樣子,不是客戶案例,每一個都可以到 作品範例 點進去看實際畫面。
選了之後還能換 💡
- 版型在後台可隨時更換,內容不用重填。
- 配色與字型可更改。
- 價目表、服務項目、作品照片、營業時間與公休日,在後台都可更改。
- 改版型配色、加新的頁面區塊這類需要我們動手的,每年四次免費,再多的另外算。
- 加購代勞更新(每月 500 元),用 LINE 把要改的內容傳給我們,換照片、改價目表、換版型或配色都可以交給我們,改完 LINE 通知你。
換版型時內容都會保留,不用重做。35 種都不合適的話可以直接問我們,需要另外做的,會先說明做法和價格。
版型挑一個看順眼的就可以先開始,之後隨時都能換~每個方案包含什麼可以看 小店與工作室官網,也可以到 價格與方案 對照。想先聊聊再決定的話,歡迎到 聯絡我們 找我們 🌸