有趣的商標演化史:從Google到星巴克|品牌設計的視覺簡化之旅

商標不只是品牌的圖案,而是企業形象、定位與市場溝通的重要入口。隨著市場需求、科技媒介、時代審美與消費者期待不斷改變,品牌商標也需要適時調整,才能維持辨識度、吸引力與競爭力。專業設計公司在規劃商標時,會從目標受眾、品牌價值、識別度、應用延展性、色彩字型、競品差異與印刷數位呈現等面向全面考量,讓商標不只好看,更能被記住、被使用,並成為品牌長期發展的重要資產。

品牌設計

 

商標的起源可以追溯到古代文明的時期。在古代,人們開始意識到標誌、符號和標記的重要性,以便區分不同的商品和服務。這些標誌和符號通常以特定的形式出現,以在市場上區分自己的商品。

當時的人們使用“印章”的方法來標記他們的財產和商品。這些印章通常由家族或企業所有者的名字或象徵性符號組成,用來識別特定商品的生產者或供應者。

隨著時間的推移,商標的概念在中世紀歐洲得到了發展。在這個時期,職業公會開始登記和保護商品的商標。這些公會通常由同行業的商人組成,他們意識到保護商標可以幫助他們在市場上建立信譽和品牌價值。

商標發展歷史中有許多有趣的故事和里程碑。

 

 

 

 

1.可口可樂

在19世紀,商標變得越來越重要。其中一個有趣的例子是可口可樂公司的商標故事。1886年,一位藥劑師名叫約翰·彭伯頓創製了一種新的汽水配方,並將其命名為"Coca-Cola"。他的朋友法蘭克·羅賓森設計了一個華麗的商標,其中包括了特殊的字體和一個波浪狀的標誌,當時他也認為,兩個大C在廣告上很有幫助。這個商標迅速成為可口可樂品牌的標誌,並且至今仍然使用。這個商標不僅成為可口可樂的核心識別,還代表了美國流行文化和全球飲料業的重要象徵。
 

可口可樂商標演化史,呈現品牌標誌隨時代變化的設計轉變

(圖/取自網路)

一直到現在,可口可樂商標經歷了多次的變化,但形體的發展一直都採用相同字樣,所選擇的顏色與字體都象徵著活力、動力,也依然保持著最純粹的原始配色──紅色、白色,這使他們的Logo帶給人們深刻的印象。

可口可樂商標趣味翻玩變體,展現品牌識別的延伸可能性

(圖/取自網路)

可口可樂『大舌頭』Logo-有點油膩又富含寓意

這款Logo是可口可樂2019年,在西班牙推出的新廣告,在廣告中女主角打開一瓶可樂暢飲,而他的舌頭就開始帶他去尋找快樂的回憶片刻。

這一項企劃是特別針對青少年的活動,讓可口可樂陪伴青少年們尋找自己的目標群體,享受在生活中美好的回憶。

而這樣的企劃活動常見於品牌努力與特定目標群體建立情感聯繫和共鳴。透過廣告中加入大舌頭的元素,可口可樂想要創造一種年輕、有趣和具有吸引力的形象,以吸引青少年消費者,活動設計旨在與目標群體共享快樂和美好回憶,以促使他們將可口可樂與這些正面體驗聯繫起來。這種情感聯繫有助於建立品牌忠誠度和消費者與品牌之間的情感聯繫。

可口可樂透過這個做法希望建立起一種長期的關係,讓他們在成長和轉變的過程中繼續與品牌保持關聯。品牌的活動和宣傳往往旨在與目標消費者建立共鳴,讓他們感受到品牌的價值觀和使命,並在日常生活中找到自己與品牌的共同點,以此來激發消費者對品牌的興趣並促使他們購買產品。

 

 

2.星巴克

星巴克商標演變史,呈現品牌標誌從複雜圖像到簡化識別的過程

(圖/取自網路)

星巴克咖啡公司於西雅圖成立,1971年,當時第一款商標是一個裸體的雙尾魚,並且帶有字樣 "Starbucks Coffee, Tea, Spices"(星巴克咖啡、茶、香料)。

1987年,公司決定進行品牌升級,商標進行了重大改變。星巴克的創始人之一霍華德·舒爾茨(Howard Schultz)聘請了設計師特瑞·葛拉夫(Terry Heckler)來重新設計商標。新的商標由一個綠色的圓形圖案組成,中間有一個綠色的女性人像,她被稱為 "Siren"(海妖),圖案周圍有著"Starbucks Coffee"的字樣。

1992年,為了符合商標的設計變化,公司正式更改了其名稱,從 "Starbucks Coffee, Tea, Spices" 改為現在的 "Starbucks Corporation"。

2011年,隨著公司的全球擴張和多元化業務,星巴克決定進一步修改商標。新的商標保留了綠色圓形圖案和"Starbucks Coffee"的字樣,但將"Siren"人像改為更加簡化和現代化的設計。

值得一提的是,星巴克的商標設計靈感來自於海洋的元素。霍華德·舒爾茨曾經在西雅圖的港口工作,而"Siren"人像是傳說中的海洋生物,象徵著吸引力和誘惑力。

星巴克的商標故事彰顯了品牌的演進和成長,從最初的簡單商標到現在的國際知名品牌。商標設計的變化也反映了公司對於創新和時代潮流的回應,並與其品牌價值觀和使命相一致。

星巴克商標趣味翻玩變體,展現品牌符號在不同視覺風格中的應用

(圖/取自網路)

星巴克女神的背面-有趣的翻玩創意

星巴克的Logo雖然也經歷了幾次的變化,但女海妖及身旁兩側的尾鰭一直都存在著,而這張圖原來是一位國外設計師在2012年為FHM設計的「100位不存在的性感女性」圖像,搞笑的背面讓大家會心一笑。

而為什麼這隻美人魚會有兩個尾巴,事實上是"Siren"美人魚原型,是希臘神話半人半魚的女妖,而紐約大都會藝術博物館裡有一座女海妖雕像也確實是長這樣。

 

 

3.Google

1997年Google成立時的首個商標是一個簡單的文字標誌,以鮮豔色彩的字母拼寫"Google",看起來較活潑、童趣的兒童風格字體。

之後商標經歷了幾次的微調,字母之間的間距更加均勻,字母本身也變得更平滑和一致且,且簡潔易於閱讀。

到了2013年時,商標進行了一次大改變,將原本有立體感的表現方法,改成採用了扁平化設計風格,字母被簡化成單色形狀,去除了陰影和立體效果,商標顏色仍然保持多彩。

而從2015年以後,商標的線條簡化,改成了無襯線字體,顏色更鮮明但也變得柔和了,在閱讀上比較不容易視覺疲勞。

商標的演變顯示了Google作為一個科技公司的成長和品牌形象的變化。從最初的兒童風格到現在的簡約和現代化風格,Google的商標演變反映了品牌在技術、設計和市場趨勢方面的變革。商標的微調和修改是為了確保品牌在不同時期和不同媒體中都能保持鮮明和易於辨識,同時也反映了Google作為一個全球知名品牌的成熟和創新。

Google 商標演化史,呈現品牌字標從早期設計到現代簡潔風格的轉變

(圖/取自網路)

Google 商標 1pt 動態設計,展現品牌識別在數位介面中的細節變化

(圖/取自網路)

1pt的改變,肉眼難以辨識的微調-對於細節的要求

在2014年時,其實google有微調了很細微的變化,如果不說一般人
幾乎不會發覺,但為甚麼他們要這麼做?

這件事情反映了Google對於細節的追求和對品質的關注。儘管從整體外觀上看,新的商標與舊的商標沒有明顯區別,但Google卻在細節上進行微調,以提升商標的對齊性和視覺平衡。

這樣的微調可能對大多數人來說並不明顯,但對於設計師和品牌的追求者來說,這些微小的變化可以使商標更加完美。Google以這樣的細緻程度去改善商標,展示了他們對於視覺細節的關注,以及對品牌形象的重視。

這也表明了Google作為一個全球知名品牌,在為自己的品牌形象和視覺識別著想的同時,也對於提供優質的用戶體驗和設計細節有著高度的關注。

 

 

 

 

商標的改變通常是受到多個因素的影響,包括市場需求、科技進步、時代變化、設計趨勢、設計師的要求以及消費者的想法。

1.市場需求:商標是品牌識別和市場競爭的一部分。隨著市場需求的變化,品牌可能需要調整商標以迎合目標消費者的喜好和期望。商標的改變可以使品牌更具吸引力,與目標市場保持連結。

2.科技進步:科技的進步為商標設計提供了更多的可能性。設計師可以利用新的工具和技術來創造出更具創意和引人注目的商標。例如,使用3D技術、動態效果和互動元素等,以適應數字時代和新的媒體平台。

3.時代變化:商標通常會反映時代的變化和潮流。隨著時間的推移,人們對設計風格和美學趨勢的偏好也會改變。商標的改變可以使品牌保持與時俱進,符合當代觀念和價值觀。

4.設計師的要求:設計師在商標設計中扮演著關鍵角色。他們根據品牌的需求和目標,以及市場趨勢和美學標準,創造出具有吸引力和識別度的商標。他們的專業知識和創意能力影響著商標的演變。

5.人們的想法:商標最終是要被消費者接受和理解的。人們的想法、感受和反饋對商標的改變起著重要作用。品牌會根據消費者的反饋調整商標,以確保它能夠引起共鳴,建立品牌忠誠度和消費者情感聯繫。

 

當設計公司在設計商標時,通常會考慮許許多多的細節

1.目標市場和受眾:了解目標市場和受眾的特徵、需求和偏好,以確定商標設計的定位和風格。

2.品牌價值觀和個性:商標需要反映品牌的核心價值觀和個性,並與品牌形象一致。設計師會考慮品牌的定位、品牌故事和品牌的目標,以確定商標的設計風格和元素。

3.簡潔性和易辨識性:商標需要具有簡潔明瞭的設計,以便在各種大小和媒體上清晰顯示。易辨識性是商標的重要特點,設計師會考慮使用獨特的形狀、顏色和字型等元素來實現這一目標。

4.可變性和可應用性:商標需要在不同的媒體和尺寸上具有適應性。設計師會考慮商標的可變性,以確保在不同的場景和應用中都能保持清晰和有力的效果。

5.色彩和字型選擇:色彩和字型是商標設計中的重要元素。設計師會選擇適合品牌形象和目標市場的色彩和字型,以創造出獨特且具有吸引力的商標。

6.識別度和記憶性:商標需要具有高度的識別度和記憶性,使消費者能夠輕易辨識和記住品牌。設計師會考慮使用獨特的形狀、圖像或圖標來實現這一目標。

7.競爭對手分析:設計師會對競爭對手的商標進行分析,以確保設計的獨特性和與競爭對手的差異化。

8.可印刷性和可應用性:商標需要在印刷媒體上能夠清晰呈現,包括紙張、名片、海報、廣告等。設計師需要考慮商標的尺寸、比例和細節,以確保它在不同大小和解析度的印刷品上都能保持清晰和可讀性。
商標需要在不同媒體和應用中都能保持高品質的呈現,包括數字媒體、網站、應用程序、社交媒體等。設計師需要確保商標在不同的屏幕尺寸、解析度和瀏覽器上都能呈現出最佳效果,並保持清晰、鮮明和易於辨識。

 

 

 

 

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.