ディギーク｜
コーポレートサイト刷新

案件概要

クライアント	ディギーク(DX・生成AI活用支援)
種別	コーポレートサイト刷新
担当範囲	訴求設計・情報設計・ストーリー設計・UI設計方針・デザインディレクション
公開サイト	digeek.co.jp

プロジェクトの前提

この案件では、DXや生成AIというテーマを扱いながらも、読み手に専門知識がある前提では設計しませんでした。主な対象は、AI活用に関心はあるものの、具体的に何から始めればよいか分からない経営層や現場担当者です。

そのため、AIツールの機能説明ではなく、業務や経営の悩みに対してどのような解決につながるのかを、分かりやすく伝えることを重視しました。

課題の再定義

当初の議論は、「AIツール」や「技術手段」の話に寄りやすい状態でした。しかし、そのまま伝えると、意思決定者にとっては自社の課題と結びつきにくくなります。そこで、技術の話をいったん経営・事業活動のレベルまで引き上げ、次のような課題に置き換えて整理しました。

• 人材不足
• 業務の属人化
• 教育コストの増大
• 繰り返し業務にかかる工数
• 判断や共有に時間がかかる業務構造

AIを「便利なツール」として見せるのではなく、こうした経営課題を解決するための手段として再定義しました。

AI活用の構造設計

生成AIを「すごい技術」や「流行りのツール」として扱うのではなく、事業プロセスを支える役割として整理しました。たとえば、

• 商品開発AI
• 営業AI
• 広告運用AI
• クリエイティブAI
• カスタマーサポートAI

のように、経営者が自社の業務に置き換えて判断しやすい単位に分解しています。AI活用を抽象的な話で終わらせず、「自社のどの業務に効くのか」を考えられる構造にすることを目指しました。

情報設計・
ストーリー設計

サイト全体では、次の問いに順番に答える構成を設計しました。

1. この会社は何ができるのか
2. なぜ今、それが必要なのか
3. AIを使うと、業務や事業がどう変わるのか
4. どのような実績や再現性があるのか
5. 人間は何に注力できるようになるのか

最初から機能やサービス一覧を並べるのではなく、読み手の危機感・理解・納得・相談へとつながる流れを意識しています。

DXやAIの話を難しく見せるのではなく、経営判断の材料として理解できるストーリー設計を重視しました。

デザイン・
ディレクション

デザイン面では、先進性を強く出しすぎるのではなく、安心感と信頼感を優先しました。アクセントカラーは必要な箇所に絞り、白背景のカード表現や余白を使いながら、情報の読みやすさを担保しています。

また、PC・スマートフォンのどちらでも情報の順番が崩れないよう、セクション構成とコンポーネント設計を整理しました。実績やメディア記事をあとから追加しても運用しやすいよう、拡張性のあるレイアウトを意識しています。

オウンドメディア構想

生成AIへの理解を深めるため、オウンドメディア導線も設計しました。一度のサイト訪問で問い合わせにつなげるだけでなく、記事や実績を通じて継続的に信頼を積み上げられる構造を目指しています。

TOPページ・下層ページ・メディア記事が分断されないよう、サービス理解から記事閲覧、相談導線までが自然につながる設計にしています。

担当範囲

• 課題の再定義
• 訴求軸の整理
• AI活用領域の構造化
• 情報設計
• サイト全体のストーリー設計
• UI設計方針の整理
• デザインディレクション
• オウンドメディア導線設計
• コンポーネント設計方針の整理

設計で意識したこと

この案件で意識したのは、AIの専門性をそのまま見せることではなく、経営者や現場担当者が「自社にも関係がある」と理解できる形に翻訳することです。

AI活用は、技術の話だけでは意思決定につながりません。人材不足、属人化、教育コスト、業務工数といった具体的な経営課題に結びつけることで、はじめて「相談してみよう」と思える状態になります。

TOMLABでは、こうした抽象度の高いサービスでも、誰に・何を・どの順番で伝えるかを整理しながら、サイト全体の構成や導線を設計しています。