WEBSITE EXAMPLES · LIVE PREVIEW

不同品牌,
本來就不應該
長得一樣。

從專業企業網站、 Personal Portfolio、 Interior Design 到高端品牌網站, WebPlanly 會按品牌定位、 內容及商業目的重新規劃網站。 以下不是靜態 Mockup, 你看到的是實際網站設計方向。

//
用來找方向,不是用來選 Template。 如果你看到接近自己喜歡的視覺、 排版或網站感覺, 可以告訴我們是哪個 Example。 最終網站仍會按你的品牌重新設計。
LIVE
LOADING LIVE WEBSITE
BUSINESS · FORME INTERIORS
↗
LIVE
LOADING LIVE WEBSITE
STARTER · WINDY WONG
↗
LIVE
LOADING LIVE WEBSITE
STARTER · NORTHLINE
↗
WEBSITE
Memories premium custom website example
CUSTOM · MEMORIES
↗
LIVE DESIGN DIRECTIONS 01 · 02 · 03 · 04
SELECTED CLIENT WORK

不只是 Demo,
亦有真正商業項目。

Featured Demos 用來展示不同設計方向, 而以下則屬於 實際客戶網站及商業項目。 每個項目的內容架構、 使用情境及製作要求, 都按客戶實際業務需要處理。

LIVE CLIENT SITE
HK Medical Escort client website project
ADD HK MEDICAL ESCORT
WEBSITE SCREENSHOT
↗
REAL CLIENT PROJECT HEALTHCARE · MEDICAL SERVICES

HK Medical Escort

為醫療護送及相關醫療服務網站 持續處理內容呈現、 Responsive Layout、 Landing Page、 Article Experience 及網站優化工作。 設計需要同時兼顧 專業可信感、資訊清晰度及轉換需要。

INDUSTRY Healthcare
WORK Website / Content UX
FOCUS Trust + Conversion
Commercial Client Work Visit Website ↗
LIVE CLIENT SITE
OSOS client website project
ADD OSOS
WEBSITE SCREENSHOT
↗
REAL CLIENT PROJECT HEALTH INFORMATION · CONTENT

OSOS

以醫療及健康資訊內容為核心的網站項目, 重點處理文章閱讀體驗、 中英文內容、 網頁結構及視覺一致性。 網站設計需要支援大量資訊, 同時避免令內容變得過度複雜。

INDUSTRY Health Information
WORK Content Website
FOCUS Readability + Structure
Commercial Client Work Visit Website ↗
//
Client Work 與 Featured Demo 的角色不同。 Featured Demo 用來展示不同網站方向及設計可能; Client Work 則反映實際商業環境下, 如何按現有品牌、內容及業務需要持續設計及優化網站。
CLIENT PROJECT PREVIEW

還未正式公開的項目,
亦可以看到設計方向。

有些 Client Project 在正式公開或 Launch 前, 已經完成主要網站設計方向。 這類作品會以 Project Preview 形式展示, 與 Concept Demo 及已上線 Client Work 分開處理。

NOT A GYM website redesign client project preview
ADD NOT A GYM
PROJECT SCREENSHOT
CLIENT PROJECT · PREVIEW
04
NOT A GYM · WEBSITE REDESIGN

一個品牌,
兩種訓練方向。

NOT A GYM Website Redesign 需要同時處理兩間分店不同定位: TST Bodybuilding 與 CWB Hybrid Lifestyle。 網站以共同品牌框架為基礎, 再利用不同視覺語言, 將兩種訓練方向清晰分開。

TST Bodybuilding · Performance
CWB Hybrid · Lifestyle
PROJECT TYPE Client Website Redesign
PLATFORM Shopify
DESIGN Dual Brand Direction
FOCUS Positioning + Mobile UX
Client Project Preview
View Project ↗
//
Website Example 的作用,是幫你更快找到適合自己品牌的方向。 不需要預先知道應該用哪個 Layout、 Style 或 Website Plan。 如果你看到接近自己想要的項目, 直接告訴我們你喜歡哪一部分就可以。
聯絡我們 →
MORE WEBSITE EXAMPLES

不同產業,
可以有完全不同的語言。

網站設計不應只按「企業網站」 或「個人網站」分類。 行業本身、 品牌語氣、 Target Audience 及內容形式, 都會改變最終網站應該呈現的感覺。 因此我們亦會持續探索不同產業的設計方向。

Wealth Club finance and investment website example
ADD WEALTH CLUB
WEBSITE SCREENSHOT
WEBSITE CONCEPT
FINANCE · INVESTMENT DIRECTION
05
MORE WEBSITE EXAMPLE

Wealth Club

Finance / Investment 方向的網站概念, 利用較深色的視覺、 數據感 Layout 及較成熟的資訊層次, 建立與 Lifestyle、 Creative 或一般 Corporate Website 不同的 Digital Presence。

i
Website Concept / Demonstration 部分內容及數據為示範用途, 主要用作展示 Finance / Investment 網站的設計及資訊呈現方向。
INDUSTRY Finance / Investment
STYLE Dark / Data-led
FOCUS Information Hierarchy
PURPOSE Design Exploration
DEMONSTRATION WEBSITE View Website ↗
FIND YOUR DIRECTION

不需要先懂設計,
先告訴我們你想要的感覺。

很多客戶開始時都不知道 自己需要甚麼 Layout、 Framework 或網站規格。 其實沒有關係。 先從「你希望客人看到網站時有甚麼感覺」開始, 往往比先研究技術規格更有用。

01
STARTER
「我想個網站專業、 清晰,令人一睇就知道公司做甚麼。」

適合服務型公司、 Consultant、 Professional Services 或希望快速建立可信 Online Presence 的業務。

CLOSEST DIRECTION
Northline —
02
STARTER
「我最重視圖片同個人風格, 網站本身就要成為我的 Portfolio。」

適合 Model、 Creator、 Photographer、 Freelancer 或其他以個人形象及作品主導的品牌。

CLOSEST DIRECTION
Windy Wong —
03
BUSINESS
「我要完整介紹公司, 但同時希望網站本身有高級品牌感。」

適合需要更多服務內容、 Brand Story、 Projects / Portfolio 及較完整資訊架構的企業或品牌。

CLOSEST DIRECTION
FORME Interiors —
04
CUSTOM
「網站唔只要介紹資料, 我想成個 Digital Experience 都有自己的品牌語言。」

適合重視整體品牌體驗、 內容層次、 Custom Interaction、 Photography 或需要更深入設計規劃的項目。

CLOSEST DIRECTION
Memories —
?
「其實我連自己想要哪種風格都未肯定。」 都沒有問題。 你可以先告訴我們你的業務、 網站用途、客戶類型, 或傳一兩個你覺得「幾好睇」的 Reference。 不需要先寫完整 Requirement。
告訴我們你的想法 →