ヒーローセクション:
大見出しとキャッチコピーが
左側に配置されるレイアウト。

このセクションはフルスクリーンの背景画像とグラデーションオーバーレイで構成され、ブランドの世界観を力強く演出します。サブコピーは左揃えで視線を誘導します。

背景には高解像度のテクノロジー系ビジュアルを使用し、右側に光の粒子エフェクトを重ねることで奥行きと躍動感を表現しています。

Our Services

サービスカード 1

各サービスカードはダークネイビーの背景にボーダーを持ち、アイコン・見出し・説明文の3層構造で情報を整理します。ホバー時に上方向へ浮き上がるアニメーションが施されています。

サービスカード 2

3カラムグリッドで等間隔に並ぶカードレイアウト。レスポンシブ対応により、モバイルでは1カラムに自動調整されます。アイコンはFont Awesomeを使用し、ブランドカラーのアクセントブルーで統一。

サービスカード 3

カード内の配置はアイコン→見出し→本文の順で縦に積まれ、余白を十分に確保することで可読性と高級感を両立しています。ボーダーカラーはブルーグローの半透明。

Our Performance

500+
実績件数を示すスタット項目。大きな数字でインパクトを演出。
98%
顧客満足度などの割合指標。中央に配置しバランスよく配列。
120%
成長率など前年比指標。3点セットで信頼性と実績を可視化。

Our History

2008
水平タイムラインの最初のノード。設立など創業期の出来事を配置。
2012
中間ノード。サービス拡大・海外展開など成長期の節目を表示。
2021
直近の主要マイルストーン。各年号の下に簡潔な説明文が入る。

弊社の強み

強みカード 1:ヒアリング力と顧客対話に関する訴求ポイント
強みカード 2:提案力と独自のソリューション設計プロセス
強みカード 3:スピーディーな実行力と納期遵守の姿勢

よくある質問

各FAQ項目はダークネイビーの背景カードとして並んでいます。質問行をクリックすると回答エリアがスムーズにスライドダウンし、シェブロンアイコンが180度回転してフィードバックを提供します。
質問番号はブランドカラーのブルーで目立たせ、質問テキストとのコントラストを強調しています。カード間には適切なギャップを設けて視認性を確保しています。
セクション全体はダークネイビー背景で統一されており、FAQカードのダークミッドネイビーとの微妙なコントラストが奥行きを生み出しています。回答テキストは薄いホワイトで柔らかく表示。