ホーム
〇〇市の税理士事務所。法人・個人事業の税務顧問、創業支援、相続税の申告。初回相談無料。
<< デモ一覧に戻る
税理士事務所のデモ
- このページでは、Frames CMS の製品版で実際に作った税理士事務所のサイトをご紹介します。法人・個人事業の税務顧問と、創業支援・相続税の申告をしている税理士事務所を想定した、6ページ構成です。
- 使っているフレーム（デザインの枠）1種類とパーツ19種類を、すべて公開しており、「どのパーツを組み合わせれば、このページになるのか」がそのまま分かります。
- このデモは、ヘッダーに電話番号・受付時間と「文字サイズ 小・大」の切り替えボタンが入るフレームを使っています。メニューは、日本語の下に小さな英語が並ぶ2段です。
まずは全体像から
このデモの構成
6つのページで構成しています。「何をしてくれるか」「いくらかかるか」「どんな人がいるか」を、それぞれ1ページにしています。
01
02
業務内容
税務顧問・創業支援・相続税・経理のクラウド化。
03
料金
顧問料と、決算・申告の料金。
04
事務所紹介
代表あいさつ・スタッフ・アクセス。
05
お知らせ
さんぷる税理士事務所からのお知らせ一覧です。
06
お問い合わせ
入力項目を自由に作れるフォーム。
デザインの土台
使っているフレーム
このデモで使っているフレームは 「fsize1（文字サイズ切り替えボタン付き）」 です。
フレームとは、サイト全体の「枠」のことです。ヘッダー・メインビジュアル・メニュー・フッター・全体の余白や配色を、まとめて決めているものだとお考えください。製品版では約50種類から選べます。
ヘッダーの右に電話番号・受付時間と、文字サイズの切り替えボタン、その下に均等な幅のメニューの帯が並ぶフレームです。表示中のページには下線が付き、「ボタン」にした項目は帯の右端に色つきで入ります。
ヘッダーの電話番号と受付時間
「サイト基本設定」の「電話番号（任意）」と「受付時間（任意・ヘッダーに表示）」に入れると、ヘッダーの右に表示されます。電話で相談したい方が多い業種に向いています。メニューは「サブ表記（任意）」に「SERVICE」「PRICE」のような英語を入れて、2段にしています。
業務内容は、横幅いっぱいの写真に文章を重ねて
税務顧問・創業・相続の3つを、写真の上に見出し・文章・ボタンを重ねるパーツで、左右交互に並べました。かたくなりがちな士業のサイトでも、人の写真が大きく入ると、相談する場面が思い浮かびます。
「どんな人が担当するか」を、トップで見せる
代表あいさつは画面の左右いっぱいに広がる写真、スタッフは写真2枚を重ねるコラージュで、事務所の顔が見えるようにしました。間に実績カウンターとお客さまの声をはさみ、最後は大きなアイコンつきの誘導で無料相談へつなげています。
ロゴは「画像」で入れています
このデモのロゴは、マークとサイト名を組み合わせたロゴ画像です。管理画面の「サイト基本設定 → ロゴ画像」に画像を入れるだけで、ヘッダーに表示されます。ヘッダーが白いので、色つきのロゴを使っています。フッターは見出し付きのメニューが並ぶデザイン（フッター4）なので、ロゴは出ません。
ロゴ画像を入れない場合は、サイト名がそのまま文字で表示されます。それでもサイトは作れますが、文字だけのロゴは、どうしても印象が弱く、さみしい仕上がりになりがちです。デモの見本と同じ雰囲気に仕上げたい場合は、シンプルなもので構いませんので、ロゴ画像を1つご用意ください。小さなマーク＋サイト名、くらいで十分に引き締まります。
ロゴは背景が透明なPNGがおすすめです。ヘッダーの色が濃いフレームでは白いロゴを、明るいフレームでは濃い色のロゴを使うと読みやすくなります。大きさは「サイト基本設定 → ロゴの大きさ」で変えられます。
同じフレームで作った、ほかのデモ
設定を変えるだけで、ここまで変わります
Frames CMS のデモは、すべて同じ1つの CMS で作っています。下のデモは、このデモと同じフレーム「fsize1」を使ったものです。
テーマカラー・メイン画像・ロゴ・並べるパーツを変えるだけで、同じフレームでも、印象がここまで変わります。
デイサービス・訪問介護
このデモの作り方
使用したパーツ
セクションごとに、使ったパーツです。
管理画面で同じパーツを選べば、同じ形が作れます。
ホーム
| セクション | 使ったパーツ | Free版 |
|---|---|---|
| 税金のことは、分からなくて当たり前です。 | 基本セット（見出し＋本文＋画像） | |
| サムネイル横スライド（写真の流れ） | サムネイル横スライド（写真の流れ） | |
| 選ばれる理由 | 特徴・サービス（アイコン3列） | |
| 業務内容 | オーバーレイ（写真＋テキスト＋ボタン） | |
| 数字で見る事務所 | 実績カウンター（数字） | |
| 代表あいさつ | 横幅いっぱいレイアウト（テキスト＋写真） | |
| お客さまの声 | お客様の声（星評価） | |
| スタッフのこと | コラージュ（写真2枚＋テキスト） | |
| 無料相談への誘導 | パララックス背景（写真／動画） | |
| 無料相談への誘導 | CTA（大きなアイコン＋テキスト＋ボタン） | |
| お知らせ | お知らせ一覧（自動） |
業務内容／料金
| セクション | 使ったパーツ | Free版 |
|---|---|---|
| 業務内容 | 写真に文章が回り込む横長ブロック | |
| ご相談から契約まで | ステップ案内（縦・番号＋画像） | |
| 料金 | 料金表（プラン比較） | |
| そのほかの料金 | 表（項目と内容） | |
| よくあるご質問 | FAQ（Q&Aマーク付き・カード型） |
事務所紹介／お知らせ
| セクション | 使ったパーツ | Free版 |
|---|---|---|
| 代表あいさつ | 汎用レイアウト（画像＋テキスト・配置選択） | |
| 画像（1枚） | 画像（1枚） | |
| 事務所概要 | 表（項目と内容） | |
| アクセス | 埋め込み（YouTube・地図・iframe） | |
| お知らせ | お知らせ一覧（自動） |
全19種類のパーツのうち、14種類は製品版でのみ使えるものです。業務内容のオーバーレイ（写真＋テキスト＋ボタン）や実績カウンター、顧問料のプラン比較表は製品版のパーツです。製品版では70種類以上のパーツが使えます。
ゼロから作らなくて大丈夫です
このデモを、そのままお使い頂くことも可能です
製品版をご購入いただいた方には、このデモと同じ中身が入った状態のデータをご利用頂く事も可能です。
デモデータをご希望の場合は、購入者マイページからDLして下さい。
このデモをベースに「ゼロ」から作るお客様向けです。すでにFrames CMSでページを作られている場合、デモのデータを入れると既存の内容は引き継がれません。作りかけのサイトがある方は、パーツを1つずつ置いていく通常の方法をおすすめします。
作るときの参考に
税理士事務所のサイトで迷いやすいところ
このデモを作るときに考えたことを、いくつか書いておきます。
- 顧問料は載せたほうがいいですか
- 「月額〇〇円〜」の目安だけでも載せると、問い合わせのハードルがぐっと下がります。このデモでは、個人事業・法人の3つをプラン比較表にし、決算や年末調整は「そのほかの料金」の表に分けました。
- 業務がたくさんあるときは、どこまで書けばいいですか
- よく頼まれるものを3つくらいに絞るのがおすすめです。このデモでは「税務顧問」「創業・法人化」「相続税」の3つにして、トップでは写真に文章を重ねて大きく、業務内容のページでは写真に文章が回り込む形で説明しました。
- お客さまの声は、どう集めればいいですか
- 顧問先に、「相談してよかったこと」をひとことだけお願いするのが続けやすいです。社名は出さず、「飲食店・開業2年目」のように業種と規模だけにすると、了承をもらいやすくなります。
この構成で作れるサイト
税理士事務所以外にも
このデモは税理士事務所を想定していますが、同じ構成のまま、内容を差し替えるだけで使える業種がたくさんあります。
社会保険労務士事務所／行政書士事務所／司法書士事務所／会計事務所／保険代理店／ファイナンシャルプランナー など、「電話や無料相談から、契約につなげたい」事務所であれば、そのまま当てはまります。
文字サイズの切り替えは、年配のお客さまの多い事務所にも喜ばれます。
まずは無料で試せます
Free（無料版）のご案内
Frames CMSには無料版があります。登録不要でダウンロードでき、期限もありません。
ご自身のサーバーに設置して、管理画面の使い勝手を確かめてから、製品版をご検討ください。
無料版で作ったページやお知らせは、製品版に切り替えてもそのまま残ります。作り直しは必要ありません。
<< デモ一覧に戻る