WORKS

透過不同形式的設計作品，看見品牌被整理後的樣貌。每一個品牌都有不同的產業背景、產品特性與發展階段。我們從品牌設計、網站設計、包裝與平面視覺出發，協助客戶梳理品牌定位、內容架構、產品資訊與溝通重點，將分散的想法與需求，轉化為更清楚、更具信任感，也更容易被市場理解的設計成果。

設計作品集｜品牌、網站、電商與 UI/UX 設計案例

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

福氣社區｜客製化電商網站設計

有些電商網站，賣的不只是商品，而是一種被支持的理由。福氣社區的網站比較特別，除了食品販售、會員系統與購物車流程之外，也把「捐款」放進整體網站體驗中。這代表使用者進入網站時，不一定只是為了買東西，也可能是想理解這個品牌在做什麼、支持什麼，或透過一筆訂單、一筆捐款參與其中。因此，這次網站規劃的重點不只是把食品分類、購物車、會員系統與綠界第三方支付串接完成，而是讓「購買」與「捐款」兩種行為在同一個網站裡自然共存。使用者可以依照商品分類選購食品，也能透過清楚的捐款流程完成支持；對品牌來說，這個網站不只是交易平台，更像是一個把商品、理念、會員與支持者關係串起來的客製化電商系統。 Some e-commerce websites are not only built to sell products. They are built to give people a reason to support something. Fortune Community is a special custom e-commerce website project because it combines food product sales, membership, shopping cart functions, and online donations in one platform. Users may visit the website to purchase food products, but they may also come to understand the brand’s purpose and support the community through a donation. For this reason, the website structure needed to balance two different actions: shopping and giving. Product categories, cart flow, member system, and ECPay third-party payment integration were organized around a clear user journey, allowing people to browse products, complete purchases, or make donations through the same digital experience. Rather than being only a transaction tool, the website becomes a platform that connects products, purpose, members, and supporters.

久泰精業｜鋼網製造與機械設備電商網站設計

久泰精業股份有限公司專注於鋼網製造與機械設備製造。鮭魚設計協助品牌規劃一套結合企業形象、產品展示與電商查找功能的網站，透過清楚的內容架構、產品分類、圖片與視覺設計，完整呈現久泰精業的專業製造能力與品牌價值。此案特別針對鋼網產品的尺寸與規格需求，設計出可依照橫目、縱目與交錯條件查找產品的功能，讓客戶能更快速找到符合需求的鋼網與機械設備。網站不只是產品展示平台，也成為品牌與 B2B 客戶之間更直覺、更有效率的線上溝通工具。 Jiu Tai Precision Industries Corp. specializes in wire mesh manufacturing and industrial machinery production. MASOU DESIGN helped the brand create an e-commerce website that combines corporate image, product presentation, and product search functionality. Through clear content structure, product categorization, imagery, and visual design, the website presents Jiu Tai’s manufacturing expertise and professional brand value. A key feature of this project is the product search function designed for wire mesh specifications. Customers can search products based on horizontal mesh, vertical mesh, and intersecting conditions, making it easier to find the right wire mesh or machinery for their needs. The website is not only a product showcase, but also a more intuitive and efficient communication tool between the brand and its B2B customers.

上睦中醫品牌設計｜現代中醫品牌識別與診所空間形象

上睦中醫以「現代中醫」為品牌設計核心，將傳統醫療的文化底蘊轉化為更符合當代生活的視覺語言。從品牌識別、名片、藥包與藥袋，到診所外觀與空間體驗，透過沉穩墨綠、溫潤米色、留白與細緻排版，建立一致而完整的品牌系統，在專業、安定與親和之間取得平衡，形塑更具辨識度的現代中醫形象。 Sun Mood Chinese Medicine Clinic is built around a contemporary interpretation of traditional Chinese medicine, translating its cultural depth into a refined and modern visual language. From brand identity and printed applications to medicine packaging, clinic exterior, and spatial experience, deep green tones, warm neutrals, generous whitespace, and refined typography create a cohesive brand system that balances professionalism, calmness, and approachability.

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.

EUMER｜綻放肌膚的植萃光澤｜保養品品牌平面設計

當保養品不只是成分與功效的說明，視覺也成為品牌感受的一部分。 Eumer 以植萃、保濕與日常修護為核心，透過更簡約、柔和且具有高級感的設計語言，重新整理產品資訊與品牌氛圍，讓保養品的純淨感與精緻度被更清楚地呈現。整體視覺以留白、細緻線條、柔霧色彩與自然花植作為主要語彙，搭配產品靜物構圖與柔光背景，降低資訊的擁擠感，讓每一款產品都能在清楚的閱讀節奏中展現特色，也讓 DM 更貼近高端保養品的形象。 Skincare design is not only about explaining ingredients and benefits. It is also about creating a feeling that helps people understand the brand at first glance. Eumer focuses on botanical care, hydration, and daily skin recovery. Through a softer and more refined visual language, the product information is reorganized into a clean, elegant, and premium brochure style. The overall design uses open white space, delicate lines, soft colors, natural flowers, and product still-life compositions. These elements reduce visual clutter and create a smoother reading experience, allowing each product to stand out clearly while presenting a more high-end skincare image.

NuSkin 如新｜一起三比八活動主視覺延伸設計

NuSkin 如新「一起三比八」是延續 TR-90 重啟人生計畫後的活動視覺延伸設計。「一起三比八」運用台語諧音，帶出「一起瘦下來」的輕鬆語感，讓活動在健康管理與體態改變的主題之外，也保有更親近、活潑且容易被記住的溝通方式。這次設計重點，是將活動主視覺延伸到不同媒介與現場應用中，包含促銷 Banner、DM、旗幟、桌板與掛軸等視覺素材。透過一致的色彩、人物選擇、版面節奏與活動識別語言，讓「一起三比八」在不同尺寸、不同使用情境中，都能維持清楚的品牌辨識度與活動氛圍。 NuSkin’s “338 Event” was a key visual extension design project following the TR-90 Restart Your Life Plan campaign. The name “338” plays with a Taiwanese phonetic expression that suggests “getting slimmer together,” giving the campaign a lighter, friendlier, and more memorable tone while still connecting to the theme of health management and body transformation. The focus of this project was to extend the campaign key visual across different media and on-site applications, including promotional banners, DM materials, flags, table displays, and hanging posters. Through consistent color usage, model selection, layout rhythm, and campaign visual language, the “338 Event” maintained clear brand recognition and a lively campaign atmosphere across different formats and touchpoints.

Nu Skin 美商如新｜TR-90 重啟人生計畫

活動主視覺，不只是做一張漂亮的主圖，而是要讓整個活動在不同媒介中都被清楚記住。我們為美商如新 Nu Skin「TR-90 重啟人生計畫」規劃活動主視覺設計，從活動主題、品牌調性、人物形象、色彩語言到延伸應用，建立一套能夠被完整套用在 DM、旗幟、桌板、掛軸與活動現場素材上的視覺系統。「重啟人生計畫」本身帶有改變、行動與重新開始的意涵，因此這次主視覺設計不只是單純呈現產品或活動資訊，而是希望透過更鮮明的畫面節奏、清楚的視覺焦點與一致的品牌語氣，讓參與者在第一眼就能感受到活動所傳達的積極能量。在大型品牌活動中，視覺一致性非常重要。每一個接觸點，無論是紙本 DM、現場旗幟、桌面輸出或大型掛軸，都需要看起來屬於同一場活動，也要符合 Nu Skin 國際品牌本身的專業形象。因此這次設計的重點，不只是完成單一主視覺，而是讓活動視覺在不同尺寸、不同材質與不同使用情境中，都能維持清楚、統一且具有記憶點的品牌表現。對我們來說，這次與 Nu Skin 的合作不只是活動主視覺設計案例，也是一個關於品牌規範、專案節奏與大型活動視覺延伸的實務經驗。好的主視覺設計，應該能讓活動在被看見的瞬間，就傳達出品牌想說的話。 Some event key visuals are not only created to look attractive. They need to help the entire campaign stay recognizable across different media. MASOU DESIGN created the event key visual design for Nu Skin’s “TR-90 Restart Your Life Plan,” developing a visual system that could be extended across DM materials, flags, table boards, banners, and on-site event applications. From the campaign theme and brand tone to model selection, color direction, and visual consistency, the design was built to support a clear and unified event identity. The idea of “Restart Your Life” carries a sense of change, action, and a new beginning. For this reason, the key visual was not only about presenting product or campaign information. It was designed to create a stronger visual rhythm, a clear focal point, and a positive brand atmosphere that could immediately communicate the energy of the event. For large-scale brand events, visual consistency is especially important. Every touchpoint, whether printed DM, event flags, table displays, or large-format banners, needs to feel like part of the same campaign while staying aligned with Nu Skin’s international brand image. The focus of this project was therefore not just to create one key visual, but to build a flexible visual direction that could remain clear, consistent, and memorable across different formats and applications. For us, this collaboration with Nu Skin was not only an event key visual design project, but also an important experience in brand guideline application, project management, and campaign visual extension. A strong key visual should allow an event to communicate its message the moment it is seen.

X’Monster｜絕對可靠的安全防護品牌

有些品牌設計，不是做完一套識別就結束，而是會跟著品牌一起使用、一起被市場記住。 X’Monster 是我們長期合作超過 15 年的安全防護品牌，從最初的品牌識別設計開始，到後續網站、型錄、產品視覺與不同市場溝通素材的延伸，這個品牌不是一次性的設計案，而是一個持續被維護、被調整、也被品牌長期使用的識別系統。「Absolute Reliability」對 X’Monster 來說，不只是一句品牌標語，也代表它在安全防護產業中想傳達的核心價值：可靠、穩定、專業、值得信任。這次作品整理的重點，不只是呈現品牌設計本身，而是回頭看一個品牌如何透過一致的視覺語言、清楚的產品溝通與長期累積的設計應用，逐步建立出屬於自己的市場辨識度。 Some brand identities are not created for a single launch. They are designed to be used, maintained, and remembered over time. X’Monster is a long-term safety protection brand we have worked with for more than 15 years. From the original brand identity design to later extensions across websites, catalogs, product visuals, and market communication materials, this project has never been just a one-time design case. It is a visual system that has continued to grow with the brand. “Absolute Reliability” represents more than a brand statement for X’Monster. It reflects the core value the brand wants to communicate in the safety protection industry: reliability, stability, professionalism, and trust. This work is not only about showing the brand design itself, but also about how a consistent visual language, clear product communication, and long-term design applications can help a brand build stronger recognition in its market.

維樂工業｜VELO OEM Products Guide

鮭魚設計為維樂工業規劃將近 100 頁的 VELO OEM Products Guide 型錄設計與編排，以減法設計回應品牌對產品創新與環境友善的堅持。透過簡潔版面、清楚的產品系列標示與穩定的排版系統，讓型錄不只是展示產品，也成為更直覺、更實用的品牌溝通工具。 MASOU DESIGN created the design and layout for the VELO OEM Products Guide. For this nearly 100-page catalog, we adopted a minimalist design approach to reflect the brand’s commitment to product innovation and environmental responsibility. Through clean layouts, clear product series markers, and a consistent editorial system, the guide became not only a product showcase, but also a more intuitive and practical brand communication tool.

培力藥品 | 保健食品包裝設計

培力藥品保健系列以不同機能需求為出發點，規劃培力壯 Peili Men Power Capsule 與培力明 Peili Lutein Capsule 兩款產品包裝。鮭魚設計在延續培力既有品牌識別的基礎上，重新思考保健食品如何兼顧醫藥專業、產品機能與現代消費市場的視覺需求。兩款包裝以一致的版型架構與圓形幾何語彙建立系列辨識，再依產品特性發展不同視覺個性：培力壯以深藍色與向心放射圖形傳達能量、活力與機能補給；培力明則以明亮黃色、晶透圓形與植萃意象呈現晶亮、水潤與視覺保健。透過色彩、圖形與資訊層級的整合，讓專業保健產品在保有可信度的同時，也展現更年輕、精緻且容易辨識的品牌形象。 PeiLi’s Pharm includes Peili Men Power Capsule and Peili Lutein Capsule, each designed around a distinct wellness need. MASOU Design created a unified packaging system with circular visual elements and clear information hierarchy. Deep blue expresses energy and vitality for Peili Men Power, while bright yellow and translucent forms convey clarity and eye care for Peili Lutein, balancing pharmaceutical credibility with a modern, refined brand image.

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.