WORKS

這裡收錄鮭魚設計的網站設計作品，包含品牌官網、企業網站、產品型網站、形象網站、活動網站與數位平台等案例。我們在規劃網站設計時，會從品牌定位、資訊架構、內容層級、目標客群與 UI/UX 使用者體驗一起思考，協助品牌建立清楚、好閱讀且能支援溝通的網站架構。網站設計不只是做出漂亮版面，而是讓品牌在形象呈現、服務介紹、產品資訊、詢問流程與搜尋曝光中，都能形成一致且有信任感的數位體驗。

網站設計作品｜品牌官網、企業網站與數位體驗案例

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

ADIDAS Online Marketing Activities

當國際運動品牌需要與女性族群建立更直接的互動，網站不只是活動資訊的入口，也成為品牌體驗的一部分。 adidas 針對女性運動愛好者推出系列活動，涵蓋訓練、跑步、瑜伽與拳擊有氧等主題，透過線上報名、活動資訊整合與支付流程，讓使用者能更方便地參與品牌活動。此網站設計以時尚、動感與清楚的操作流程為核心，將活動主題、課程內容、報名機制與使用者動線重新整合。從視覺風格到功能規劃，網站不只呈現 adidas 的品牌能量，也讓高流量活動能在穩定的系統架構下，提供更完整的一站式數位體驗。 When a sports campaign moves online, the website becomes more than a place to share event details. It becomes a key touchpoint that connects the brand, the activities, and the people who want to join. adidas launched a series of women-focused sports events, covering training, running, yoga, and cardio boxing. The campaign website brought together event information, class details, online registration, and payment flow, creating a smoother and more complete digital experience for participants. The design focused on a modern, energetic visual style and a clear user journey. From activity content to registration flow, the website was planned to support high-traffic campaign needs while presenting the dynamic spirit of the adidas brand.

XAVIER 賽維爾｜室內設計購物網站設計

XAVIER 賽維爾不是單純的家具購物網站，而是一個結合室內設計、設計師資源、系統家具選品與加盟資訊的整合型電商平台。我們為 XAVIER 賽維爾規劃室內設計購物網站設計，將品牌理念、設計師介紹、精選家具、系統板材、室內裝潢服務與加盟資訊整合在同一個網站架構中。網站不只是提供商品瀏覽與線上選購，也讓使用者能從風格、空間需求與設計服務出發，找到更適合自己的居家解決方案。對 XAVIER 來說，這個平台不只是網購入口，更是一個把「設計服務」與「家具選品」串連起來的數位品牌據點。 XAVIER is not just a furniture shopping website. It is an integrated interior design e-commerce platform that connects interior design services, designer resources, curated furniture, system boards, and franchise information. MASOU DESIGN created the interior design e-commerce platform design for XAVIER, organizing brand concept, designer profiles, selected furniture, system materials, interior design services, and franchise content into one clear website structure. The platform allows users to browse products, explore design solutions, and understand how XAVIER connects furniture selection with interior design needs. For XAVIER, the website is more than an online shopping platform. It is a digital brand touchpoint that brings together design services, product selection, and business development.

清水散步｜建興創藝電商網站設計

清水散步｜建興創藝電商網站設計，是一個結合地方文化、文創商品與在地旅遊內容的品牌型電商網站。這次網站規劃不只是建立購物功能，而是協助品牌將清水在地故事、手創商品、行旅活動、品牌介紹與售後服務整合成更清楚的網站架構，讓使用者可以從認識地方文化開始，進一步瀏覽商品、了解品牌，並完成線上購買。在設計上，我們以溫暖、生活感與地方文化氣息作為主要方向，讓網站不只是單純的商品陳列平台，而是能呈現清水散步長期經營在地文化、文創商品與旅遊服務的品牌樣貌。透過商品分類、內容區塊、購物動線與品牌故事的整理，讓電商網站同時具備商品銷售、文化傳遞與品牌信任感。 HSABC is an e-commerce website design project that combines local culture, creative products, and community-based travel content. Instead of building only a shopping function, the website was planned to organize Qingshui Sanbu’s local stories, handmade creative products, travel activities, brand introduction, and after-sales service into a clearer digital structure. This allows users to start by understanding the local culture, then browse products, learn about the brand, and complete online purchases. The design direction focuses on warmth, everyday lifestyle, and a sense of local culture, turning the website into more than a simple product listing platform. It presents the brand’s long-term work in local cultural promotion, creative product development, and travel services. Through product classification, content sections, purchase flow, and brand storytelling, the e-commerce website supports product sales while also communicating culture and building brand trust.

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

有些電商網站，賣的不只是商品，而是一種被支持的理由。福氣社區的網站比較特別，除了食品販售、會員系統與購物車流程之外，也把「捐款」放進整體網站體驗中。這代表使用者進入網站時，不一定只是為了買東西，也可能是想理解這個品牌在做什麼、支持什麼，或透過一筆訂單、一筆捐款參與其中。因此，這次網站規劃的重點不只是把食品分類、購物車、會員系統與綠界第三方支付串接完成，而是讓「購買」與「捐款」兩種行為在同一個網站裡自然共存。使用者可以依照商品分類選購食品，也能透過清楚的捐款流程完成支持；對品牌來說，這個網站不只是交易平台，更像是一個把商品、理念、會員與支持者關係串起來的客製化電商系統。 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.

全瑩淨水｜客製化電商網站設計

全瑩淨水｜客製化電商網站設計，是一個以淨水設備、濾心、家用與商用水處理產品為核心的產品型網站。網站內容涵蓋 EVERPURE 濱特爾、小型家用淨水系列、櫥下熱飲機、飲水機、濾心、全屋過濾系統、中大型商用淨水設備與工業水處理相關產品，產品線多元，因此網站規劃的重點不只是視覺設計，而是讓使用者能快速理解產品分類、找到適合的解決方案，並透過詢問車流程送出需求。全瑩網站本身也設有「詢價車」功能，讓使用者能先整理感興趣的產品，再與品牌端進一步聯繫。這次網站設計我們以「客製化電商網站」的角度進行規劃，讓網站具備接近購物網站的商品瀏覽邏輯，但保留淨水設備產業需要諮詢、規格確認與後續服務的特性。透過清楚的產品系列、商品頁資訊、相關支援內容、型錄與說明書下載，以及詢問車型購物流程，網站不只協助品牌展示產品，也能降低使用者在選購淨水設備時的理解門檻，建立更完整的線上詢價與產品導購體驗。 TRIWIN is a custom e-commerce website design project built around water purifiers, filter cartridges, home water systems, commercial water treatment products, and related solutions. The website includes multiple product categories such as EVERPURE, compact home water purification systems, under-sink hot water dispensers, drinking fountains, filter cartridges, whole-house filtration systems, commercial water systems, and industrial water treatment products. With such a broad product range, the focus of the website design was not only visual presentation, but also helping users understand product categories, find suitable solutions, and submit their needs through an inquiry cart flow. The website also includes an inquiry cart function, allowing users to collect products of interest before contacting the brand. For this project, we planned the website as a custom e-commerce website with product browsing logic similar to an online shopping experience, while preserving the consultation-based nature of the water purification industry. Instead of focusing on direct online payment, the website guides users through product series, product pages, support content, catalog and manual downloads, and an inquiry-based shopping flow. This helps TRIWIN present its product system more clearly, reduce the decision-making barrier for users, and build a more complete online product inquiry and guided shopping experience.

高坑牛肉乾｜金門伴手禮電商網站設計

高坑牛肉乾是金門具代表性的伴手禮品牌，擁有深厚的地方記憶、產品特色與傳統食品形象。這次電商網站設計的重點，不只是建立線上購物功能，而是將品牌既有的包裝識別、產品分類與金門在地特色，轉化成更適合數位瀏覽與線上購買的網站體驗。在網站設計上，我們延續高坑牛肉乾經典包裝中的視覺元素，並以更簡潔、清楚的版面節奏重新整理品牌故事、商品資訊與購物動線。讓傳統食品品牌不只保留原有的辨識度，也能透過電商網站建立更現代、更容易被年輕消費者接受的品牌形象。 KOW KUN Beef Jerky is a representative souvenir brand from Kinmen, known for its local heritage, distinctive products, and recognizable traditional food identity. The focus of this e-commerce website design project was not only to create an online shopping function, but also to translate KOW KUN’s existing brand image, classic packaging elements, product categories, and Kinmen local character into a clearer digital shopping experience. In the website design, we built on the trust and familiarity of a traditional food brand, using a clean layout rhythm, clear product navigation, and stable visual language to make the brand story, product information, and shopping flow easier to understand. The website preserves KOW KUN Beef Jerky’s classic identity while presenting the Kinmen souvenir brand with a more modern and approachable e-commerce image.

Xerowheel｜會員電商網站與保固服務平台設計

Xerowheel 是自行車輪組品牌，網站設計以「BORN TO BE QUICK」的品牌精神為核心，整合會員註冊、會員促銷、優惠資訊、產品保固與售後支援等功能。這次網站設計的重點，不只是建立商品展示與購買入口，而是協助品牌打造一個能與會員持續互動的數位服務平台。在網站規劃上，我們將會員專區、促銷活動、優惠碼機制與保固資訊整理成清楚的使用流程，讓消費者能更直覺地完成註冊、瀏覽優惠、了解保固條件與取得產品支援。透過響應式網站設計、清楚的內容層級與符合自行車品牌速度感的視覺語氣，讓 Xerowheel 不只呈現產品專業，也能在線上建立更完整的會員經營與售後服務體驗。 Xerowheel is a bicycle wheelset brand. Built around the brand spirit “BORN TO BE QUICK,” the website design integrates member registration, member promotions, special offers, product warranty, and after-sales support into one digital platform. The focus of this project was not only to create a product display or shopping entry point, but to help the brand build a service-driven platform for ongoing member engagement. In the website planning process, we organized the member area, promotional campaigns, coupon code mechanism, warranty information, and product support into a clearer user flow. Through responsive website design, structured content hierarchy, and a visual tone that reflects the speed and performance of the cycling industry, the Xerowheel website presents both product professionalism and a more complete membership and warranty service experience online.

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

久泰精業股份有限公司專注於鋼網製造與機械設備製造。鮭魚設計協助品牌規劃一套結合企業形象、產品展示與電商查找功能的網站，透過清楚的內容架構、產品分類、圖片與視覺設計，完整呈現久泰精業的專業製造能力與品牌價值。此案特別針對鋼網產品的尺寸與規格需求，設計出可依照橫目、縱目與交錯條件查找產品的功能，讓客戶能更快速找到符合需求的鋼網與機械設備。網站不只是產品展示平台，也成為品牌與 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.

建典精密｜ART & CRAFT IN PRECISION

建典精密網站設計以「ART & CRAFT IN PRECISION」為核心，將精密製造、零件加工與工藝精神轉化為清楚且具信任感的數位品牌形象。鮭魚設計透過乾淨版面、穩定視覺節奏與清楚內容架構，協助 B2B 製造品牌展現技術實力、服務項目與企業專業性，讓網站成為客戶理解品牌與評估合作的第一個入口。 Jiandian Precision website design centers on “ART & CRAFT IN PRECISION,” translating precision manufacturing, component processing, and craftsmanship into a clear and trustworthy digital brand image. MASOU DESIGN used clean layouts, steady visual rhythm, and structured content to help this B2B manufacturing brand present its technical capability, services, and professional value.

WEITEH | 一滴入魂的深奧提香

為亞洲前三大香精製造商，整理出更清楚的網站專業形象。鮭魚設計協助味特生物科技進行網站設計與網站文案企劃，從「亞洲前三大香精製造商」的產業定位出發，整理半世紀香精研發經驗、專業調香技術、客製化服務與國際市場優勢。透過「一滴入魂的深奧提香」這句網站標語，將香精研發中專注、敏銳與精準提煉的精神，轉化為更有記憶點的網站溝通語言，協助企業在 B2B 網站中呈現專業高度與信任感。 Helping one of Asia’s top three flavor manufacturers communicate its professional expertise through website design and copywriting. MASOU DESIGN created the website design and website copy for Vete Biotech, organizing the company’s half-century of flavor research experience, professional flavor development, customized services, and international market position into a clearer digital presentation. Through the website slogan “A Deeper Sense of Flavor in Every Drop,” we translated the precision, sensitivity, and craftsmanship behind flavor manufacturing into a more memorable communication language, helping the B2B website express stronger professionalism, clarity, and trust.

Swiss Krono｜歐洲百年傳承

我們為 Swiss Krono 台灣代理網站規劃網站設計與內容呈現，延續品牌本身的歐洲木質建材形象與既有 VI 語彙，建立一套清楚、沉穩且具有歐洲品牌感的網站視覺方向。設計上並不是重新創造另一套識別，而是尊重 Swiss Krono 原有的品牌氣質，透過版面節奏、色彩比例、產品圖片與分類架構，強化品牌在台灣市場的專業感與辨識度。網站內容以使用者查找產品為核心，清楚整理大板、單板與整面板材等產品資訊，並透過系列化分類設計，讓 Milo、Sigma、Exclusive 等不同產品系列能被快速理解與比較。整體網站在維持品牌一致性的同時，也讓產品資訊更明確、閱讀動線更直覺，協助使用者從品牌背景、產品特色到實際應用案例，建立對 Swiss Krono 的信任感與選購判斷。 We created the website design and content presentation for Swiss Krono’s Taiwan representative, building a clear and refined digital experience based on the brand’s original European wood-based material identity and existing VI direction. Instead of creating a separate visual identity, the design respects Swiss Krono’s established brand style and translates it into a website structure with stronger consistency, recognition, and professional presence in the Taiwan market. The website was planned around clear product browsing and information delivery. Product details such as large-format boards, single boards, and full-surface panels are organized in a more accessible way, while the series-based classification system helps users quickly understand and compare collections such as Milo, Sigma, and Exclusive. Through a consistent visual rhythm, European-inspired layout style, and well-structured product information, the website strengthens Swiss Krono’s brand recognition while making the browsing experience clearer, more intuitive, and more aligned with the brand’s original identity.

TEKTRO｜官方網站設計

大品牌的官方網站設計，困難不一定在於畫面有多複雜，而是如何把龐大的產品資訊、不同部門的意見與使用者的瀏覽需求，整理成一個清楚、可管理、也能被長期使用的網站架構。 TEKTRO 作為自行車煞車系統與零組件領域的重要品牌，官網需要承載的不只是品牌形象，也包含大量產品型號、產品系列與不同使用情境的資訊。這次網站設計製作的重點，是協助 TEKTRO 重新整理產品資訊架構，讓使用者能依照產品類型、系列需求與應用方向進行瀏覽。當時在規劃產品架構時，最大的挑戰之一是「多重分類」的整理。產品不只屬於單一類別，也可能同時對應不同系列、不同規格與不同用途，因此網站需要有足夠彈性的資訊架構，讓產品在後台管理與前台瀏覽時都能被清楚歸納。另一個更困難的部分，是如何透過外部專案團隊的角色，協助整合企業內部不同部門的意見。大型品牌官網往往牽涉產品、業務、行銷與管理端的需求，每個單位都有各自重視的資訊與呈現方式。設計團隊不只是執行畫面，而是需要協助整理需求、釐清優先順序，並將內部意見轉化為可以被使用者理解的網站結構。對產品型品牌來說，官方網站不只是形象展示，更是使用者理解產品線、比較型號與建立品牌信任的重要入口。TEKTRO 官網設計的核心，就是讓龐大的產品內容與企業內部需求被更有秩序地整合，讓品牌專業不只存在於產品本身，也能透過網站被清楚感受到。