街邊店家的網站,一個瀏覽器就能經營

把網站做好。
把生意跑起來。
準備正式上線。

完整的 Naratake 編輯器,現在就在瀏覽器裡。設計客人看到的每一頁,前台店面和後台營運並排預覽,兩邊都對了才上線。

不是佈景主題,是做好的店。

40 個起始模板,一個字都還沒改就已經是能用的網站。

看完整模板庫 ↗

真的產品 · 完整介面

不是示意圖。是完整的編輯器,跑在網頁上。

編輯器介面在 Singular 和 Ignition 之間切換。客戶網站的外觀,從 Theme 裡已有的 15 種設計風格和 66 組配色直接挑——怎麼換,生意資料都不動。

介面主題 Singular網站風格 Bold配色 Lantern Glow

你實際拿到的東西

前面是設計工具,後面是一整套營運系統。

每個區塊都能用滑鼠搬

拖曳任何東西,任何位置

每個區塊都能用滑鼠搬

把一段內容抓起來,放到它該在的地方。重排頁面、把區塊拉出來、再放回去。沒有任何東西被焊死在你一開始選的模板上。

真正的元件庫,不是八種首圖變體

111個元件

真正的元件庫,不是八種首圖變體

菜單、預約表單、相簿、價目表、營業時間、地圖、評價。每一個都經過註冊與版本控管,通過匯出檢查才能上線。

每一個物件都能細部設定

每個物件,不只是整頁

每一個物件都能細部設定

選中任何東西,屬性面板就會打開它真正的設定——間距、字體、顏色、圖片、行為。可以只改一個區塊,也可以從主題一次改整套系統。

漂亮頁面後面有一套後台

兩邊生意的兩面

漂亮頁面後面有一套後台

漂亮頁面的後面是一套後台:前台給客人看,後台給店裡用——兩邊在同一個專案裡一起預覽。網站是店門口,不是整間店。

編輯器也是你的

九套介面主題,因為你一整天都在看它。

客人看到的是網站,你待的地方是另一回事。下面每一張都是同一個編輯器——一樣的拖曳提示、一樣的節點數、一樣的 EN / 中文 切換。

Orbital 介面主題下的 Naratake 編輯器。
Orbital深空藍,預設值
Daylight 介面主題下的 Naratake 編輯器。
Daylight明亮平面,不搶戲
Graphite 介面主題下的 Naratake 編輯器。
Graphite中性灰,讓你專心
Worldline 介面主題下的 Naratake 編輯器。
Worldline冷藍高對比
Singular 介面主題下的 Naratake 編輯器。
Singular暖紙色,介面安靜
Franxx 介面主題下的 Naratake 編輯器。
Franxx紅色點綴,厚重邊框
Arcane 介面主題下的 Naratake 編輯器。
Arcane紫色,低光
Eldritch 介面主題下的 Naratake 編輯器。
Eldritch黑底綠字
Ignition 介面主題下的 Naratake 編輯器。
Ignition橘色,強烈
拖曳,或點下方圓點

同一間店,很多種樣子。

改的是整套系統,不是一段一段手工調。

用的是編輯器裡本來就有的 15 種設計風格和 66 組配色,沒有為了展示另外做。字體、圓角、動態調性、照片氛圍、色彩變數,全都還能在同一個 Theme 工作區裡繼續改。

  • 01換風格:版面重建,資料原樣。
  • 02配色改的是系統,不是它的照片。
  • 03方向不對,復原一鍵回去。
bakery · 招牌原作招牌原作

同一間麵包店,同一組營業時間和商品,套同一組配色——所以下面唯一在變的就是版面。15 種全部在這裡。

網站只是產品的一半

做客人看得到的,跑店裡真正要用的。

一個專案同時裝著客人看到的前台店面,和店裡要用的後台介面——上線之前兩邊都先看過。雲端上線目前先支援不需要自己資料庫的網站;需要的那些還在等代管資料服務,不會做一半送上去。

01前台店面預覽
金龍餐廳的前台店面,顯示在 Naratake 預覽模式中。
02後台營運預覽
金龍餐廳的後台儀表板,顯示在 Naratake 預覽模式中。

手機版是看過的,不是猜的

在同一個完整編輯器裡,直接看手機版長怎樣。

桌機、平板、手機三種畫布隨時切換。左邊看得到頁面結構,右邊選中的元件在屬性面板裡照樣能改。

六個真實頁面即時元件屬性面板中英雙語內容檢視
Ignition 主題的完整 Naratake 編輯器,金龍餐廳網站顯示在手機畫布上,左側頁面樹與右側屬性面板同時可見。
實際的手機畫布 · 頁面樹與屬性面板同時開著

快速上線,但每一關都檢查

上線是一條帶著你走的流程,不是到處找設定的尋寶遊戲。

Naratake 會把審核過的版本凍結、跑完檢查、在正式環境之外建置、驗證產出結果,最後才把穩定網址切過去。上一個版本留著,隨時可以退回去。

  1. 1
    審核電話、法律文案、照片、金流、email、分析。
  2. 2
    凍結把這次發布綁定到一個不可變的專案版本。
  3. 3
    建置+驗證產出有邊界的建置檔,先驗證預覽再談上線。
  4. 4
    切換上線就拿到念得出口的網址:你的店名.sites.naratake.com。名字被占用會當場擋下;上一個線上版本原樣不動。
Naratake 的上線對話框,顯示由伺服器控管的發布流程與目前專案的上線檢查項目。
實際的上線就緒流程 · 供應商能力缺一項就整個擋下

學會用 Naratake

第一天就用得上,第二天查得到。

瀏覽全部教學 ↗