UI/UX設計、全部最新 10 筆接案案件

本系統作為企業內部之核心即時通訊模組,全面導入 DreamsChat 商務 UI/UX 範本架構,並以後端 Microsoft SignalR 技術建構全雙工實時數據總線,主要包含以下核心功能模組: 參考版面:https://dreamschat.dreamstechnologies.com/html/status.html 1. Microsoft SignalR 實時通訊核心 (SignalR Core Telemetry): .基於 ASP.NET Core SignalR 框架封裝 ChatHub 中心控管邏輯,建立高效、全雙工 (Full-Duplex) 的持久連線通道。 .底層傳輸協定自動調度機制:優先啟用 WebSockets,並支援 Server-Sent Events (SSE) 與 Long Polling 彈性降級方案。 .實現 Hub 方法之線上連線拓撲管理 (OnConnectedAsync / OnDisconnectedAsync),提供跨廠區斷線自動偵測與指數退避 (Exponential Backoff) 重連補償機制。 .整合 Redis Backplane 跨節點訊息廣播,於多伺服器叢集環境下確保訊息一致性與水平擴展能力。 .連線心跳機制 (Heartbeat) 即時偵測客戶端存活狀態,異常斷線可在數秒內被準確識別並處理。 2. 聯絡人與組織架構管理 (Contacts & Organization): .整合 hrEmp 員工主檔,動態渲染企業組織樹狀聯絡人清單,支援多租戶隔離機制。 .支援豐富的活動狀態 (Activity Status):在線、忙碌、勿擾 (Do Not Disturb)、離開、會議中、出差中、請假中、離線,涵蓋日常多元工作場景。 .透過 SignalR 組播機制 (Groups / Users Broadcaster),即時監聽並同步分發員工之在線活動狀態變更。 .支援自訂狀態訊息與表情符號,使用者可個人化呈現可用度資訊 (如「專注工作中,預計 15:00 後回應」)。 .提供聯絡人收藏 (Favorites) 與自訂分組管理,常用對象一鍵存取,提升日常協作效率。 3. 多元對話模式 (Conversations & Channels): .一對一私聊 (Private Chat):支援企業員工間的高效、低延遲隱密即時通訊。 .多人群組頻道 (Group Channels):調用 SignalR Groups API 執行動態頻道加入與移除,支援專案或部門建立公開/私密群組,便於團隊協作與檔案共享。 .系統廣播與通知 (Broadcasts):串接 EIP 通知中心,發送全公告、系統警告與流程簽核提醒。 .支援頻道管理員角色,可設定加入權限、訊息保留期限、成員管理與管理權限委派。 .@提及 (Mention) 機制:支援 @單人、@群組、@all 多種點名模式,並強制觸發專屬提醒以確保關鍵訊息送達。 .訊息串 (Thread) 功能:於主對話下展開子討論,降低主流訊息雜訊,專案討論可清楚歸戶。 4. 富媒體訊息交互 (Rich Media Messaging): .支援文字、表情符號 (Emoji)、語音訊息 (Audio Notes) 之傳遞。 .支援圖片、影片及多格式檔案附件 (Doc, PDF, Excel) 之即時傳輸與線上預覽。 .整合訊息狀態標記,透過 SignalR 實時推送對方的「正在輸入 (Typing...)」事件,以及動態更新訊息狀態 (送達、已讀)。 .訊息表情回應 (Reaction) 機制:可快速以表情符號回饋訊息 (👍 ✅ ❤️),減少冗餘回覆。 .訊息引用回覆 (Quote Reply) 與訊息轉發 (Forward) 機制,支援跨頻道引用分享並完整保留原始發送者與時間戳資訊。 .大型檔案分段上傳與斷點續傳,支援百 MB 等級檔案傳輸,並提供病毒掃描與安全檢測。 5. 訊息狀態機與未讀通知 (Unread Status Machine): .精準動態追蹤並計算使用者在各聊天室之未讀訊息數 (UnreadCount)。 .支援一鍵標記為已讀 (Mark As Read) 與未讀訊息流動式 Badge 徽章計數同步。 .支援星號標記訊息 (Starred Messages) 功能,便於員工追蹤與收藏重要工作對話。 .訊息釘選 (Pinned) 功能:將重要公告、決議或檔案固定於對話視窗頂部,新成員加入可立即看見。 .訊息撤回 (Recall) 機制:發送後限定時間內 (2 分鐘) 可撤回,並透過 SignalR 即時通知對方訊息已撤回。 .跨裝置已讀同步:於手機端閱讀之訊息,於桌面端同步標記為已讀,維持多端體驗一致性。 6. 歷史訊息與全文檢索 (Message History & Search): .提供 Keyset 高效能分頁讀取技術,流暢載入歷史對話與媒體檔案往來紀錄。 .支援聊天室內部的關鍵字全文檢索,快速定位特定對話紀錄與歷史交辦事項。 .進階檢索條件:可依發送者、時間範圍、訊息類型 (文字 / 檔案 / 圖片 / 連結) 多維度組合過濾。 .訊息歸檔策略:過舊訊息自動歸檔至冷儲存,降低主資料庫負載,並支援需求調閱還原。 .對話匯出功能 (PDF / TXT / HTML):支援法規舉證、工作交接或個人備份用途。 7. 整合與擴充機制 (Integration & Extension): .提供 Bot 整合框架,可註冊自動回應機器人 (簽核機器人、查詢機器人、新人指引機器人) 嵌入頻道協助日常作業。 .對接 AIE 企業 AI 助理 (第三期),可於對話中直接呼叫 AI 進行即時翻譯、訊息摘要、回覆草擬與內容潤飾。 .提供 Webhook 介面,允許外部系統 (CI/CD、監控告警、業務系統) 推送訊息至指定頻道,實現事件驅動之自動通知。 .訊息事件對接 NTC 通知中心,確保關鍵訊息透過 Email / SMS / Push 等多通道扇出至離線使用者。 .支援企業內部開放 API,允許 AST / MAT / LIMS / HRM 等業務模組嵌入 IM 即時通訊能力,實現業務情境下之溝通閉環。

背景與目標：我需要製作可放在網站上的 Rive 動畫，用於提升頁面視覺質感與互動體驗，並能在桌機與手機瀏覽器順暢播放。希望動畫風格與網站品牌一致，載入速度與檔案大小可控，並能由前端工程順利嵌入與觸發互動。 需求描述：請協助完成 Rive 動畫的設計與製作，包含視覺風格確認、角色或圖形元件繪製、動態與狀態機設定、互動觸發設計與輸出交付。互動需求以常見網頁情境為主，例如滑鼠移入、點擊、捲動進場或依頁面狀態切換動畫。交付內容需包含可直接使用的 .riv 檔、必要的素材與字型授權說明、以及提供前端嵌入所需的參數與簡要使用說明，並配合一次修改調整以符合實際網頁呈現效果。

用於哪個行業：金融投資 細節說明：面談，希望積極主動，婉拒個人工作室

1.完成期限：1個月 2.網站概述：建立一個全球按摩的預定網站，風格偏向高質感,療癒,神必且具有信任感,整體走專業與身心靈平衡路線。 3.網站目的：1.展示服務內容與理念 2.提供預約資訊 3.建立品牌形象 4.提升客戶信任感 5.擁有評價建立信任度 3.功能/頁面需求：清楚明白項目以及預定系統流暢。 4.細節說明： 2022我在英國已做過一次網站，內容可以從原本網站去延伸。 今年想要重新做一個更升級的新版本 網站，更有吸引力以及更方便在網站上直接預定。 以英文版為主。 歡迎私訊我取得我舊網站可以參考以及討論更多細節 也請提供您的作品集與規劃內容與大概費用 期待能找到頻率對及有美感的設計師合作。

論件 or 包月皆可 用於哪個行業：電商 細節說明： 1. 規劃與製作網站與活動頁面視覺設計，提升使用者體驗 2. 編輯製作短影音，符合平台趨勢的多媒體內容 3. 設計 EDM、廣告橫幅、活動素材、產品視覺包裝等視覺行銷資產 4. 依據專案需求，在時間內完成工作 5. 公司形象及產品各類視覺文宣、圖檔 我們期待你具備以下條件： ☑ 熟悉電商、社群媒體、LINE OA、廣告的視覺設計與優化，能獨立完成設計專案 ☑ 能操作 Photoshop、Illustrator、Figma 等主流設計工具 ☑ 熟悉影片剪輯工具 ☑ 有短影音或 YT shorts 內容剪輯製作經驗 ☑ 具備設計邏輯與行銷敏感度，能針對目標受眾設計出具溝通力的素材

目前已有完整內容（Gamma 簡報），希望將其轉換為一個具設計感的一頁式網站（Landing Page），用於品牌展示與轉換使用。 🔗 參考內容： https://gamma.app/docs/Euro-Living-16dpdxsgb3qdp6g 🎯 專案目標 - 將現有內容「升級」為高質感一頁式網站 - 強化視覺呈現與閱讀流暢度 - 提升品牌感與專業度（不是單純排版） 🧩 工作內容 需要： - 網頁整體視覺設計（含版型規劃） - 將內容轉換為適合網頁呈現的結構 - 製作完整一頁式網站（可直接上線） 🎨 設計方向 - 簡約、現代、偏歐式生活風格 - 乾淨、有留白、重視質感 - 希望有「設計感」，而不是模板拼湊 👉 可自由發揮，但需保留原內容核心訊息 🌐 網站狀態 - 已有網域 - 需協助部署或提供上線方式 📦 交付內容 - 可直接上線的一頁式網站 - 原始檔或後台權限 - 基本操作說明（如有 CMS） 💰 預算（建議寫法） 👉 開放報價（希望有合理報價，會依作品與經驗評估） ⏰ 時程 希望 7–14 天內完成（可討論） 📩 應徵請提供 請附上： - 相關作品（一頁式網站優先） - 使用技術與製作方式 - 報價與工期

用於哪個行業：金融科技（FinTech）— 股票分析與財務報表平台 細節說明： 【專案背景】 我們正在開發一個面向投資人的股票財務分析 Web 平台（Desktop 為主）， 技術棧為 Next.js + React + TypeScript + SCSS，目前前端已有基礎架構， 需要一位 UI/UX 設計師建立完整的設計規範並產出頁面設計稿。 【需求範圍】 1. Design System 建立（最優先） - Color Token 定義（Primary / Secondary / Neutral / Semantic） - Typography Scale（中英文混排，含數字字體） - Spacing / Grid System（8px base） - 基礎元件設計：Button、Input、Select、Checkbox、Tag、Table、Chart 容器等 - 所有元件需有完整狀態：default / hover / active / focus / disabled / error 2. 頁面設計（約 8～12 頁） - 財務報表頁（含大量表格 + 圖表） - 股息分析頁 - 公司概況頁 - 樣板管理功能頁 - 杜邦分析樹狀圖 - 登入 / 註冊 / 個人設定等基礎頁面 - 每頁需含 Loading / Empty / Error 狀態 3. 交付規格 - 使用 Figma 設計，必須開啟 Dev Mode - 所有顏色、間距使用 Figma Variables（非 hard-coded hex） - 元件必須 Component 化並使用 Auto Layout - 提供 Desktop 版（1440px）為主，Tablet（768px）為輔 - Layer 命名需有意義（非 Frame 234） 【加分條件】 - 有金融 / 數據密集型產品的設計經驗 - 了解 Figma Code Connect - 能提供互動行為標注（hover、transition、動畫說明） - 理解前端開發流程，能配合 component-driven 開發模式 【合作方式】 - 以專案制為主，可談長期合作 - 遠端協作，每週至少一次設計走查會議 - 提供現有前端 codebase 的 SCSS token 對照 【請附上】 - 作品集（Figma 連結或 PDF） - 過去 Design System 建立經驗 - 預計時程與報價 - 你的 Figma 有用 Variables 和 Auto Layout 嗎？ - 請提供你做過的 Design System，展示 Color Token + Typography - 你有設計過資料密集型的表格或圖表嗎？ - 你怎麼處理中英文混排的字型？ - 請描述你跟前端工程師的協作流程

用於哪個行業：系統後台 細節說明： 僅需針對現成已畫好的Figma圖做排版上和框線調整，色票盤也會提供~ 不需了解流程，單張單張圖來改就可，不會有前後關聯，我會詳細說明要改的內容和想要的感覺，目前約5-10張圖需做調整，預算約為600-800/張(三次更改)，有興趣可以詳談，未來製圖需求應該也蠻多的，可初步配合看看

用於哪個行業：個人商業用 細節說明：網站設計需要前後台 有簡單做一些UI畫面、有需要優化的地方

針對 Verditek 官網進行優化： 品牌風格設定： 建立統一的色彩規範與字體系統，強化「永續、科技、輕量」的品牌氛圍。 網頁介面優化： 重新設計現有頁面的視覺層次，讓資訊傳遞更清晰，減少目前工程感過重的問題。 視覺素材規劃： 提供關於產品展示圖、Icon 或插圖設計的建議，提升網站的精緻度。 目前挑戰： 網站內容豐富，但視覺上不夠吸睛，希望能有像 apple 官網那樣的現代與俐落感。