本文へスキップ

制作事例

SAKIDORI AGENT

SAKIDORI AGENT 公式サイト

複数のチャットをつなぐサービスの仕組みを、画面と利用シーンで伝える紹介サイト。日本語・英語の案内と、記事・導入事例・セミナーをEmDashで更新できる構成を整えました。

SAKIDORI AGENTの公式Webサイトのトップページ

背景・目指したこと

多機能なサービスの概要を、導入を検討する方が順を追って理解できることを目指しました。会話の集約・検索・分析・レポートなどの使いどころを整理し、機能や活用事例、相談先へ進める構成にしています。

制作・支援内容

サービス紹介サイトをAstroで再構築しました。製品画面の画像や利用の流れを使い、機能の説明と業務での使い方をつなげています。製品のログイン画面やドキュメントへのリンクも整理しました。

黒を基調とした背景に、光の表現と製品画面を組み合わせ、サービスの世界観を伝えています。見出しやボタンの役割をそろえ、必要な情報へ進めるように整えました。

EmDashで整えたこと

ブログ、導入事例、セミナーを、それぞれ専用のコレクションで管理します。本文・画像・概要などを管理画面から編集し、下書きで確認してから公開できる構成にしました。

セミナーでは日時・会場・登壇者・申込先などを登録できるよう、記事とは別の項目を用意しています。

日本語・英語での案内

日本語と英語の案内ページを用意し、ヘッダーから言語を切り替えられるようにしました。スマートフォン向けのメニューや、記事・導入事例・セミナーの一覧と詳細ページも整えています。

公開後の更新

記事や導入事例、セミナーの追加・更新はEmDashから行えます。サービス紹介のページと情報発信のページを一つのサイトにまとめ、内容を確認してから公開できる運用環境を整えました。

WebサイトはCloudflare Workersで配信し、CMSのデータはD1、アップロードする画像はR2に保存しています。