視覺設計

四海草堂網站設計

四海草堂以百年歷史的積累，嚴格謹慎的態度選材，藉由突破性的科技萃取技術，結合中西醫學的基礎，將漢醫厚實的宇宙自然觀推展昇華為現在養生新風格。以「四海草堂」百年傳承為核心，融合現代自然美學，規劃清晰分頁展現品牌故事與產品特色。視覺以自然色調與草本意象傳達「嚴謹選材、自然歸真」，內頁注重資訊清晰與文化脈絡。商品展示採瀑布流設計，提升瀏覽流暢度，展現傳統與現代的結合。

使用的技能專長

視覺設計
UI設計
網站設計

・2026/04/25 更新

更多來自華宇資訊的作品

HUMO 華茂數位官方網站

HUMO 華茂數位 — 網站亮點總覽 HUMO 定位為「數位增長夥伴」，不只做開發，更深度介入客戶的業務成長。網站整體以深色為基調，搭配橘色主題色，視覺風格現代且具科技感。首頁 Hero 以動態星空粒子動畫為背景，核心標語「不只是開發，我們是你的數位增長夥伴」直接點明品牌定位，並置入 AI 驅動・實戰落地的標籤強化技術公信力。 Technology DNA 展示技術棧橫向捲動列，涵蓋 Next.js 16、React 19、TypeScript、Supabase、Tailwind CSS v4、Gemini AI、NestJS、PostgreSQL、Framer Motion、Shadcn/UI 等前後端全棧技術，清楚展現研發縱深。資訊串流（Ecosystem）以互動流程圖呈現 HUMO 整合中樞的運作邏輯——電商訂單進入 → HUMO 接收解析 → 自動推送倉儲指令 → 全程無需人工介入，搭配掃描線動畫強化科技感。下方接著呈現「生態系構建邏輯」，提出互聯優先、共用資料層、AI 協同強化、可擴展架構四大核心原則。產品中心用數據牆開場：6 自研產品、10+ 企業套製系統、30+ API 整合串接、100% TypeScript 全線、10+ AI 功能模組，搭配精選產品卡片（如 GoalPilot、NORIEN 紫今東方）具體展示成果。設計能量 Hero 以浮動 3D Mockup 動畫鋪滿全畫面，多件作品從四面飄入，核心標語「讓你的設計作品開始展現能量」，視覺衝擊力強，充分展現設計執行力。

客製化網站設計

PM Pilot 專案管理系統

PM Pilot 是一套專為中小型團隊打造的 AI 驅動專案管理平台，協助團隊高效管理專案、任務、會議記錄與成員協作。核心功能包含：・AI 會議記錄分析：自動摘要會議重點、提取行動項目，並同步至任務追蹤系統・專案總覽儀表板：即時掌握專案進度、里程碑與成員工作狀態・智能任務管理：支援任務指派、優先級排序、截止日提醒・組織架構管理：多層級角色權限控制，適應不同規模團隊・日曆整合：跨專案行程統一檢視，避免排程衝突・報表分析：可視化產出效率與專案健康度報告技術架構採用 Next.js App Router + TypeScript + Supabase 全端解決方案，AI 功能串接 Google Gemini API，具備自動模型降級備援機制，確保服務穩定性。

AI 系統開發

展泓建設網站UI設計

因應現代人對「住」的品質與情感的雙重追求，此網站透過精準的品牌定位與沉穩的視覺溝通，讓使用者感受到「家」的溫度與安心。「展泓建設」品牌主張「賣房子的人很多，築構『家』的人少」，立意建築是情感的載體，而不只是商品。設計以「有感建築」為核心，先規劃清晰的網站架構，讓品牌故事與資訊有條理地呈現，再透過主視覺與內頁設計建立一致的質感語言，搭配具情感性的文字描寫，使網站在傳達資訊之餘，也能營造溫度與共鳴。

網頁設計

大通電子內湖櫃位視覺設計

大通電子深耕電子產品60年，以「差異化創新與貼心設計」為核心價值。為呼應品牌升級，重新規劃燦坤內湖旗艦店的櫃位進行全面重新設計。透過空間規劃與視覺呈現，突顯大通在產品研發上對品質、細節與創新的堅持，並提升櫃位的體驗感與識別度。大通展櫃以「隱形冠軍、用料實在、服務到位」為核心，將品牌精神轉化為空間語言，依產品特性採情境展示、性能解析或貼心設計，讓消費者直觀理解產品價值，體驗大通的品質與創新。

視覺設計

華宇資訊

0 人諮詢前天上線平均 -- 回覆

四海草堂 網站設計