FAQ

開始一個設計專案之前,清楚的理解往往比急著執行更重要。 我們整理品牌設計、網站設計、UI/UX、客製化網站與專案合作中常見的問題,協助你在洽詢前先了解合作流程、專案準備、報價方式與設計執行邏輯,讓每一次討論都能更有效率,也更接近真正需要解決的品牌課題。

品牌設計、網站設計與電商網站常見問題

可以。很多客戶一開始並不確定自己需要的是品牌設計、網站設計、UI/UX、包裝設計,還是整體品牌與網站重新整理。你可以先提供目前遇到的問題、想改善的方向或參考案例,我們會協助判斷比較適合的合作方式。

建議可以先準備品牌介紹、產品或服務內容、目前網站或社群連結、參考案例、競爭品牌、預算範圍與預計時程。如果資料還不完整也沒關係,我們可以在前期討論中一起釐清需求與專案方向。

可以。我們經常協助客戶把初步想法整理成更清楚的品牌方向、網站架構或設計需求。前期討論的目的,就是先釐清問題、目標客群、品牌定位與專案範圍,再決定後續怎麼執行。

如果品牌定位、Logo、視覺風格或產品溝通方式還不清楚,通常會建議先從品牌設計或品牌整理開始。若品牌基礎已經完整,但網站架構、內容、視覺或使用者體驗需要改善,就可以優先進行網站設計或網站改版。我們會依照你的現況協助判斷先後順序。

鮭魚設計適合希望建立品牌辨識度、改善網站體驗、整理產品資訊或提升品牌信任感的企業與品牌。我們常合作的對象包含傳統產業、B2B 企業、產品型品牌、醫美保養品、食品、生活用品、新創團隊與正在轉型的公司。

可以。鮭魚設計位於台中,但我們可以透過線上會議、通訊軟體與專案管理方式,與台灣各地及海外客戶合作。只要前期需求、溝通方式與時程安排清楚,即使不在同一個城市,也能順利進行專案。

一般初步洽詢不會收費,我們會先了解你的需求、品牌現況與專案方向,再判斷是否適合進一步提案或報價。若需要較深入的品牌顧問、網站健檢、SEO 分析或完整策略規劃,則可能會依內容另行報價。

可以。你可以先提供大概的預算範圍或希望優先解決的問題,我們會協助判斷哪些項目適合先做、哪些可以放到下一階段。設計專案不一定要一次完成所有事情,重點是先找出最能幫助品牌前進的優先順序。

品牌設計專案通常會依照品牌階段與需求規劃,可能包含品牌定位、命名建議、Logo 設計、標準字、色彩系統、輔助圖形、品牌識別規範、名片、包裝、社群視覺、品牌應用物與網站視覺延伸。實際項目會依照品牌需求、預算與後續應用範圍調整。

Logo 設計主要是建立品牌的核心標誌;品牌識別設計則是更完整的視覺系統,包含標誌、標準字、色彩、字體、輔助圖形、版面風格與應用規範。簡單來說,Logo 是品牌的臉,品牌識別則是讓品牌在不同媒介上都能被一致辨識的系統。

可以開始討論,但我們通常不建議在品牌定位還不清楚的情況下直接進入 Logo 設計。Logo 不只是圖形,而是品牌個性、目標客群、產業定位與溝通方向的濃縮。如果前期方向不清楚,後續容易出現「好看但不適合」或「延伸應用不一致」的問題。

可以。品牌重整不一定代表全部推翻重做,也可以是在保留原有品牌記憶的基礎上,重新整理 Logo、色彩、字體、版面風格、應用系統與品牌溝通方式。我們會先了解品牌現況、原有識別問題與未來發展方向,再判斷適合微調、優化,或進行較完整的品牌重塑。

可以,而且這也是品牌識別設計的重要價值。好的品牌識別不只是一個 Logo,而是能延伸到名片、包裝、DM、簡報、社群貼文、網站視覺、電商頁面與實體空間等不同接觸點,讓品牌在不同媒介上保持一致的視覺印象。

不一定。是否需要品牌手冊,取決於品牌規模、應用範圍與後續管理需求。如果品牌未來會有多個通路、門市、包裝、社群、網站或內部團隊共同使用視覺系統,品牌手冊會很有幫助;如果只是初期品牌,則可以先做基礎識別規範,未來再逐步擴充。

可以。品牌設計完成後,未來可以依照品牌識別系統延伸更多應用,例如包裝設計、網站設計、展場設計、社群模板、廣告視覺、型錄、制服、招牌或實體空間視覺。只要前期品牌系統建立得清楚,後續延伸就會更一致,也更有效率。

網站設計專案通常包含網站架構規劃、頁面內容整理、UI 視覺設計、RWD 響應式設計、前端切版、後台功能建置、基礎 SEO 設定與上線前測試。實際項目會依照網站類型、頁面數量、功能需求與是否需要客製化開發而調整。

套版網站通常使用既有版型快速建立,適合預算有限、需求單純或時程較短的專案。客製化網站則會依照品牌定位、內容架構、使用者體驗、視覺風格與功能需求重新規劃,彈性較高,也更能符合品牌長期經營與 SEO 架構需求。

會。網站架構不是只決定有哪些頁面,而是要整理品牌資訊、服務內容、產品分類、使用者需求與轉換目標。我們會協助規劃網站導覽、頁面層級、內容順序與使用者動線,讓網站更容易被理解,也更符合品牌溝通目的。

通常會需要客戶提供基本資料,例如品牌介紹、服務內容、產品資訊、照片素材與必要的公司資訊。不過我們可以協助整理內容架構、頁面重點與文案方向,讓資料更適合網站閱讀與使用者理解。若需要完整文案撰寫,也可以依專案需求另行規劃。

會。現在網站需要同時考慮桌機、平板與手機瀏覽體驗,因此我們在網站設計中會規劃 RWD 響應式版面。不同裝置上的排版、按鈕、圖片比例、文字層級與操作動線都會一起考量,讓使用者在手機上也能順利閱讀與操作。

可以,若網站有規劃後台管理功能,通常可以讓你自行更新文章、最新消息、作品、產品資料、FAQ 或部分頁面內容。可自行更新的範圍會依照後台架構與功能設定而不同,會在專案規劃階段先確認。

UI 設計比較偏向介面視覺與操作元件,例如版面、按鈕、字級、色彩、圖片與介面一致性。UX 設計則更重視使用者在網站中的整體體驗,例如資訊是否好找、流程是否順暢、內容是否容易理解、是否能引導使用者完成目標。好的網站通常需要同時考慮 UI 和 UX。

會。我們在網站規劃時會考慮基本 SEO 架構,例如頁面層級、標題邏輯、URL 結構、Meta Title、Meta Description、圖片 alt、內部連結與結構化資料。若需要更完整的 SEO 內容策略、關鍵字佈局或長期優化,則可以另外規劃 SEO 專案

會。網站完成後,我們會協助進行上線前檢查與基本測試,例如頁面顯示、連結、表單、手機版瀏覽、後台功能與必要的追蹤碼設定。若網站需要部署到指定主機、雲端環境或客戶自有伺服器,也會依照專案需求另外評估與安排。

品牌型電商網站設計不是只把商品放上去賣,而是從品牌定位、產品資訊、視覺美感、商品頁說服力、導購動線與購買體驗一起規劃。它比較適合需要建立品牌信任感、產品價值感與長期回購關係的產品型品牌。

一般購物網站比較重視商品上架、購物車、金流與物流等基本交易功能;品牌型電商網站除了交易功能,也會重視品牌形象、產品分類、商品頁內容、成分與功效說明、使用情境、信任元素、會員回購與整體購買體驗。它的目標不是只有完成下單,而是讓使用者更理解品牌與產品價值。

品牌型電商網站適合需要透過網站建立信任感、產品價值與回購關係的品牌,例如保養品、醫美保健、保健食品、食品、生活用品、母嬰用品、寵物用品、設計選物、居家用品與其他產品型品牌。只要產品需要被理解、被比較、被信任,就適合用品牌型電商網站來規劃。

適合。這類產品通常需要清楚說明成分、功效、使用方式、產品差異、適合對象與品牌信任感。如果只是單純上架商品,使用者可能很難快速理解產品價值。品牌型電商網站可以協助整理商品資訊、產品頁架構與購買流程,讓消費者更容易做出購買決策。

可以依照需求規劃。品牌型電商網站可以包含商品管理、購物車、金流串接、物流設定、會員系統、優惠券、訂單管理、LINE 導流、電子報或其他行銷功能。實際功能會依照品牌營運模式、預算、後台需求與技術條件評估。

會。我們可以協助整理商品頁需要呈現的資訊,例如產品特色、成分說明、規格、使用方式、適合對象、常見問題、情境圖片、信任標章與購買理由。好的商品頁不是把資料全部放上去,而是要用清楚的內容順序與視覺層級,幫助使用者快速理解產品價值。

可以,但會先看你的品牌目前使用電商平台的目的。 如果你是剛開始經營,想要快速上線、測試市場或降低初期開發成本,使用 Shopify、91APP 或其他電商平台是很合理的選擇。我們可以在平台限制內,協助規劃品牌視覺、首頁架構、商品頁內容、分類邏輯、活動頁、Banner 視覺與 UI/UX 調整。 但如果你已經經營一段時間,開始遇到平台抽成、版型限制、資料掌握、品牌體驗不足或功能彈性不夠的問題,也可以進一步評估是否逐步轉向自己的品牌官網或客製化電商網站。這時合作重點就不只是平台設計調整,而是重新思考品牌網站架構、商品資料、會員經營、SEO 內容與長期營運成本。 實際合作方式會依照你的品牌階段、平台限制、預算與未來營運目標一起評估。

不一定。是否需要客製化開發,要看品牌需求、功能複雜度、預算、後台管理方式與未來擴充計畫。有些品牌可以先使用既有電商平台或半客製方式規劃;如果需要特殊流程、會員機制、產品資料結構或更完整的品牌體驗,才會建議客製化開發。

可以,但要看品牌階段與經營目標。如果商品數量不多,可以先規劃成品牌網站加上少量商品銷售功能,重點放在品牌介紹、產品價值、內容說服與購買動線。等商品線更完整後,再逐步擴充分類、會員、活動頁與行銷功能。

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.