No.01 / 20

会計事務所サイト(デモサイト)

鈴木会計事務所

中小企業・個人事業主に向けた、会計事務所のデモサイトをWordPress(SWELL)で制作しました。「会計のことは分からなくて当たり前」という前提に立ち、お悩み・サービス・料金・ご依頼の流れを順に整理して、はじめての方でも相談しやすい構成にしています。

デモサイトを見る

別のタブで開きます

業種
会計事務所・士業
担当範囲
構成 / デザイン / WordPress構築
使用ツール
WordPress / SWELL
ページ構成
TOP / 事務所案内 / サービス / 料金 / ご依頼の流れ / よくあるご質問 / お問い合わせ
タグ
WordPress / SWELL / 会計事務所 / 士業 / Demo / レスポンシブ対応
鈴木会計事務所のPC・スマートフォン表示のモックアップ

このサイトについて

税務や経理に不安を感じている中小企業・個人事業主に向けた、会計事務所のコーポレートサイトを制作しました。

ブルーを基調に、行動を促すボタンにはオレンジを使い、誠実さと相談しやすさの両方が伝わるデザインにしています。ファーストビューでは「数字で、未来を支える信頼のパートナー。」というコピーで事務所の姿勢を伝え、お悩み、事務所紹介、選ばれる理由、サービス、料金、ご依頼の流れ、よくあるご質問へと順に読み進められる構成にしました。

デザインのポイント

  1. 誠実さと相談しやすさを両立した配色

    ブルーを基調にして士業らしい信頼感を出しつつ、相談ボタンにはオレンジを使い、次の行動が一目で分かるようにしました。

  2. 専門用語に頼らない情報の見せ方

    「こんなときに、ご相談ください」とお悩みから入り、サービスや料金もかみくだいた言葉で整理して、会計に詳しくない方でも読み進めやすくしました。

  3. SWELLの標準機能を活かした更新しやすい作り

    ブロックエディタ(WordPressの編集画面)で文章や料金を書き換えられるよう、テーマの標準ブロックを中心に組み、公開後も運用しやすい形にしました。

ページの流れ

トップから順に、どんな順番で情報を見せているかをまとめました。画像を押すと、セクション全体を拡大して見られます。

  1. 01 / 05

    TOP

    メインビジュアルとキャッチコピーで、中小企業・個人事業主のための会計事務所であることを伝えました。相談ボタンと主なサービスへの入口も最初の画面に置いています。

  2. 02 / 05

    お悩み

    確定申告や帳簿づけなど、相談のきっかけになりやすいお悩みを一覧にして、「自分のことだ」と感じてもらえるようにしました。

  3. 03 / 05

    サービス

    税務申告、記帳代行、クラウド会計の導入、会社設立の4つを写真つきのカードで並べ、それぞれの詳細ページへ進めるようにしました。

  4. 04 / 05

    料金

    毎月のサポートを3つのプランで比較できるようにし、選ばれることの多いプランが目に入りやすい見せ方にしました。

  5. 05 / 05

    ご依頼の流れ

    お問い合わせからサポート開始までを4つのステップで示し、相談後の進み方を事前にイメージできるようにしました。

こんなサイトを作りたい、
というご相談も。

新しくホームページを作りたい。今のサイトを見直したい。まだ内容が固まっていなくても大丈夫です。お話を伺ったうえで、いま必要なものだけをご提案します。

ご相談・お見積もりは無料です。