# 数位細胞設計 iDNA

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


![数位細胞設計公式サイトのトップページの色見本ビジュアル](https://labangram.kamera-ichi.com/_astro/idna-cover.B3pTKWAE.png)

数位細胞設計は新北市中和区のデザイン会社で、ブランド・ビジュアルデザイン、ウェブ・アプリ開発、デジタルマーケティング、印刷・実物制作を手がけています。このサイトでは、四つのサービスを同じチームが担当していることを一目で伝える必要がありました。

## 解決したい課題

サービスの多いデザイン会社のサイトは、サービスの一覧が長く並ぶだけになりがちで、各サービスの関係が伝わりません。本案では四つのサービスを一組の色見本の四色に対応させ、ブランド、ウェブ、マーケティング、印刷が同じガイドラインを共有することを示すことを目標にしました。これはサイトの設計目標であり、改修前後のユーザー調査による結論ではありません。

## 担当範囲

トップページ、作品集、記事、よくある質問の各ページのデザインとフロントエンド実装、検索ツール向けの構造化データと `llms.txt` テキスト入口を担当しました。技術は Astro、配信は Cloudflare です。ブランドアイデンティティ、商業撮影、印刷制作、作品集の事例内容は数位細胞設計自身の業務であり、本案の納品範囲には含まれません。

## 主な判断とトレードオフ

- **色見本ファンをメインビジュアルに**：ドラッグで開閉できる色見本ファンで四つのサービスを示し、各カードに色名、CMYK、RGB、HEX を記載しました。サービス説明とブランドカラーの規定を一つの部品で見せています。
- **一つの色、三つの媒体**：デモで色を選ぶと、名刺、ウェブページ、SNS 投稿が同時に色を変えます。画面はイメージであること、CMYK は近似値であることを明記しています。
- **記事とよくある質問**：3D プリント、アプリとウェブ版の選び方、ブランドカラーなどの実際の疑問に記事で答え、会社情報をよくある質問にまとめました。

## 公開されている成果物

- [トップページ](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/ja/services/#digital)をご覧いただくか、[サイト制作について問い合わせ](https://labangram.kamera-ichi.com/ja/about/?service=digital#contact)てください。既存サイトの検索や内容の課題を確認したい場合は [SEO／GEO サービス](https://labangram.kamera-ichi.com/ja/services/seo-geo/)をご覧ください。

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