はじめまして。ACADEMIAと申します。
この度は、ホームページ制作コンペに参加させていただける機会をいただき、誠にありがとうございます。
本サイトは「相談しやすい税理士」というコンセプトのもと、初めての方でも心理的ハードルを感じにくい構成としています。
専門性を担保しつつも、過度に堅くなりすぎないデザインとすることで、「安心感」と「親しみやすさ」のバランスを重視いたしました。
・配色とフォントについて
ご指定いただいた3色をベースに、スーツの色味とも調和するよう、本文には青みを帯びたグレーを2色採用しております。
全体の統一感と可読性の両立を意識した配色設計です。
カラーコードは以下のとおりです。
ウォームベージュ:#E3CBA9
オリーブグリーン:#576128
ウォームマスタードイエロー:#FFDB58
ブルーグレー:#777d85、#334251
フォントには、親しみやすさと視認性を考慮し、丸みのあるゴシック体「M PLUS 1p」を採用しております。
Google Fontsを使用しているため、Web上でも安定した表示が可能です。
・ファーストビューについて
本提案のファーストビューは、静的な2枚構成ではなく、アニメーション(PNGまたはWebP)によってビジュアルが切り替わる仕様を想定しております。
※円形の写真部分のみが切り替わる設計です。
「こんなこと聞いていいのかな?」というユーザーの不安に対し、屋外とオフィスという異なるシチュエーションを提示することで、
「どのような場面でも相談できる」という安心感を視覚的に表現しています。
1枚目では自然な雰囲気による親しみやすさを、
2枚目では実務シーンによる信頼性を補完し、
短時間で両方の印象をバランスよく伝える構成としています。
また、アニメーションは過度な動きとならないよう、落ち着いた切り替えを想定しており、税理士サイトとしての信頼性を損なわない設計としています。
・お知らせについて
最新情報をコンパクトに把握できるよう、シンプルな構成としています。
主張を抑えたデザインとすることで、ユーザーの視線を分散させず、全体の導線を妨げないよう配慮しています。
・当事務所について
プロフィールでは、専門性だけでなく「人となり」が伝わる構成としています。
顔写真をしっかりと見せることで安心感を高め、テキストでは実績や強みを整理しながら信頼性を補強しています。
士業において重要な「この人に任せても大丈夫か」という判断材料を、視覚と情報の両面から提供する設計です。
・サービス内容について
各項目を整理しつつ、専門的になりすぎないよう配慮しています。
初めての方でも理解しやすい情報設計とすることで、「自分に関係のあるサービスかどうか」を判断しやすくしています。
また、視認性を意識したレイアウトにより、必要な情報へスムーズにアクセスできる構成としています。
アイコンについては、「税理士とともに売上向上を目指す」という意図を込め、人物とグラフを組み合わせたデザインを採用しています。
・料金体系について
複雑になりがちな料金情報を整理し、ひと目で把握できるよう設計しています。
視覚的に比較しやすい構成とすることで、不安の軽減と信頼感の向上を意識しています。
・よくある質問について
FAQはアコーディオン形式を採用しており、クリックまたはタップで内容が展開される仕様です。
必要に応じて、すべての項目を常時表示する形にも対応可能です。
・レスポンシブ(スマートフォン対応)について
スマートフォン閲覧時においても、すべてのコンテンツの情報量を損なうことなく、最適なレイアウトに再構成いたします。
ご要望をいただけましたら、スマートフォン版のレイアウト案も迅速にご提示可能です。
本提案では、情報の整理と心理的ハードルの低減を重視し、「相談しやすさ」と「信頼性」の両立を目指しました。
最後にですが制作範囲および費用についてのご案内です。
本提案はデザイン制作を主軸としておりますが、
ご要望に応じてWordPressでの実装やサーバー・ドメインの取得、設定まで一貫して対応することも可能です。
その場合、制作範囲に応じて別途費用が発生いたしますこと、あらかじめご了承いただけますと幸いです。
また、公開後の運用サポートや継続的な改善対応につきましても、内容に応じて柔軟にご提案させていただきます。
ご希望の範囲に合わせて最適な形をご提案いたしますので、どうぞお気軽にご相談ください。
ご検討のほど、何卒よろしくお願い申し上げます。
→画像サイズの都合により、2枚に分けてご提案しております。
恐れ入りますが、続きのデザインもあわせてご覧いただけますようお願い申し上げます。
メンバーからのコメント
こちらの続きのデザインになります。よろしくお願い致します。