SYSTEMS · INTERFACES · EXPERIENCES

WEB

以後台邏輯與資料庫實作為核心，搭配前端呈現與 UI/UX 規劃。不是只把畫面做出來，而是從資料、流程到使用體驗都能完整思考。

FULL-STACK CAPABILITY
BACKEND PRIMARYFRONTEND DELIVERYUI/UX STRUCTURE

從資料表、CRUD、登入驗證到響應式介面，將設計背景轉化成能真正運作的產品能力。

01 / PRIMARY

Backend

PHP、MySQL、PDO、Session、CRUD、API 與資料流程。

 02 / DELIVERY

Frontend

HTML、CSS、JavaScript、Bootstrap 與響應式實作。

 03 / STRUCTURE

UI/UX

資訊架構、操作流程、Figma 與跨裝置介面。

PRIMARY CAPABILITY

Backend
systems.

從資料表、權限與驗證到完整操作流程，將實際需求轉化為穩定、清楚且易於維護的後台系統。

DATABASE

MySQL schema 與資料關聯

CRUD / API

資料新增、查詢、修改與刪除

AUTH

登入驗證、Session 與權限

EXAM READY

乙級題型與限時實作整理

米花町偵探學園後台系統
PHP · MySQLCRUD

米花町偵探學園

以 PDO 串接資料庫，完成註冊、登入、Session 防護與學生資料 CRUD 流程。

View Project ↗
視野成珍攝影後台
PHP · MySQLCMS

視野成珍

為攝影作品建立動態內容管理架構，兼顧影像展示與資料庫存取。

View Project ↗
AJAXJSON / jQuery
AJAX · JSONPractice

AJAX 互動練習

以非同步請求交換資料，整理前端事件、JSON 回應與畫面更新流程。

Open Practice →
全端網頁筆記
Exam NotesFull-stack

全端網頁與考試筆記

把 PHP、SQL、題型與實作步驟整理成可搜尋的學習系統，支援限時複習。

View Notes ↗

VISIBLE DELIVERY

Frontend.

將設計落地成可閱讀、可操作、可在不同裝置穩定呈現的網站介面。

努比設計作品集
HTML · CSS · JSPortfolio

努比設計作品集

模組化作品分類、共用樣式與響應式導覽的個人品牌網站。

View Project ↗
上興棉被行網站
HTML · CSS · JSBrand Site

上興棉被行

以職人感與清楚資訊層級重新整理傳統店家的數位門面。

View Project ↗
水晶男孩推廣部網站
HTML · CSS · JSFan Site

水晶男孩推廣部

大量視覺素材、動畫回饋與內容導覽的主題網站。

View Project ↗
BS5Grid / Carousel
Bootstrap 5Coursework

Bootstrap 全站導覽

使用格線、卡片與輪播建立可快速瀏覽的作品入口。

Open Project →

PRODUCT STRUCTURE

UI/UX.

後台功能也需要清楚的資訊架構與操作回饋。介面案例展現從流程、模組到完整畫面的規劃能力。

鴻閣遊戲平台 UI
FigmaApp UI

鴻閣 · 遊戲平台

大廳、錢包、商城與社群模組的完整介面流程。

View Case →
陸八遊戲點數電商 UI
FigmaE-commerce

陸八 · 點數電商

商品、購物車、結帳、訂單與會員管理介面。

View Case →
星塵領域品牌官網 UI
FigmaBrand Site

星塵領域 · 品牌官網

世界觀、消息、功能說明與下載導流的模組設計。

View Case →
All UI/UX Cases →