WORKS

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

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

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

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

熙鼎建設以土地開發、建築規劃與都市更新為核心，重視土地條件、施工品質與城市環境之間的關係。本次網站從企業長期發展出發，整合品牌故事、專業團隊、建築作品與服務內容，建立兼具建築專業、人文溫度與品牌辨識度的企業形象。鮭魚設計以「深根台灣，築造未來」為核心概念，透過沉穩色彩、建築幾何、自然影像與具編輯感的版面編排，將熙鼎對土地、建築與城市的思考，轉化為理性而不冰冷、精緻而不張揚的數位體驗。 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.

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.

行健大直｜健康管理 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｜速食保養美學｜保健品牌廣告視覺設計

生活態度，決定每一天變美的幅度。鮭魚設計為 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.

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.

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.