Freelance web design · Taipei

JD — Web Design

網頁設計 · 接案 · 台北

做品牌官網、電商、預約與表單、活動落地頁、後台介面。網站從空白檔案手寫，不套模板；桌機與手機分開驗過才交。

下面八件是我自主開發的專案，全部在線上，可以直接點開來看。

寫信談需求 → aethermetaverse068@gmail.com

Selected work — 08 projects Scroll ↓
01Motion studioSelf-initiatedphosphor-studio.pages.dev
PHOSPHOR 網站畫面

PHOSPHOR

Motion studio

動態影像工作室的作品集網站。

作品集網站動態展示影音嵌入RWD 響應式
Open site ↗
02Brand siteSelf-initiatedarbor-studio.pages.dev
ARBOR 網站畫面

ARBOR

Brand site

手工品牌的形象官網。

品牌官網形象網站極簡排版RWD 響應式
Open site ↗
03SaaSSelf-initiatedcadence-studio.pages.dev
CADENCE 網站畫面

CADENCE

SaaS

軟體服務的產品行銷頁，含功能介紹與方案定價。

產品行銷頁功能介紹方案定價表捲動動效
Open site ↗
04Product launchSelf-initiatedvela-lab.pages.dev
VELA ONE 網站畫面

VELA ONE

Product launch

硬體新品的發表落地頁，含規格展示與購買導引。介面設計（前端）

產品發表頁規格展示落地頁購買導引
Open site ↗
05Booking flowSelf-initiatedstillroom-studio.pages.dev
STILLROOM 網站畫面

STILLROOM

Booking flow

獨立工作室的一頁式線上預約介面。介面設計（前端）· 實際收單需接後端

一頁式預約表單設計手機優先預約流程
Open site ↗
06FragranceSelf-initiatedorelie.pages.dev
ORELIE 網站畫面

ORELIE

Fragrance

香氛精品的商品展示頁，可隨檔期換季。介面設計（前端）· 購物與結帳需接後端

精品電商頁商品展示活動換季品牌視覺
Open site ↗
07Image gallerySelf-initiatedprisma-gen.pages.dev
PRISMA 網站畫面

PRISMA

Image gallery

大量圖片的作品藝廊頁。

作品藝廊圖片瀑布流延遲載入互動預覽
Open site ↗
08Data conceptSelf-initiatedrealtime-lab.pages.dev
REAL-TIME 網站畫面

REAL-TIME

Data concept

數據儀表板的後台介面。介面設計（前端）· 資料串接需接後端

數據儀表板資料視覺化即時介面後台 UI
Open site ↗

What I build

我能做什麼

Brand site品牌官網

形象、產品、聯絡整合成一個站。以品牌自己的顏色與字體排版，不是換色的模板。

Commerce電商與產品頁

商品列表、單品頁、購買動線。決策點前置，購買鈕常駐，規格往下收。

Booking & forms預約與表單

一頁式預約、報名、諮詢表單。欄位精簡到必要，手機一鍵送出。

Landing page活動落地頁

單一目標、單一主 CTA 的活動或發表頁。上線快，改動快。

Dashboard UI後台與資料介面

資料表、狀態、篩選的介面設計。密度高但看得懂，重要的數字先被看到。

How we work

合作流程
01需求先聊清楚要解決什麼、給誰看、什麼時候要。
02提案給範圍、頁數、時程與報價。確認後才開始。
03設計與開發分段給你看，每段都能改；不做完才第一次見面。
04交付上線協助，交完整原始碼，後續怎麼改也說清楚。

What you get

交付內容
完整原始碼，無授權綁定 手機／平板／桌機 RWD 無障礙：對比、鍵盤操作、reduced-motion 基本 SEO 與分享預覽（OG） 上線與網域協助 交付後的修改說明

Why me

憑什麼找我
  • 01不套版。每個網站從空白檔案開始手寫，所以八件長得完全不一樣。
  • 02八件作品全部在線上，可以點進去操作，不是圖片。
  • 03桌機與手機分開驗過，不是縮小視窗看一眼。
  • 04動效都附 reduced-motion 版本，關掉動畫的人看得到完整內容。
  • 05內文對比實算過，不是憑感覺挑灰色。
  • 06交完整原始碼，你要換人接手也接得下去。

Start here

寫封信說你想做什麼、給誰看、什麼時候要。我先回你能不能做、大概怎麼做，再給提案與報價。

寫信給我 → aethermetaverse068@gmail.com
Index ⌄