WORKS

這裡收錄鮭魚設計的 UI/UX 與數位設計作品，包含網站介面設計、APP 介面設計、數位平台、會員系統、後台介面與使用流程規劃等案例。我們在規劃 UI/UX 設計時，會從使用者需求、資訊架構、操作流程、內容層級與品牌體驗一起思考，協助品牌建立清楚、直覺且容易使用的數位介面。 UI/UX 設計不只是畫出好看的畫面，而是讓使用者在瀏覽、操作、查找資訊、完成任務與進一步互動的過程中，都能形成順暢且有信任感的使用體驗。

UI/UX 設計作品｜網站、APP 與數位介面案例

ALL 品牌設計作品網站設計作品電商網站作品平面設計作品 UI/UX｜數位設計作品

WeVal | 澳洲房屋估價媒合平台 | 電商網站設計

WeVAL 是一個面向澳洲房地產市場的專業估價平台，協助購屋者快速媒合具認證資格的當地估價師，並以獨立、可靠的估價流程降低購屋決策風險。鮭魚設計以「專業、可信任、科技感」為核心，透過藍色系統、清楚的資訊層級與簡潔介面，重新整理從估價師媒合、案件委託到估價報告製作的完整操作流程，讓複雜的房產估價服務轉化為更直覺、清晰且具現代感的數位使用體驗。 WeVAL is an Australian property valuation platform connecting homebuyers with certified local valuers through a reliable and independent appraisal process. MASOU DESIGN created a professional, trustworthy, and tech-driven experience with a refined blue visual system, clear hierarchy, and intuitive interface.

熙鼎建設｜企業形象網站設計

熙鼎建設以土地開發、建築規劃與都市更新為核心，重視土地條件、施工品質與城市環境之間的關係。本次網站從企業長期發展出發，整合品牌故事、專業團隊、建築作品與服務內容，建立兼具建築專業、人文溫度與品牌辨識度的企業形象。鮭魚設計以「深根台灣，築造未來」為核心概念，透過沉穩色彩、建築幾何、自然影像與具編輯感的版面編排，將熙鼎對土地、建築與城市的思考，轉化為理性而不冰冷、精緻而不張揚的數位體驗。 Xiding Construction focuses on land development, architectural planning, and urban renewal. The website brings together its brand story, professional team, projects, and services to create a refined corporate presence with both expertise and human warmth. Built around the concept “Rooted in Taiwan, Building the Future,” Masou Design used calm colors, architectural geometry, natural imagery, and editorial layouts to shape a sophisticated yet understated digital experience.

太和雲熙｜樂齡健康宅網站設計

鮭魚設計為太和雲熙規劃樂齡健康宅網站，從品牌定位、內容架構、視覺設計到響應式介面，重新整理住宅、智慧科技與專業照護之間的關係。透過天空、自然光、藍綠色系與生活化影像，建立兼具建築質感、健康專業與人文溫度的數位體驗，讓網站不只是建案資訊平台，也成為傳達熟齡生活理念與品牌價值的重要媒介。 MASOU DESIGN created a Senior Living & Wellness Website for New Life Residence, integrating residential quality, smart healthcare, and professional care into a clear and welcoming digital experience. Through natural imagery, blue-green tones, structured content, and responsive design, the website presents a modern vision of senior living centered on comfort, wellbeing, and quality of life.

黑熊娛樂城｜品牌角色IP、UI/UX 與視覺系統整合

黑熊娛樂城是一個整合電子遊戲、真人視訊、遊戲介紹、攻略與遊戲供應商資訊的娛樂平台。這次鮭魚設計的任務，不只是完成一個遊戲網站介面，而是從品牌識別、角色 IP 設計、網站視覺到 UI 元件系統，建立一套能被持續辨識與延伸的品牌世界。我們以「黑熊領地」作為品牌核心概念，進一步發展「豪客霸總」與「悍熊老大」兩個具有不同性格與任務的角色 IP。一個代表智慧、策略與格局；另一個則象徵力量、秩序與守護。透過一文一武的雙角色架構，讓原本功能導向的娛樂平台，擁有更鮮明的品牌人格與完整故事線。網站設計延續黑熊娛樂的紫色、黑色與金色視覺語彙，結合遊戲卡片、資訊區塊、光影、角色與娛樂元素，在高資訊量的網站中重新整理視覺層級，建立兼具娛樂感、品牌辨識度與閱讀效率的 UI/UX 體驗。目前網站內容涵蓋電子遊戲、真人視訊、體育賽事、捕魚遊戲、遊戲攻略與多家遊戲供應商資訊。 Black Bear Play is a gaming and entertainment platform built around a distinctive brand world. MASOU Design developed the project from brand IP strategy and character design to website visual direction and UI/UX. Centered on the concept of “Black Bear Territory,” the brand features two core characters — The Boss and The Guardian — representing strategy, confidence, strength, and protection. The website extends this identity through a purple, black, and gold visual system, combining character-driven imagery, gaming elements, cards, and modular UI components to create a bold and recognizable digital experience.

Miss seesaw｜速食保養美學｜保健品牌廣告視覺設計

生活態度，決定每一天變美的幅度。鮭魚設計為 Miss Seesaw 規劃年度系列主視覺，以「速食保養美學」作為核心概念，協助品牌在電商網站、產品頁與數位行銷素材中，建立更鮮明的視覺溝通方式。設計上將保養品與機能食品的產品特色，轉化為年輕、輕盈且具有動態感的視覺語言，透過剪紙風格背景、鮮明色彩、產品情境與創意圖像轉譯，在不直接宣稱產品成效的前提下，讓商品特色更容易被理解，也讓電商情境中的品牌印象更有記憶點。 Lifestyle shapes the way beauty grows every day. MASOU DESIGN created the annual key visual series for Miss Seesaw under the concept of “Fast Beauty Aesthetics,” helping the brand build a stronger visual communication system for its e-commerce website, product pages, and digital marketing materials. The project transformed product features from skincare and functional food into a younger, lighter, and more dynamic visual language. Through paper-cut style backgrounds, vivid colors, product scenarios, and creative visual metaphors, the series communicates product impressions in a playful and approachable way without directly claiming product effects, making the brand more memorable in an e-commerce context.

Petour｜寵物社交與友善生活探索 App 設計

當寵物不只是陪伴，也成為人與人之間互動的起點。 Petour 以寵物交友、寵伴探索與寵物友善生活為核心，將社群互動與生活資訊整合在同一個 App 體驗中，讓使用者能更輕鬆地認識新的寵物朋友，也能發現更多適合與毛孩一起前往的場所。整體介面以明亮、可愛且輕鬆的視覺語言為主，透過柔和色彩、寵物元素與清楚的操作流程，降低使用門檻，讓探索、配對、分享與互動都能在愉快的節奏中完成。從功能架構到畫面細節，Petour 不只是寵物交友工具，也是一個連結寵物愛好者生活圈的數位平台。 Pets are more than companions. They can also become a natural starting point for people to connect, interact, and explore life together. Petour is a pet social and lifestyle exploration app centered around pet matching, companion discovery, and pet-friendly places. By integrating social interaction with everyday lifestyle information, the app helps users meet new pet friends while discovering more places they can enjoy with their pets. The overall interface uses a bright, playful, and friendly visual language. Soft colors, pet-inspired elements, and a clear user flow create an easy and enjoyable experience for users of different levels. From exploration and matching to sharing and interaction, Petour is not only a pet social tool, but also a digital platform that connects pet lovers with a more engaging pet-friendly lifestyle.

FuseConnect｜光纖熔接機 APP 設計與開發

我們為光纖熔接機品牌規劃 FuseConnect APP 的 UI 設計與 APP 開發，協助工程師在熔接作業完成後，更快速地接收機台產生的照片紀錄與作業數據，並將原始資料轉化為更清楚、可閱讀、可管理的前端資訊。透過 Flutter 開發框架、簡潔的介面設計與清楚的操作流程，FuseConnect 不只提升工程紀錄效率，也讓資料管理、傳送與雲端備份更加便利。 MASOU DESIGN created the UI design and app development for FuseConnect, a mobile application designed for fiber fusion splicer engineers. The app helps users receive photo records and machine-generated data after each fusion splicing process, transforming technical information into clearer and more readable frontend content. Built with the Flutter framework, FuseConnect provides a clean interface, intuitive operation flow, wireless device connectivity, and practical data management features for engineering teams.

行健大直｜健康管理 APP｜醫療數據視覺化與 UI/UX 設計

行健大直健康管理 APP 是一套將醫療專業轉化為日常數位體驗的 UI/UX 設計案例。鮭魚設計協助行健大直健康管理診所整合健檢數據、健康追蹤、體重管理、健康日記與營養師互動，重新梳理使用者閱讀醫療資訊與管理健康紀錄的流程。透過清楚的資訊層級、沉穩安心的視覺系統與元件化介面設計，讓複雜的健康數據變得更容易理解，也讓診所的專業服務能自然延伸到使用者的日常生活中。 Da Zhi Health Management App is a healthcare UI/UX design project that transforms medical expertise into a more practical everyday digital experience. MASOU DESIGN helped Da Zhi Health Management Clinic integrate health checkup data, daily tracking, weight management, health journals, and nutritionist support into one clear app structure. Through organized information hierarchy, a calm and trustworthy visual system, and reusable UI components, the app makes complex health data easier to understand while extending the clinic’s professional care into users’ daily lives.

Miss seesaw｜美的超能力｜品牌廣告視覺與動態 Banner 設計

用有趣的方式，讓產品特色被看見。鮭魚設計為 Miss seesaw 規劃「美的超能力」系列主視覺與 Banner 設計，將產品特色轉化為車子、滅火器、澆水器、保護罩等創意元素，在不直接宣稱食品功效的前提下，透過直覺、有趣且具記憶點的視覺表現，讓消費者更容易理解產品印象，也讓品牌溝通更活潑鮮明。 MASOU DESIGN created the “Beauty Superpower” visual series and banner designs for Miss seesaw, transforming product features into creative elements such as cars, fire extinguishers, watering cans, and protective shields. Without directly claiming product effects, the visuals use a more intuitive and playful approach to communicate product impressions and make the brand experience more memorable.