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。
告訴我們你的想法