PERITA MANUS MENS EXCULTA

EPIPHANY DENTAL CLINIC

立頓牙醫|官網改版與長期合作簡報

承襲極致 英式訂製

提案:零軸設計 VOIDAXIS ・ vava | 2026.11.07

立頓牙醫建築外觀
暖光吊燈與藝術掛畫
沙發與花藝休憩空間
02

OUR MEETING NOTES

從這次交流,看見我們共同對新形象官網的期待

診所搬進新空間,也是一個重新對外展示立頓牙醫的契機。與陳鵬宇院長交流後,我們希望患者從打開官網的那一刻,就能感受到新診所的氛圍與用心。透過照片、文字與版面,傳達空間的質感與診療理念,讓患者從第一次瀏覽開始,就對未來的到訪多一份理解與安心。

會議日期|2026.11.06(五)

01

以溫暖的棕色調為方向

配合新診所的空間氛圍,網站將朝溫暖的棕色調規劃,實際色相與深淺再與院長確認。

02

呼應 11 月底的新診所

新空間沒有使用藍色。網站應與實體空間一致,讓患者上網看到的就是到診所感受到的。

03

藍色可留作小面積點綴

院長接受少量藍色,但不再當主色。這次改版,將它當成可選的強調色,而非品牌基調。

04

延續英倫訂製的定位

舊站以「承襲極致 英式訂製」為核心。建議保留這個靈魂,只換上更溫暖的外衣。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
03

AUDIENCE PROFILE

認識客群,讓網站更貼近來訪者

30–70 歲女性

80%

其他客群

20%

從第一次瀏覽,到安心走進診所

主要客群為 30–70 歲女性,來訪者中也有外籍女性、多元性別表現者與少部分男性。每個人帶著不同的生活經驗與就診疑問而來,網站的任務,是讓他們找到答案,也感受到尊重。

未來網站將以清楚易讀的字級與導覽,串起醫師介紹、診療說明、初診流程及預約入口,讓不同年齡的來訪者都能依自己的步調認識診所。

網站內容以中文為主,從交通、預約方式到初診須知,都以清楚、易懂的方式呈現。讓網站成為持續陪伴患者的服務入口,從初次認識到日後回訪,都能方便找到所需。

依本次提供的客群資訊整理。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
03

CURRENT SITE AUDIT

舊官網:好底子,需要換新裝

ltdc.com.tw

值得保留Keep
—「承襲極致 英式訂製」清楚的品牌定位與薩佛街訂製的故事
—院長完整的英國曼徹斯特大學學經歷,是最有力的信任來源
—真實的治療案例與患者影片見證
—持續更新的植牙、全口重建衛教等相關文章
建議升級Refine
01藍色主視覺與新診所空間不一致
02官網頁尾版權年份仍顯示 2019
03整理療程選單的分類與命名,讓患者更容易找到想了解的療程
04文章列表有不少重複的主圖,略為可惜。若依主題搭配不同圖片,讀者能更快辨識每篇內容。
05在文章內文加入圖片與圖解,讓習慣快速瀏覽的讀者更快抓到重點,也更容易讀懂內容。
06現有版面風格較為傳統,可調整字體、留白與圖文層次,讓官網呈現更現代的診所形象。
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
05

COLOUR PALETTE

以棕色為起點,依新診所實景定調

現行建議方向

下列色票是以棕色延伸的建議選色。最終配色將以新診所實際的光線、材質與空間氛圍為依據,由設計師提出搭配建議,也配合院長喜好滾動式調整。

選配|海軍藍 #1F2A44 視情況使用,例如英倫細節等,面積控制在 5% 以內。
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
06

THE FINER DETAILS

襯線字加粗,讓標題更有份量

以下為設計元素參考。實際應用時會同步請院長審核,並依回饋滾動調整。
專案啟動後,每兩週主動向院長回報進度。若有需要確認或討論的地方,提前提出約定時間一起討論。

整體時程會以農曆年前完成全部交付為目標。

EPIPHANY

英文標題|Playfair Display Bold,大寫、高對比襯線

承襲極致 英式訂製

中文標題|思源宋體 Bold 700

內文使用思源黑體,長篇衛教文也清楚好讀。

內文|思源黑體 Regular

按鈕|深色底+雙框線、細長箭頭

LEARN MORE

縫線|西裝縫線般的虛線,用於分隔與框線

分類與日期列|細橫線分隔

衛教文章 —— 2026.11.09 MONDAY

圖示|1.2 細線、直角收邊

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
07

SCOPE OF WORK

本次合作的三大服務

01

院長個人形象網站+臨時站

搬遷前先上線

先用現有 WordPress 製作臨時頁,連動 Facebook 粉專,後續再完整改版。

02

診所官網視覺改版

配合新診所調整

整理首頁視覺、導覽與資訊層次,更新診所照片、新址與就診資訊。

03

每月社群文章(每月四篇,四個平台上架)

其中兩篇搭配動態影片

同篇文章上架四個平台。每月兩篇搭配 10 秒以上動態影片,未用額度可累積至下個月。

04

專案儀錶板

贈送

院長可隨時查看整體時程、重要節點及報價與付款資訊。
乙方仍須每兩週主動向院長回報進度與下一步安排。

點我 ↗
05

文章校稿系統

贈送

上架前,院長就能先看到文章在各平台呈現的樣子。哪裡想調整,直接在畫面上留言,即時性的調整,確認沒問題後再上架。

點我 ↗
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

01 / PERSONAL WEBSITE

Personal
Website

院長個人形象網站
與臨時站設計

配合 11 月搬遷,先用現有 WordPress 上線臨時頁,再展開院長個人形象網站的完整改版。

第一階段 | 配合 11 月搬遷

先用現有 WordPress 做臨時頁

讓有就診需求的讀者在搬遷前,就能透過網站認識院長並查看就診資訊。

第二階段 | 個人形象網站改版

發展成更有視覺影響力的網站

專業交由院長團隊,視覺設計交由零軸設計規劃。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

EPIPHANY DENTAL CLINIC

PERSONAL
WEBSITE

院長個人網站

優化現有 WP 網站。
11月先以臨時站上線,接續上線新版視覺。
臨時站以現有框架將文字編排優化以及更新相關院所圖片。
院長網站製作以農曆年前完成為目標。

01 / PHASE
院長形象照

第一階段 | 配合 11 月搬遷

先用現有 WordPress 做臨時頁

優先整理院長介紹、診所新址與聯絡資訊。臨時頁上線後,Facebook 粉專與診所官網頁尾都可放上連結,方便讀者前往個人形象頁,查看介紹與就診資訊。

希望讀者從瀏覽的第一刻,就能感受到診所的品味、專業與安心舒適的氛圍,也能透過視覺與動態,感受品牌在經營上的用心。

Facebook 粉專/診所官網頁尾 → 院長臨時頁
點我看專案時程 ↗
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

EPIPHANY DENTAL CLINIC

PERSONAL
WEBSITE

院長個人網站

優化現有 WP 網站。
11月先以臨時站上線,接續上線新版視覺。
臨時站以現有框架將文字編排優化以及更新相關院所圖片。
院長網站製作以農曆年前完成為目標。

02 / PHASE
院長形象照

第二階段 | 個人形象網站改版

專業交由院長團隊,視覺設計交由零軸設計規劃。

重新梳理院長的專業背景、診療理念和衛教專欄,讓 Facebook 導入的讀者能繼續閱讀,並找到診所的聯絡與預約方式。完整改版預計於 1 月底完成,臨時站上的文章也會同步移轉到新的個人形象網站。

以英文帶出主敘事,中文並行,讓讀者能自然理解院長的專業與理念。我會參考國際網站的視覺層級,搭配細緻的動態效果,做出有別於其他牙科網站的風格。

點我看專案時程 ↗
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

02 / CLINIC WEBSITE

Clinic Website
Redesign

診所官網改版

讓新診所的空間氛圍延伸到官網,也讓患者更容易找到地址、門診與預約資訊。

視覺調整 | 呼應新診所空間

讓新空間的印象延伸到官網

依新診所的光線與材質,由設計師提出配色與版面建議

就診資訊 | 地址、門診與預約

讓患者查得到,也找得到診所

更新新址、門診及交通資訊,讓預約方式更容易找到。新址為北屯區昌平東二路176號。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

WEBSITE REDESIGN

現有官網視覺改版

VISUAL DESIGN

讓官網延續新診所的空間氛圍

以現有官網為基礎,重新整理色彩、字體、照片與版面層次。配合搬遷更新新址、門診與交通資訊,讓患者容易找到就診與預約入口。

立頓牙醫診所招牌視覺示意
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

TREATMENT
PAGES

冷光牙齒美白|改版前後比較

治療項目與內容在本次網站更新同步重新編排。
透過分段、小標與圖文層次,讓讀者更容易掌握療程重點。

視覺規劃從第一眼就影響閱讀。先用主圖和標題吸引目光,再以清楚的層次引導讀者往下看,讓他們更容易找到答案,也更願意停留。

各療程頁延續一致的字體、配色與圖片風格,讓患者每次瀏覽都能認出立頓,在一次次閱讀中建立對診所的熟悉感與信任。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

03 / ARTICLE PUBLISHING

Article
Publishing

官網文章更新
同步更新於四大平台

每月四篇,同一主題依各平台的閱讀情境調整呈現方式。接著說明文章升級的內容,再以活髓治療示範改版前後的差異。

READING EXPERIENCE

從患者真正想問的問題開始,同步優化現有文章

用清楚的主標、專屬主圖、重點摘要與目次建立閱讀路徑,再以分段、小標和圖解說明療程。

REVIEW & PUBLISH

先看實際版面,確認後再上架

在文章校稿系統預覽各平台畫面,集中註解與修正。院方確認後,同步上架診所官網、院長個人網站、Facebook 與 Google 商家。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
10

ARTICLE CONTENT UPGRADE

文章除了定期發布,同時兼顧內容升級

過去的衛教文章以文字為主。患者在快速瀏覽時,面對大段文字,容易在找到重點前就離開。

這次長期合作會加入圖片與向量圖解,重新編排段落與視覺重點,吸引患者閱讀,也讓重點更容易掌握。

每月再為院長精選兩篇文章規劃影片,把適合用畫面說明的療程步驟與觀念呈現出來。讓患者在閱讀時,也能透過影片看懂關鍵細節。

文章一個月4篇,內容會多了什麼?

優化起點原始
衛教文章
圖文搭配加入圖片與向量圖解
段落編排用小標與分段梳理重點
吸睛的視覺設計用主圖與版面引導閱讀
圖像化衛教影片每月精選兩篇製作
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

ARTICLE
COMPARISON

文章新舊版面視覺升級|DEMO 示範

以活髓治療為例,直接比較現有官網與改版示範,從患者真正想問的問題開始,同步優化現有文章。

原版以文字段落說明活髓治療。新版從患者的疑問切入,透過主圖、重點摘要與目次,讓讀者能直達想了解的段落。

點選圖片可放大查看完整畫面。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

ARTICLE TABLE OF CONTENTS

先看目錄,快速找到想問的問題

在衛教文章開頭放上可點選的目錄,讓患者先知道文章會回答哪些問題,再依自己的需要閱讀。

活髓治療文章的目錄示範,列出療程差異、適用對象、治療流程與常見問題

先掌握文章全貌

瀏覽章節標題,就知道這篇會談哪些療程重點。

直達想了解的段落

點選目錄就能跳到療程差異、適用對象或常見問題。

回訪時更容易複查

看診前後想再確認某個細節,可以從目錄快速找回。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

ARTICLE FORMAT COMPARISON

從文字敘述到圖像化流程,讓訪客更快看懂

BEFORE | 舊版文字敘述從段落中找重點
舊版官網以連續文字段落呈現資訊

資訊集中在段落中,讀者需要讀完一段文字,才能整理出重點。

升級
AFTER | 新版圖像化呈現掃一眼就能掌握流程
新版以編號、小標與卡片呈現活髓治療的五個步驟

編號帶出順序,小標概括每一步,細節放在旁邊供讀者往下看。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

BOOKING SECTION COMPARISON

預約區塊視覺升級,讓下一步更清楚

BEFORE | 舊版文字與連結從文字中找預約資訊
舊版以文字列出諮詢專線與預約表單

諮詢電話和表單連結以文字排列,讀者要從內容中辨識可以點選的地方。

升級
AFTER | 新版視覺化設計一眼看到可以怎麼預約
新版預約區包含提問式標題、金色預約按鈕與院長形象照

用患者可能想問的問題開場,搭配院長形象照和醒目的預約按鈕,讓讀完文章的訪客知道下一步怎麼做。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

WEEKLY ARTICLE REVIEW

系統即時預覽,輕鬆審閱

每週文章皆可即時預覽桌機版與手機版,提前掌握不同裝置上的閱讀效果,讓發布更有掌控感。
院長可直接留下註解與建議,確認後再依排程發布。

週一 院長審閱 → 彙整建議與修正確認 → 週三 確認後發布
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

SOCIAL PLATFORM PREVIEWS

社群平台兼顧桌機與手機板

開啟文章審稿示範 ↗
Facebook 粉專|桌機版
Facebook 粉專桌機版預覽
Facebook 粉專|手機版
Facebook 粉專手機版預覽
Google 商家|桌機版
Google 商家桌機版預覽
Google 商家|手機版
Google 商家手機版預覽
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

EDUCATION VIDEO PREVIEW

每月精選兩篇衛教文章,搭配影片讓患者更直觀地理解療程

讓衛教影片成為患者找答案的加分項

衛教影片可嵌入官網文章,也能發布在 Facebook 粉專。患者查找療程資訊時,可以透過圖解快速掌握重點,並延伸閱讀完整文章。

透過清楚易懂的衛教內容,訪客也能感受到立頓牙醫的用心,逐步建立信任,增加對診所的熟悉感與回訪意願。

牙周病衛教動畫|無聲視覺示範
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
11

MONTHLY RHYTHM

週一交初稿、週三發文,節奏固定

MONDAY

週一 | 交付初稿

文章初稿與 FB 圖文一起送審。

WITHIN 2 DAYS

兩天內 | 院長審稿

回覆修改意見;逾期則順延發文。

WEDNESDAY

週三 | 四平台發文

官網、Google 商家、個人網站、FB 同步上架。

升級加值

MONTHLY

每月自選兩篇動態圖解

挑 2 篇加入衛教動態圖解,讓患者真的看懂治療。

透過固定的交稿與發布節奏,雙方能提前掌握時程。
搭配即時審稿系統,院長可直接預覽、留言與確認,讓合作更有效率,也更容易掌握進度。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
12

BIWEEKLY REPORT

每兩週一次,進度一目了然

回報方式:[LINE 文字回報/線上會議]
日期暫定為隔週五,待確認。

Done

已完成

這兩週做完的項目,附上連結或截圖。

〔示意〕例:第 3 篇文章已發布、臨時頁初稿完成

In Progress

進行中

目前的進度,以及下兩週預計完成的事。

〔示意〕例:官網首頁版面製作中,預計 12/14 提案

To Confirm

待確認

需要院長決定或提供素材的事,一次列清楚。

〔示意〕例:新址門診時間、拍攝日期

回報日期(暫定)

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
18

INVESTMENT

服務報價

金額皆為新台幣。每月社群文章的簽約方式待確認。

Monthly Articles每月社群文章
2,500/ 月・共 4 篇
—每月 4 篇(單篇 625),原則上週一審稿、週三發文;院長有行程則順延
—診所官網與院長網站包含主圖、目次及內文排版。Facebook 與 Google 商家製作主圖與貼文。
—每月其中 2 篇搭配 10 秒以上動態影片;當月未使用的額度可累積至下個月

可逐月簽約,或一次簽 11–1 月共 3 個月。三個月方案自 2 月起另行續約。

Personal Website院長個人形象網站
30,000臨時站+全新改版
① 搬遷臨時頁沿用現有架構,重新整理照片與資料;含 2 次修改,以小幅調整為主
② 全新改版風格提案 → 製作 → 修改 → 測試,春節前 2/3 結案
Clinic Website診所官網視覺改版
15,000一次性專案
—朝溫暖的棕色調規劃,配合新診所空間,色相與深淺再與院長確認
—先以現有照片或示意圖排版,搬遷完工拍攝後替換新診所照片
—11/24 啟動,12/14 提案檢視,12/18 完成

前金 50%,定案後尾款 50%。

專案儀表板 NT$0(贈送)文章審稿系統 NT$0(贈送)
三項初步試算(文章以 3 個月計)NT$52,500未稅
EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
19

PAYMENT

付款方式與續約安排

文章可逐月續約,或一次簽約 11–1 月,簽約方式待確認。三個月方案自 2 月起另行續約。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計

EDUCATION VIDEO SCOPE

每月衛教影片|文章合作內容

每月交付

四篇文章中,兩篇搭配衛教影片

每支動態影片至少 10 秒,搭配診所官網的文章主圖、目次與內文排版。

影片額度

未使用的額度可累積至下個月

同一篇文章依各平台調整呈現方式,於診所官網、院長形象網站、Facebook 與 Google 商家上架。

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
22

FROM YOU

院長只需提供素材和審稿,其他交給我

EPIPHANY DENTAL CLINIC | 官網改版與長期合作簡報VOIDAXIS 零軸設計
23

WHY ME

有問題的時候,
直接找得到人。

01
單一窗口,不必層層轉達從規劃、製作到上線都是我本人負責,溝通不打折扣。
02
理解醫療品牌的資訊層次曾參與媛和美診所、喜顏美學診所等相關網站製作。
03
歡迎透過 LINE 直接找我,看到就回不用等窗口轉達,訊息直接到我手上,看到就回覆。
VOIDAXIS 零軸設計 品牌打造 · 形象網站 · 視覺創意 · 社群圖文 · 廣告影片
LINE
零軸設計 LINE QR Code
零軸設計 vava 的照片
開始第一個月的規劃
24

THANK YOU

謝謝院長願意一起討論立頓的下一步。
我希望您投入的每一分預算,都能用在診所真正需要的地方,讓您看得見每一步的改善,也讓患者感受到立頓的用心。

零軸設計 VOIDAXIS · vava