About Service Flow FAQ Contact

ヒーローセクション。
大きな見出しとCTAボタンを配置。

ファーストビューにキャッチコピーと概要文を表示し、ユーザーの関心を引くエリアです

workspace office team
Less but Better

コンセプトセクション。ブランドの考え方や哲学を伝えるための見出しと説明文を配置するエリアです

concept

サービス 1

アイコンと見出しで構成されたサービスカード。提供内容を簡潔に伝えるレイアウトです

service1

サービス 2

中央にアイコンを配置し、その下にタイトルと補足文を並べたカード型コンポーネントです

service2

サービス 3

3カラムのグリッドレイアウトで、各サービスを均等に並べて一覧性を高めています

service3
98%
数値実績セクション。大きな数字で信頼感を演出
500+
アイコンと数値を横並びに配置した実績表示
01

ステップ表示セクション。番号とアイコンで工程を順に説明

02

番号を大きく配置し、視線を誘導するレイアウトです

03

各ステップは横線で区切り、シンプルに一覧できます

process1 process2 process3
回答エリアです。質問に対する詳細な回答テキストがここに表示されます。開閉アニメーション付きで、ユーザーが必要な情報だけを確認できるUIパターンです。
プラスアイコンが回転してバツ印に変わるインタラクションを実装しています。視覚的なフィードバックでユーザーに状態変化を伝えます。
よくある質問を折りたたみ形式で掲載することで、ページの長さを抑えつつ、必要な情報へのアクセス性を確保しています。

お問い合わせフォーム

contact