跳到主要內容

真實呈現,商家虛構

網站範例:為小型商家打造的 20 種設計

看看軟體如何根據你的回答草擬網站。這些是商家範例,不是客戶。

商家範例這是虛構商家,由為你草擬網站的同一套軟體打造。

範例網站本身以英文撰寫。

顯示 20 個範例

  • saltbush-bakehouse.example
    Saltbush Bakehouse的完整頁面截圖,這是一家虛構的Neighbourhood bakery and café
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Neighbourhood bakery and café爐邊風格

    Saltbush Bakehouse

    Hearth turns opening hours and a chalkboard menu into the first things a visitor sees, so the 6:30 queue is already on the page.

    查看線上網站
  • kowalski-and-daughter-electric.example
    Kowalski & Daughter Electric的完整頁面截圖,這是一家虛構的Electrical contractor
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Electrical contractor鑄造廠風格

    Kowalski & Daughter Electric

    Foundry puts the phone number and a hazard stripe up front, because someone with a tripping breaker wants to call, not to browse.

    查看線上網站
  • iona-bell-photography.example
    Iona Bell Photography的完整頁面截圖,這是一家虛構的Wedding and portrait photographer
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Wedding and portrait photographer工坊風格

    Iona Bell Photography

    Atelier gives a photographer's few words and many pictures a magazine masthead and poster-sized type, so the page reads like a printed portfolio.

    查看線上網站
  • chaya-hair-studio.example
    Chaya Hair Studio的完整頁面截圖,這是一家虛構的Hair salon
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Hair salon綻放風格

    Chaya Hair Studio

    Bloom's soft curves and slow pace suit a salon whose selling point is that nobody is hurried through the chair.

    查看線上網站
  • little-lantern-learning.example
    Little Lantern Learning的完整頁面截圖,這是一家虛構的After-school tutoring
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    After-school tutoring嫩芽風格

    Little Lantern Learning

    Sprout's rounded, chunky shapes tell parents this place is for children before they read a word, without sliding into clip-art.

    查看線上網站
  • rao-lindqvist-architects.example
    Rao & Lindqvist Architects的完整頁面截圖,這是一家虛構的Architecture studio
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Architecture studio子午線風格

    Rao & Lindqvist Architects

    Meridian's hairlines and open space let an architecture studio's short, exact sentences carry the page, the way a good drawing does.

    查看線上網站
  • the-low-hours.example
    The Low Hours的完整頁面截圖,這是一家虛構的Live-music bar
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Live-music bar夜曲風格

    The Low Hours

    Nocturne sets the doors-open time in giant numerals on a dark page, which is exactly what someone deciding about tonight's gig is scanning for.

    查看線上網站
  • tidewater-movers.example
    Tidewater Movers的完整頁面截圖,這是一家虛構的Moving company
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Moving company港灣風格

    Tidewater Movers

    Harbor leads with the service area and a contact strip, because a mover's visitor first wants to know whether you cover their street.

    查看線上網站
  • tern-ceramics.example
    Tern Ceramics的完整頁面截圖,這是一家虛構的Ceramics studio and gallery
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Ceramics studio and gallery畫布風格

    Tern Ceramics

    Canvas lets the pots fill the screen with small captions, which suits a studio whose work does the persuading.

    查看線上網站
  • patil-nair-it-support.example
    Patil & Nair IT Support的完整頁面截圖,這是一家虛構的IT support firm
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    IT support firm軌道風格

    Patil & Nair IT Support

    Orbit's bento tiles let a small IT firm show five kinds of help at once, without a wall of text.

    查看線上網站
  • fernbank-garden-design.example
    Fernbank Garden Design的完整頁面截圖,這是一家虛構的Garden design studio
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Garden design studio林野風格

    Fernbank Garden Design

    Grove grows a sprig of layered leaves up the first screen and hangs prices on tags, so a garden designer looks rooted before a single photo of their work is uploaded.

    查看線上網站
  • ropework-boxing-club.example
    Ropework Boxing Club的完整頁面截圖,這是一家虛構的Boxing gym
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Boxing gym脈動風格

    Ropework Boxing Club

    Pulse cuts the page on one hard diagonal and runs the gym's name as a marquee under the hero, so a boxing club looks fast before anyone has read a word.

    查看線上網站
  • brennan-hallahan-solicitors.example
    Brennan Hallahan Solicitors的完整頁面截圖,這是一家虛構的Employment and commercial law firm
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Employment and commercial law firm石英風格

    Brennan Hallahan Solicitors

    Quartz keeps the page quiet, with numbered practice areas and fees laid out like a schedule, which suits a firm that sells judgement rather than volume.

    查看線上網站
  • krug-und-kachel.example
    Krug & Kachel的完整頁面截圖,這是一家虛構的Independent homeware shop
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Independent homeware shop馬賽克風格

    Krug & Kachel

    Mosaic lays the page out like a wall of tiles, with a feature tile for the collection and a product tile for each price, so a small homeware shop looks curated before it has a photographer.

    查看線上網站
  • fairview-dental-house.example
    Fairview Dental House的完整頁面截圖,這是一家虛構的Family dental clinic
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Family dental clinic流光風格

    Fairview Dental House

    Lumen puts the phone number, hours and address in a strip above the header and on a floating card, exactly where a nervous patient looks first.

    查看線上網站
  • third-shift-social.example
    Third Shift Social的完整頁面截圖,這是一家虛構的Club night promoter
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Club night promoter節奏風格

    Third Shift Social

    Tempo sets the door times at poster scale with a running order for the nights and tickets for the prices, so a promoter gets a gig poster without needing a single photograph.

    查看線上網站
  • kudu-leather-workshop.example
    Kudu Leather Workshop的完整頁面截圖,這是一家虛構的Leather workshop
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Leather workshop手作風格

    Kudu Leather Workshop

    Craft turns the page into a packing bench, with a hang-tag, a rubber stamp and price tags, so a one-bench leather workshop looks hand-made without a studio photo shoot.

    查看線上網站
  • tarn-and-ridge-guiding.example
    Tarn & Ridge Guiding的完整頁面截圖,這是一家虛構的Mountain guiding company
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Mountain guiding company頂峰風格

    Tarn & Ridge Guiding

    Summit draws layered ridgelines over a key-facts strip and runs each trip as a listing, so every guided day reads as a place on a map.

    查看線上網站
  • second-spoke-bike-workshop.example
    Second Spoke Bike Workshop的完整頁面截圖,這是一家虛構的Community bike workshop
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Community bike workshop羅盤風格

    Second Spoke Bike Workshop

    Compass tells the story first and sets the ways to take part as large rows, so a volunteer workshop leads with why it exists rather than with a donate button.

    查看線上網站
  • pillai-and-tan-bookkeeping.example
    Pillai & Tan Bookkeeping的完整頁面截圖,這是一家虛構的Bookkeeping practice
    商家範例

    將游標移到頁面上或聚焦頁面,即可捲動瀏覽整個頁面的靜態預覽

    Bookkeeping practice帳簿風格

    Pillai & Tan Bookkeeping

    Ledger's ruled-paper first screen lists the services as an indexed balance sheet with dotted leaders, which suits a bookkeeper whose clients want to see order straight away.

    查看線上網站

這些範例如何打造

每個範例都從幾項虛構商家可能輸入的簡單資訊開始,例如名稱、地點、服務和營業時間。軟體根據這些資訊草擬網頁,並挑選合適的風格。在你自己的帳號中,你可以在發布前更改風格、顏色和每個字。

共有 20 種風格,在版面、字體、顏色和動態效果上各有不同,因此兩家商家的網站很少會長得一樣。

關於這些範例的常見問題

這些都是真實的商家嗎?

不是。這裡的商家都是虛構的,每次出現時都會標示為範例。名稱、地點、電話號碼和價格也都是虛構的。這些商家不是客戶,也不代表他們為我們背書。

這些文字和設計是誰做的?

軟體根據虛構商家的幾項資訊完成。在你的網站上,軟體會根據你輸入的資訊草擬網頁,再由你編輯,滿意後即可發布。

我需要準備照片嗎?

不需要。每種風格都適合沒有照片的網站,有你的照片時效果會更好。這裡有些範例使用了佔位圖片,有些沒有,讓你都能看看。

網站包含在一次性費用內嗎?

是。$99 一次性購買包含網站製作工具:最多 5 頁、即時預覽、代管網址,以及可放到自有網域的 ZIP 檔匯出功能。

我可以更改軟體挑選的設計嗎?

可以。軟體會為你的事業推薦幾種風格,並說明理由。你可以改用 20 種風格中的任何一種、更改顏色,也可以編輯每個標題和句子。

想為你的事業打造一個嗎?

回答幾個免費問題。軟體會根據你的回答草擬類似這些範例的網站,再由你編輯,並決定何時上線。

開始回答免費問題