CHART DESIGN
VISUAL STRATEGY AGENCY

# 市場を動かす、
視覚的な戦略を。

データとビジュアルの融合によって、ブランドの価値を最大化する戦略的デザインアプローチ。ここでは、ヒーローセクションのサブコピーが入るエリアです。訴求したいメッセージを端的に伝えます。

ダウンロード資料を受け取る
150%
売上成長率
85%
リピート率
500+
導入企業数

What We Do

## サービスの紹介

### 戦略的マーケティング

このカードでは、サービスのアイコン・タイトル・説明文で構成された3カラムレイアウトを採用しています。データに基づいた施策立案と実行支援を提供します。

### 高品質なコンテンツ制作

ブランドの世界観を忠実に表現する高品質なビジュアルコンテンツの制作サービスです。各カードはホバー時にシャドウと上昇アニメーションで応答します。

### 高度なデータ分析

複雑なデータをわかりやすいビジュアルに変換し、意思決定をサポートする高度な分析サービスです。カード上部にはアクセントラインが表示されます。

Achievements

## 実績

150% UP
売上成長率 — 導入後の平均値
85%
リピート率 — 顧客継続利用率
500+
導入企業数 — 累計クライアント

How It Works

## 導入までのプロセス

01

### ヒアリング

ステップ01では、お客様の課題・目標・現状を丁寧にヒアリングします。プロセスカードは番号バッジとアイコンで各ステップを直感的に識別できます。

02

### 企画・提案

ステップ02では、ヒアリング内容をもとに最適な戦略プランを立案し、ご提案します。3枚のカードは横並びで、コネクティングラインで繋がっています。

03

### 運用・改善

ステップ03では、施策を継続的に運用・改善しながら成果を最大化します。ホバー時にボーダーカラーが変化するインタラクションを実装しています。

FAQ

## よくある質問

サービスの導入にはどのくらいの期間がかかりますか？
このFAQセクションでは、よくある質問をアコーディオン形式で表示しています。各質問行をクリックすると、回答エリアがスムーズなアニメーションで展開・収納されます。右端の青い円形ボタン内のプラスアイコンが回転して開閉状態を示します。
料金プランについて教えてください
2つ目の質問項目です。各アコーディオンアイテムは、白背景・角丸・ボーダーで統一されたカードスタイルになっています。複数の質問を開閉する際も、それぞれ独立して動作するよう設計されています。
契約後のサポート体制はどうなっていますか？
3つ目の質問項目です。FAQリストはmax-width:780pxに制限され、ページ中央に配置されています。背景はグレーで、このセクション全体のコントラストをサービスセクションと差別化しています。
利用開始に際して制限はありますか？
4つ目の質問項目です。質問行のホバー時には薄いブルーの背景色が表示され、クリッカブルであることを視覚的に伝えます。レスポンシブデザインにより、スマートフォン表示でも快適に操作できます。