No.01 / 20
会計事務所サイト(デモサイト)
鈴木会計事務所
中小企業・個人事業主に向けた、会計事務所のデモサイトをWordPress(SWELL)で制作しました。「会計のことは分からなくて当たり前」という前提に立ち、お悩み・サービス・料金・ご依頼の流れを順に整理して、はじめての方でも相談しやすい構成にしています。
別のタブで開きます
- 業種
- 会計事務所・士業
- 担当範囲
- 構成 / デザイン / WordPress構築
- 使用ツール
- WordPress / SWELL
- ページ構成
- TOP / 事務所案内 / サービス / 料金 / ご依頼の流れ / よくあるご質問 / お問い合わせ

このサイトについて
税務や経理に不安を感じている中小企業・個人事業主に向けた、会計事務所のコーポレートサイトを制作しました。
ブルーを基調に、行動を促すボタンにはオレンジを使い、誠実さと相談しやすさの両方が伝わるデザインにしています。ファーストビューでは「数字で、未来を支える信頼のパートナー。」というコピーで事務所の姿勢を伝え、お悩み、事務所紹介、選ばれる理由、サービス、料金、ご依頼の流れ、よくあるご質問へと順に読み進められる構成にしました。
デザインのポイント
-
誠実さと相談しやすさを両立した配色
ブルーを基調にして士業らしい信頼感を出しつつ、相談ボタンにはオレンジを使い、次の行動が一目で分かるようにしました。
-
専門用語に頼らない情報の見せ方
「こんなときに、ご相談ください」とお悩みから入り、サービスや料金もかみくだいた言葉で整理して、会計に詳しくない方でも読み進めやすくしました。
-
SWELLの標準機能を活かした更新しやすい作り
ブロックエディタ(WordPressの編集画面)で文章や料金を書き換えられるよう、テーマの標準ブロックを中心に組み、公開後も運用しやすい形にしました。
ページの流れ
トップから順に、どんな順番で情報を見せているかをまとめました。画像を押すと、セクション全体を拡大して見られます。
-
01 / 05
TOP
メインビジュアルとキャッチコピーで、中小企業・個人事業主のための会計事務所であることを伝えました。相談ボタンと主なサービスへの入口も最初の画面に置いています。
-
02 / 05
お悩み
確定申告や帳簿づけなど、相談のきっかけになりやすいお悩みを一覧にして、「自分のことだ」と感じてもらえるようにしました。
-
03 / 05
サービス
税務申告、記帳代行、クラウド会計の導入、会社設立の4つを写真つきのカードで並べ、それぞれの詳細ページへ進めるようにしました。
-
04 / 05
料金
毎月のサポートを3つのプランで比較できるようにし、選ばれることの多いプランが目に入りやすい見せ方にしました。
-
05 / 05
ご依頼の流れ
お問い合わせからサポート開始までを4つのステップで示し、相談後の進み方を事前にイメージできるようにしました。
こんなサイトを作りたい、
というご相談も。
新しくホームページを作りたい。今のサイトを見直したい。まだ内容が固まっていなくても大丈夫です。お話を伺ったうえで、いま必要なものだけをご提案します。
ご相談・お見積もりは無料です。
