# 數位細胞設計 iDNA

> Web App · 2026-10-31
> Live: https://www.idna.com.tw/


![數位細胞設計官網首頁的品牌色票主視覺](https://labangram.kamera-ichi.com/_astro/idna-cover.B3pTKWAE.png)

數位細胞設計是新北市中和區的設計公司，服務涵蓋品牌與視覺設計、網站與 App 開發、數位行銷，以及印刷與實體製作。這個網站專案要讓訪客一眼看懂「四項服務由同一個團隊完成」。

## 要解決的問題

服務項目多的設計公司，網站容易變成一長串服務清單，訪客看不出各項服務之間的關係。本案的設計目標，是用一套色票把四項服務對應成四個顏色，說明品牌、網站、行銷與印刷共用同一套規範；這是網站的任務設定，並非來自改版前後的使用者研究結論。

## 我的實作範圍

我負責網站的設計與前端實作，包含首頁、作品集、知識文章與常見問答等頁面，以及頁面中供搜尋工具讀取的結構化資料與 `llms.txt` 文字入口。技術採 Astro，部署於 Cloudflare。品牌識別、商業攝影、印刷製作與作品集中的案例內容屬於數位細胞設計本身的業務，不在本案的交付範圍。

## 關鍵決策與取捨

- **色票扇作為主視覺**：首頁以可拖曳開合的色票扇呈現四項服務，每一片標示色名、CMYK、RGB 與 HEX，讓服務說明與品牌色規範在同一個元件中出現。
- **一個顏色，三種媒介**：示意區塊中點選顏色，名片、網頁與社群貼文會同步換色，具體說明「改一處，其他地方跟著改」。畫面標明為示意，CMYK 註明為近似值。
- **知識文章與常見問答**：以文章回答 3D 列印、App 與網頁版選擇、品牌標準色等實際問題，並把公司資訊整理成常見問答，讓訪客與搜尋工具都能直接取得答案。

## 可以查看的交付

- [首頁](https://www.idna.com.tw/)：色票扇主視覺與四項服務說明。
- [作品集](https://www.idna.com.tw/works/)：品牌、包裝與印刷案例。
- [知識文章](https://www.idna.com.tw/articles/)：依服務分類的文章列表。
- [文字資料入口](https://www.idna.com.tw/llms.txt)：查看提供給機器讀取的網站內容。

## 結果與證據範圍

2026-10-31 核對了官網與上述公開交付。可確認的是頁面、互動元件、結構化資料與文字入口已上線；本案例沒有附上搜尋流量、AI 引用或詢問轉換數據，因此不以這些指標宣稱成效。公開內容後續可能持續更新。

## 類似需求怎麼開始

如果你也需要把多項服務整理成一個清楚的品牌官網，可以先看[網站與 AI 服務](https://labangram.kamera-ichi.com/services/#digital)，或[詢問網站製作](https://labangram.kamera-ichi.com/about/?service=digital#contact)。已有網站、想先找出搜尋與內容問題，則可看 [SEO／GEO 服務](https://labangram.kamera-ichi.com/services/seo-geo/)。

Tags: astro, cloudflare, seo, geo, aeo, branding
Canonical: https://labangram.kamera-ichi.com/projects/idna/
Author: Cheng Jung Chen (Laban) — https://labangram.kamera-ichi.com/about