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.

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.

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

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

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

全瑩淨水｜客製化電商網站設計，是一個以淨水設備、濾心、家用與商用水處理產品為核心的產品型網站。網站內容涵蓋 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.

TEKTRO｜官方網站設計

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

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

清水散步｜建興創藝電商網站設計，是一個結合地方文化、文創商品與在地旅遊內容的品牌型電商網站。這次網站規劃不只是建立購物功能，而是協助品牌將清水在地故事、手創商品、行旅活動、品牌介紹與售後服務整合成更清楚的網站架構，讓使用者可以從認識地方文化開始，進一步瀏覽商品、了解品牌，並完成線上購買。在設計上，我們以溫暖、生活感與地方文化氣息作為主要方向，讓網站不只是單純的商品陳列平台，而是能呈現清水散步長期經營在地文化、文創商品與旅遊服務的品牌樣貌。透過商品分類、內容區塊、購物動線與品牌故事的整理，讓電商網站同時具備商品銷售、文化傳遞與品牌信任感。 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.

FORMULA 鑫元鴻實業｜自行車零組件 OEM 品牌形象網站設計

FORMULA 鑫元鴻實業是專注於自行車輪組零件與 OEM 製造服務的品牌，產品涵蓋花鼓、輪組相關零件與多元自行車應用需求。這次形象網站設計的重點，不只是展示產品項目，而是協助品牌將代工製造能力、產品開發經驗與客製化服務整理成更清楚的網站架構，讓國際客戶能快速理解 FORMULA 的製造專業與合作價值。網站以 OEM 供應商的溝通角度出發，透過品牌介紹、產品分類、技術資訊與聯絡動線的規劃，讓形象網站同時具備品牌展示與商務詢問功能。對以代工與產品製造為核心的企業來說，網站不只是線上型錄，也是建立信任、傳達製造能力與開啟國際合作的重要入口。 FORMULA is an OEM-focused bicycle component brand specializing in wheel system parts, hubs, and related manufacturing solutions. The purpose of this brand website design was not only to display product categories, but also to organize the company’s manufacturing capability, product development experience, and customization services into a clearer digital structure for international clients. Designed from the perspective of an OEM supplier, the website uses brand introduction, product classification, technology content, and contact flow to support both brand presentation and business inquiries. For a manufacturing company built around OEM service and product expertise, the website works as more than an online catalog. It becomes an important touchpoint for building trust, communicating production capability, and creating opportunities for global collaboration.

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

高坑牛肉乾是金門具代表性的伴手禮品牌，擁有深厚的地方記憶、產品特色與傳統食品形象。這次電商網站設計的重點，不只是建立線上購物功能，而是將品牌既有的包裝識別、產品分類與金門在地特色，轉化成更適合數位瀏覽與線上購買的網站體驗。在網站設計上，我們延續高坑牛肉乾經典包裝中的視覺元素，並以更簡潔、清楚的版面節奏重新整理品牌故事、商品資訊與購物動線。讓傳統食品品牌不只保留原有的辨識度，也能透過電商網站建立更現代、更容易被年輕消費者接受的品牌形象。 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.

FORMAT 福瑪特｜中高端自行車品牌網站設計

FORMAT 福瑪特是深耕俄羅斯中高端市場的自行車品牌，產品在塗裝、配置與車架設計上皆展現出較高規格，並以競技感、專業性與歐洲風格作為品牌形象重點。這次品牌形象網站設計，鮭魚設計以自行車產品的速度感、車體細節與商業攝影素材為核心，重新整理網站視覺節奏與產品呈現方式，讓品牌的專業定位能更直接地傳達給消費者。在網站規劃上，我們將 FORMAT 的競技車款、歐洲設計語氣與中高端市場定位整合成更具風格的數位形象。透過圖片素材整理、色階調整、版面比例與產品資訊層級安排，讓網站不只是展示自行車產品，也能呈現品牌對性能、設計與騎乘體驗的重視，協助 FORMAT 在線上建立更清楚且具辨識度的品牌印象。 FORMAT is a bicycle brand positioned in the premium segment of the Russian market, known for its refined paintwork, upgraded specifications, and performance-oriented frame design. For this brand website design project, MASOU DESIGN focused on the speed, product details, and commercial photography of FORMAT’s bicycles, reorganizing the website’s visual rhythm and product presentation to communicate a more professional and distinctive brand image. In the website planning process, we translated FORMAT’s racing spirit, European design direction, and premium market positioning into a stronger digital brand experience. Through image selection, color grading, layout proportion, and product information hierarchy, the website presents more than bicycle products. It communicates the brand’s focus on performance, design, and riding experience while helping FORMAT build a clearer and more recognizable online identity.

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.

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

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