自主概念設計 · 插畫與角色設計作品集
IceTigerKitten 插畫師作品集
以柔和繪本感視覺呈現插畫、角色設計與委託服務，整合個人介紹、畫廊、合作流程、創作工具與多平台聯絡入口。
這是自主製作、概念設計或介面練習，展示可查看的設計與實作；並非客戶委託成果，未提供客戶營收或轉化成效證明。
項目拆解
從頁面結構，到實際畫面。
ZequnWeb 自主作品，非客戶委託；Demo 中的品牌、評價與數據屬於展示內容，不代表已核實的客戶成果。
完整網站與手機畫面
英文 Demo 的桌面與手機長圖會自動從頂部展示到底部。可暫停後手動捲動、從頭重播，或開啟原圖。
01 / 頁面架構
訪客的資訊瀏覽路徑
- 01畫師介紹
- 02作品畫廊
- 03委託服務
- 04合作流程
- 05工具
- 06聯絡
02 / 視覺設計
以冰藍配色與插畫主視覺建立創作者形象，畫廊與委託資訊分別組織，讓風格瀏覽可以進一步進入合作諮詢。
03 / 響應式取捨
作品與服務卡片縱向排列，流程步驟及平台連結不依賴寬螢幕畫廊也能閱讀。
依據現有實作整理的設計分析，不將其表述為客戶調研或使用者測試記錄。
具體實作
技術組合
- Next.js
- React
- Cloudflare Pages
只列出現有項目記錄或公開腳本可支持的技術；內容架構與 UX 在上方獨立說明。
自主概念設計
交付內容與項目結果
概念重點
設計與實作說明
項目背景
面向個人與商業委託需求的創作者網站實作展示，讓作品風格與合作資訊都有清楚的位置。
設計帶來的改變
以冰藍配色串聯品牌介紹、作品畫廊、三類服務、五步委託流程與創作工具，引導訪客了解風格並提出合作需求。
可查看的設計重點
- Next.js 作品集示範可瀏覽
- 呈現畫廊、三類服務與五步委託流程
- X、Pixiv、Instagram 與 VGen 入口清楚可見
需要解決的問題
潛在合作方需要先了解插畫風格，再找到服務範圍、委託流程及聯絡方式。
設計方案
以冰藍配色串聯品牌介紹、作品畫廊、三類服務、五步委託流程與創作工具，引導訪客了解風格並提出合作需求。
交付內容
- 藝術家品牌與作品集首頁
- 畫廊、服務與委託流程
- 工具展示與多平台聯絡動線
技術與實作
- Next.js
- 響應式 CSS
- 元件化前端
項目價值
這個概念展示了甚麼
以冰藍配色串聯品牌介紹、作品畫廊、三類服務、五步委託流程與創作工具，引導訪客了解風格並提出合作需求。
查看其他項目 →由此開始
想把這個方向變成您的網站？
提供業務類型、現有網站或參考網站、目標客戶及大概預算，我會先協助您釐清有用的製作範圍。