Brand Design Process

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

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 讓美不只是外在修飾,而是一種從眼神、指尖到內在狀態的自信回歸。

Petour|寵物社交與生活探索 App

當寵物不只是陪伴,也成為人與人之間互動的起點。 Petour 以寵物交友、寵伴探索與寵物友善生活為核心,將社群互動與生活資訊整合在同一個 App 體驗中,讓使用者能更輕鬆地認識新的寵物朋友,也能發現更多適合與毛孩一起前往的場所。 整體介面以明亮、可愛且輕鬆的視覺語言為主,透過柔和色彩、寵物元素與清楚的操作流程,降低使用門檻,讓探索、配對、分享與互動都能在愉快的節奏中完成。從功能架構到畫面細節,Petour 不只是寵物交友工具,也是一個連結寵物愛好者生活圈的數位平台。 Pets are not only companions. They can also become a natural way for people to connect, share, and explore life together. Petour is a pet social app designed around pet matching, companion discovery, and pet-friendly places. It brings social interaction and lifestyle information into one simple app experience, helping users meet new pet friends and discover more places to enjoy with their pets. The interface uses a bright, cute, and friendly visual style. Soft colors, pet-inspired elements, and a clear user flow make the app easy and enjoyable to use. From discovery to interaction, Petour is more than a pet social tool. It is a digital platform that connects pet lovers and their everyday lifestyle.

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.

美的超能力

美的超能力