Brand Design Process

品牌設計的每一步,都是從品牌真實的問題與市場處境出發。 這段流程,涵蓋品牌策略、品牌定位、品牌命名與品牌識別系統,將抽象概念轉化成具體的視覺語言與品牌故事,讓品牌在市場中擁有清晰的辨識度與說服力。

品牌設計、網站設計與 UI/UX 設計流程

Step 1|品牌診斷與定位分析

我們先理解品牌目前的市場位置、競爭環境與目標客群,透過訪談與資料整理,找出品牌真正需要解決的問題,並釐清品牌的核心價值、差異化優勢與未來發展方向。

Step 2|設計聚焦

在進入正式設計前,我們會透過風格研究、參考案例,協助客戶快速理解不同視覺方向的可能性,並共同確認最適合品牌的設計語調與整體風格基準。

Step 3|品牌策略規劃

我們將前期整理出的品牌核心,轉化為清楚的品牌定位、品牌故事與溝通訊息,建立品牌在市場中的角色與說話方式,讓後續的設計不只是好看,而是有明確的策略依據。

Step 4|視覺識別系統設計

依據品牌策略,發展商標、標準字、色彩、字體、輔助圖形與整體視覺語言,建立一套具有辨識度與延展性的品牌識別系統,確保品牌在不同媒介中都能維持一致形象。

Step 5|品牌應用與設計規範

我們會將識別系統延伸到實際應用情境,例如名片、包裝、社群、海報、網站或其他品牌接觸點,並整理基本設計規範,讓品牌未來在不同場景中都能正確且穩定地被使用。

Step 6|交付與後續支援

設計完成後,我們會提供完整的設計檔案與使用說明,並依照品牌實際需求,提供後續應用建議與調整支援,協助品牌在營運、行銷與宣傳中持續維持專業一致的形象。

Website & UI/UX Design Process

網站設計不只是把畫面做漂亮,而是讓品牌、內容、使用者體驗與搜尋結構彼此配合。 我們從品牌需求與商業目標出發,梳理網站架構、視覺風格與使用者路徑,讓網站能清楚傳達品牌價值,也提升瀏覽體驗與轉換效率。

Step 1|需求與品牌梳理+結構討論

釐清品牌定位、目標受眾與核心商業目標,整理現有品牌元素、網站內容與競爭對手狀況,作為整體設計基礎。 在這個階段,我們會一起討論「品牌想說什麼」與「使用者最需要看到什麼」,並初步規劃網站架構與內容分布,讓後續設計與開發有明確方向。

Step 2|設計聚焦與策略方向

根據品牌需求,釐清網站的核心訊息、視覺方向與使用者體驗重點。 讓設計在前期就鎖定品牌該呈現的樣子與說服路線,避免後期反覆修改或方向偏移。

Step 3|資訊架構與頁面規劃

依品牌策略與使用者路徑,規劃網站架構、主導覽、內容分類與關鍵頁面配置。 讓使用者能順暢找到資訊,也讓 Google 與 AI 搜尋更容易理解網站內容與頁面權重。

Step 4|UI 與版型設計

從品牌視覺系統延伸網站介面,規劃主色、字型、圖像風格、留白比例與互動元素。 讓品牌在數位介面中,擁有一致、清楚且具辨識度的視覺語言。

Step 5|UI/UX 與使用者流程優化

檢視使用者從進站、閱讀到轉換的完整路徑,優化導覽、按鈕、內容順序與操作細節。 讓網站不只是好看,也能好讀、好用,並有效引導使用者完成行動。

Step 6|設計提案與意見確認

整理網站設計成果,以提案方式呈現版型、視覺風格與使用者流程。 在進入技術實作前,與客戶確認品牌呈現、頁面方向與功能細節,確保雙方共識一致。

Step 7|切版與前端實作

將設計稿轉化為可實際運作的網站介面,進行切版與前端實作。 確保品牌視覺、動畫與互動效果在不同裝置與瀏覽器中穩定呈現,同時兼顧載入效率與相容性。

Step 8|後台製作與內容上稿

依網站需求建置後台,並上傳品牌內容、圖片與文案。 過程中會同步調整版面與欄位,確保實際內容上稿後,仍能維持設計完整度與閱讀品質。

Step 9|SEO 與 AI 搜尋結構優化

在網站架構與內容中佈署 SEO 與 AI 搜尋友善設定,包括 H 標籤、內部連結、內容分類與關鍵字節奏。 讓品牌在搜尋引擎與 AI 回覆中更容易被理解、被引用,也讓使用者閱讀時有更清楚的資訊層次。

SERVICE

在鮭魚設計,我們專注於品牌設計、品牌重塑、視覺識別、網站設計與 UI/UX 設計,協助品牌建立清楚的市場辨識度,並提升溝通效率與使用者體驗。 我們從品牌定位出發,整合視覺、包裝、網站、搜尋結構與 AI 應用,讓設計不只是好看,而是能真正回應品牌的商業目標。

1|品牌設計與視覺識別

Branding & Visual Identity 從品牌定位、Logo、主視覺到識別系統,我們協助品牌建立一致且具辨識度的視覺語言,讓品牌在不同平台與媒介中,都能被清楚記住。

2|型錄規劃與包裝設計

Catalog & Packaging Design 我們將品牌視覺延伸到型錄、DM、品牌手冊與產品包裝中,讓品牌在實體接觸點上,也能維持一致的質感與說服力。

3|UI/UX 與互動體驗設計

UI/UX & Interactive Experience 我們規劃網站、APP 與數位平台的介面設計,讓資訊更清楚、操作更直覺,並優化使用者從瀏覽到轉換的完整流程。

4|網站規劃、開發與 SEO / AI 搜尋結構

Web Planning, Development & SEO / AI Integration 從網站策略、資訊架構到設計與開發,我們協助品牌建立兼具美感、體驗與搜尋能見度的網站,讓品牌更容易被 Google 與 AI 搜尋理解。

5|伺服器、主機與技術維運

Server, Hosting & Technical Operations 依照網站需求,協助規劃主機環境、伺服器設定與後續維運,確保網站在實際營運中穩定、安全,並保有擴充彈性。

6|數位行銷與成長策略

Digital Marketing & Growth Strategy 整合品牌設計、網站內容與搜尋策略,協助品牌在搜尋、社群與廣告中累積聲量,讓設計持續轉化為品牌成長動能。

7|AI 對話系統與客製化開發

AI Conversation System & Custom Development 我們可依企業需求規劃專屬 AI 對話系統,整合品牌知識庫、產品資訊與內部資料,打造可查詢、可互動,且符合品牌語氣的智慧介面。

FEATURED WORKS

LOVAMO 柔墨 | 眼目到指尖的美學

Lovamo 柔墨以「沙龍文化」作為品牌核心,定位為融合美睫、藝術感與生活美學的高質感美學品牌。品牌不只提供眼部妝點服務,更希望將每一次細緻修飾,轉化為一段被理解、被呵護,並重新感受自信的身心體驗。 我們為 Lovamo 建立完整品牌視覺系統,從商標、標準字到整體形象,重新詮釋美睫沙龍的識別語言。商標以捲翹眼睫、指甲輪廓與中央人物姿態作為核心意象,象徵「眼目到指尖」的美學延伸,也呼應品牌對細節、姿態與自我照顧的重視。 整體設計打破傳統美睫品牌過於制式、商業化的印象,注入藝術、SPA 與居家般的溫柔氛圍,讓 Lovamo 呈現出專業卻不疏離、細膩而具溫度的品牌性格。透過柔和的視覺語彙與富有感官層次的品牌形象,Lovamo 讓美不只是外在修飾,而是一種從眼神、指尖到內在狀態的自信回歸。 Lovamo is built around the idea of salon culture, positioned as a refined beauty brand that combines eyelash styling, artistic expression, and lifestyle aesthetics. More than offering eye beauty services, the brand aims to turn every delicate detail into an experience of care, comfort, and renewed confidence. The brand identity system reinterprets the visual language of an eyelash salon through a more complete and distinctive design approach. The logo combines the curve of lifted eyelashes, the outline of a fingernail, and a central human figure, symbolizing the extension of beauty from the eyes to the fingertips. It also reflects the brand’s focus on details, posture, and self-care. The overall design moves away from the overly commercial and standardized image often seen in eyelash brands. Instead, it brings in a softer atmosphere inspired by art, spa culture, and the warmth of home. Through gentle visual elements and a layered sensory brand image, Lovamo presents a professional yet approachable personality. Beauty is no longer only an outer touch-up, but a quiet return of confidence from the eyes, fingertips, and inner self.

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

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

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.

TEKTRO|官方網站設計

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

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.

彥豪智能科技 TEKTRO|集團企業形象網站設計

彥豪智能科技 TEKTRO 長期深耕自行車煞車系統與零組件製造,從單一產品品牌逐步發展為更完整的集團型企業。這次網站設計並不是單純的官網視覺改版,而是因應企業名稱、品牌架構與集團形象的重新整理,協助 TEKTRO 以更完整的企業高度,呈現其在自行車煞車技術、產品研發與全球市場中的專業定位。 在網站規劃上,我們將原本偏產品品牌的網站思維,重新整理為更符合集團企業形象的數位架構。透過品牌敘事、產品技術、國際獎項、企業實力與瀏覽動線的重整,讓網站不只展示自行車煞車產品,也能傳達彥豪智能科技作為集團企業的規模、研發能力與長期市場信任。這次合作也延續了 TEKTRO 對鮭魚設計的信任,讓我們能再次協助品牌完成重要階段的網站重寫與形象升級。 TEKTRO has long focused on bicycle brake systems and component manufacturing, gradually evolving from a product-focused brand into a more complete group-level enterprise. This website design project was not simply a visual redesign of the official website. It responded to the company’s updated name, brand structure, and group-level corporate image, helping TEKTRO present its expertise in bicycle brake technology, product development, and the global market from a broader corporate perspective. In the website planning process, we reorganized the original product-brand website approach into a digital structure more suitable for a group corporate image. Through refined brand storytelling, product technology content, international awards, corporate strengths, and browsing flow, the website presents not only bicycle brake products, but also the scale, R&D capability, and long-term market trust of TEKTRO as a group-level company. This collaboration also reflects TEKTRO’s continued trust in MASOU DESIGN, allowing us to support the brand again through an important stage of website reconstruction and image upgrading.

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.

LOVAMO 柔墨 | 眼目到指尖的美學

Lovamo 柔墨以「沙龍文化」作為品牌核心,定位為融合美睫、藝術感與生活美學的高質感美學品牌。品牌不只提供眼部妝點服務,更希望將每一次細緻修飾,轉化為一段被理解、被呵護,並重新感受自信的身心體驗。 我們為 Lovamo 建立完整品牌視覺系統,從商標、標準字到整體形象,重新詮釋美睫沙龍的識別語言。商標以捲翹眼睫、指甲輪廓與中央人物姿態作為核心意象,象徵「眼目到指尖」的美學延伸,也呼應品牌對細節、姿態與自我照顧的重視。 整體設計打破傳統美睫品牌過於制式、商業化的印象,注入藝術、SPA 與居家般的溫柔氛圍,讓 Lovamo 呈現出專業卻不疏離、細膩而具溫度的品牌性格。透過柔和的視覺語彙與富有感官層次的品牌形象,Lovamo 讓美不只是外在修飾,而是一種從眼神、指尖到內在狀態的自信回歸。 Lovamo is built around the idea of salon culture, positioned as a refined beauty brand that combines eyelash styling, artistic expression, and lifestyle aesthetics. More than offering eye beauty services, the brand aims to turn every delicate detail into an experience of care, comfort, and renewed confidence. The brand identity system reinterprets the visual language of an eyelash salon through a more complete and distinctive design approach. The logo combines the curve of lifted eyelashes, the outline of a fingernail, and a central human figure, symbolizing the extension of beauty from the eyes to the fingertips. It also reflects the brand’s focus on details, posture, and self-care. The overall design moves away from the overly commercial and standardized image often seen in eyelash brands. Instead, it brings in a softer atmosphere inspired by art, spa culture, and the warmth of home. Through gentle visual elements and a layered sensory brand image, Lovamo presents a professional yet approachable personality. Beauty is no longer only an outer touch-up, but a quiet return of confidence from the eyes, fingertips, and inner self.

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

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

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.

TEKTRO|官方網站設計

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

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.

彥豪智能科技 TEKTRO|集團企業形象網站設計

彥豪智能科技 TEKTRO 長期深耕自行車煞車系統與零組件製造,從單一產品品牌逐步發展為更完整的集團型企業。這次網站設計並不是單純的官網視覺改版,而是因應企業名稱、品牌架構與集團形象的重新整理,協助 TEKTRO 以更完整的企業高度,呈現其在自行車煞車技術、產品研發與全球市場中的專業定位。 在網站規劃上,我們將原本偏產品品牌的網站思維,重新整理為更符合集團企業形象的數位架構。透過品牌敘事、產品技術、國際獎項、企業實力與瀏覽動線的重整,讓網站不只展示自行車煞車產品,也能傳達彥豪智能科技作為集團企業的規模、研發能力與長期市場信任。這次合作也延續了 TEKTRO 對鮭魚設計的信任,讓我們能再次協助品牌完成重要階段的網站重寫與形象升級。 TEKTRO has long focused on bicycle brake systems and component manufacturing, gradually evolving from a product-focused brand into a more complete group-level enterprise. This website design project was not simply a visual redesign of the official website. It responded to the company’s updated name, brand structure, and group-level corporate image, helping TEKTRO present its expertise in bicycle brake technology, product development, and the global market from a broader corporate perspective. In the website planning process, we reorganized the original product-brand website approach into a digital structure more suitable for a group corporate image. Through refined brand storytelling, product technology content, international awards, corporate strengths, and browsing flow, the website presents not only bicycle brake products, but also the scale, R&D capability, and long-term market trust of TEKTRO as a group-level company. This collaboration also reflects TEKTRO’s continued trust in MASOU DESIGN, allowing us to support the brand again through an important stage of website reconstruction and image upgrading.

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.

LOVAMO 柔墨 | 眼目到指尖的美學

Lovamo 柔墨以「沙龍文化」作為品牌核心,定位為融合美睫、藝術感與生活美學的高質感美學品牌。品牌不只提供眼部妝點服務,更希望將每一次細緻修飾,轉化為一段被理解、被呵護,並重新感受自信的身心體驗。 我們為 Lovamo 建立完整品牌視覺系統,從商標、標準字到整體形象,重新詮釋美睫沙龍的識別語言。商標以捲翹眼睫、指甲輪廓與中央人物姿態作為核心意象,象徵「眼目到指尖」的美學延伸,也呼應品牌對細節、姿態與自我照顧的重視。 整體設計打破傳統美睫品牌過於制式、商業化的印象,注入藝術、SPA 與居家般的溫柔氛圍,讓 Lovamo 呈現出專業卻不疏離、細膩而具溫度的品牌性格。透過柔和的視覺語彙與富有感官層次的品牌形象,Lovamo 讓美不只是外在修飾,而是一種從眼神、指尖到內在狀態的自信回歸。 Lovamo is built around the idea of salon culture, positioned as a refined beauty brand that combines eyelash styling, artistic expression, and lifestyle aesthetics. More than offering eye beauty services, the brand aims to turn every delicate detail into an experience of care, comfort, and renewed confidence. The brand identity system reinterprets the visual language of an eyelash salon through a more complete and distinctive design approach. The logo combines the curve of lifted eyelashes, the outline of a fingernail, and a central human figure, symbolizing the extension of beauty from the eyes to the fingertips. It also reflects the brand’s focus on details, posture, and self-care. The overall design moves away from the overly commercial and standardized image often seen in eyelash brands. Instead, it brings in a softer atmosphere inspired by art, spa culture, and the warmth of home. Through gentle visual elements and a layered sensory brand image, Lovamo presents a professional yet approachable personality. Beauty is no longer only an outer touch-up, but a quiet return of confidence from the eyes, fingertips, and inner self.

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

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

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.

TEKTRO|官方網站設計

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

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.

彥豪智能科技 TEKTRO|集團企業形象網站設計

彥豪智能科技 TEKTRO 長期深耕自行車煞車系統與零組件製造,從單一產品品牌逐步發展為更完整的集團型企業。這次網站設計並不是單純的官網視覺改版,而是因應企業名稱、品牌架構與集團形象的重新整理,協助 TEKTRO 以更完整的企業高度,呈現其在自行車煞車技術、產品研發與全球市場中的專業定位。 在網站規劃上,我們將原本偏產品品牌的網站思維,重新整理為更符合集團企業形象的數位架構。透過品牌敘事、產品技術、國際獎項、企業實力與瀏覽動線的重整,讓網站不只展示自行車煞車產品,也能傳達彥豪智能科技作為集團企業的規模、研發能力與長期市場信任。這次合作也延續了 TEKTRO 對鮭魚設計的信任,讓我們能再次協助品牌完成重要階段的網站重寫與形象升級。 TEKTRO has long focused on bicycle brake systems and component manufacturing, gradually evolving from a product-focused brand into a more complete group-level enterprise. This website design project was not simply a visual redesign of the official website. It responded to the company’s updated name, brand structure, and group-level corporate image, helping TEKTRO present its expertise in bicycle brake technology, product development, and the global market from a broader corporate perspective. In the website planning process, we reorganized the original product-brand website approach into a digital structure more suitable for a group corporate image. Through refined brand storytelling, product technology content, international awards, corporate strengths, and browsing flow, the website presents not only bicycle brake products, but also the scale, R&D capability, and long-term market trust of TEKTRO as a group-level company. This collaboration also reflects TEKTRO’s continued trust in MASOU DESIGN, allowing us to support the brand again through an important stage of website reconstruction and image upgrading.

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.