たけちゃんイカ 様 はじめまして。 千葉県でフリーランスのWeb制作者として活動しております、佐瀬 佑弥(させ ゆうや)と申します。 まずは、税理士事務所のご新規開業、誠におめでとうございます! 「専門用語で説得するのではなく、経営者の小さな疑問に泥臭く、温かく伴走する」という貴事務所の素晴らしい理念に深く共感し、ぜひその世界観をWebサイトという形で表現したく、ご提案させていただきます。 今回は「トップページデザイン」と「サービス内容のアイコン」のコンペとのことですが、実際の完成イメージをよりリアルに感じていただくため、添付ファイルの通り、SP版(スマホ版)も併せた「完全なトップページデザイン」を作成いたしました。 まずは、添付画像にて実際のデザインと雰囲気をご確認くださいませ。 ■ デザインのコンセプトと工夫点 1. 「親しみやすさ」と「誠実さ」の両立 税理士に対する「堅苦しさ・抵抗感」を減らすため、余白を贅沢に使い、シンプルでスタイリッシュでありながら、温かみを感じるレイアウト設計をいたしました。游ゴシック・游明朝を避け、汎用的なGoogleフォントを採用することで、スマートフォンでもサクサク読める高い可読性を確保しております。 2. 配色による「ほっと一息つける安心感」の演出 冷たいブルーではなく、杜の都・仙台を連想させる深いオリーブグリーン(紺色ベース)を基調とし、そこにゴールドやウォームベージュのアクセントカラーを加えることで、「誠実さ」の中に「高級感」と「温かみ」を同居させました。「靴を脱いでスリッパでほっと一息つける」ような安心感のあるトーンを目指しております。 3. ターゲットを迷わせない情報設計(UI/UX) 私は元々、大手進学塾の講師をしておりました。そのため、「30代〜50代の中小企業経営者、個人事業主、2・3代目の経営者」といったターゲット層が抱える「数字の疑問」や、貴事務所の「強み」「料金体系」「お申し込みの流れ」といった重要な情報を、直感的かつ論理的に整理して伝えるレイアウト設計を得意としております。フッターのお問い合わせフォームへも、スムーズに辿り着けるよう導線を設計いたしました。 4. メインビジュアルのスライダー想定 ファーストビューでは、添付画像のように2枚の写真を切り替える見せ方を想定しております。 1枚目: 「外でのかっちりしたスーツ姿(誠実さ)」 2枚目: 「事務所内でカフェのように安心してお悩みを話せるジャケット姿(親しみやすさ・伴走)」 キャッチコピーを大きく配置し、経営者の心にスッと入り込むファーストインパクトを狙います(※今回はダミー素材にて作成しておりますが、採用後は撮影された本番用画像への差し替えを前提としております)。 5. オリジナルアイコンデザイン コンペ対象である「サービス内容のアイコン」につきましても、貴事務所の3つの強みを視覚的に伝えるためのオリジナルアイコンをご提案カンプ内に作成しております。 ■ WordPress構築・本制作への対応について 必須条件である「デザインだけでなく、WordPressでのコーディング・サイト構築まで一貫して対応」につきましても、全く問題ございません(実務6年目のエンジニアとしての知見がございます)。 Bootstrapを用いたコーディングを想定したグリッド配置でデザインを組んでおり、採用後はこのデザインをベースに、Xserver環境への安全・確実なWordPress構築、SSL設定、公開までを責任を持って完遂いたします。 ■ 採用後の流れ・コミュニケーションについて 本コンペで採用いただけました際は、残りの下層ページ(パーソナルヒストリー等)のデザイン、WordPressへのコーディング・実装、Web公開まで、総額20万円(コンペ3万円+本制作17万円)のプロジェクトとして継続して対応させていただきます。 グループチャット等を作成し、こまめな連絡と修正対応(社名、本番画像への差し替え等)を柔軟に行い、貴事務所の「顔」となる最高のWebサイトを作り上げたいと考えております。 まずは作成したトップページデザインをご覧いただき、率直なご感想をお聞かせいただけますと幸いです。 ご検討のほど、何卒よろしくお願い申し上げます。
メンバーからのコメント
たけちゃんイカ 様
はじめまして。
千葉県でフリーランスのWeb制作者として活動しております、佐瀬 佑弥(させ ゆうや)と申します。
まずは、税理士事務所のご新規開業、誠におめでとうございます!
「専門用語で説得するのではなく、経営者の小さな疑問に泥臭く、温かく伴走する」という貴事務所の素晴らしい理念に深く共感し、ぜひその世界観をWebサイトという形で表現したく、ご提案させていただきます。
今回は「トップページデザイン」と「サービス内容のアイコン」のコンペとのことですが、実際の完成イメージをよりリアルに感じていただくため、添付ファイルの通り、SP版(スマホ版)も併せた「完全なトップページデザイン」を作成いたしました。
まずは、添付画像にて実際のデザインと雰囲気をご確認くださいませ。
■ デザインのコンセプトと工夫点
1. 「親しみやすさ」と「誠実さ」の両立
税理士に対する「堅苦しさ・抵抗感」を減らすため、余白を贅沢に使い、シンプルでスタイリッシュでありながら、温かみを感じるレイアウト設計をいたしました。游ゴシック・游明朝を避け、汎用的なGoogleフォントを採用することで、スマートフォンでもサクサク読める高い可読性を確保しております。
2. 配色による「ほっと一息つける安心感」の演出
冷たいブルーではなく、杜の都・仙台を連想させる深いオリーブグリーン(紺色ベース)を基調とし、そこにゴールドやウォームベージュのアクセントカラーを加えることで、「誠実さ」の中に「高級感」と「温かみ」を同居させました。「靴を脱いでスリッパでほっと一息つける」ような安心感のあるトーンを目指しております。
3. ターゲットを迷わせない情報設計(UI/UX)
私は元々、大手進学塾の講師をしておりました。そのため、「30代〜50代の中小企業経営者、個人事業主、2・3代目の経営者」といったターゲット層が抱える「数字の疑問」や、貴事務所の「強み」「料金体系」「お申し込みの流れ」といった重要な情報を、直感的かつ論理的に整理して伝えるレイアウト設計を得意としております。フッターのお問い合わせフォームへも、スムーズに辿り着けるよう導線を設計いたしました。
4. メインビジュアルのスライダー想定
ファーストビューでは、添付画像のように2枚の写真を切り替える見せ方を想定しております。
1枚目: 「外でのかっちりしたスーツ姿(誠実さ)」
2枚目: 「事務所内でカフェのように安心してお悩みを話せるジャケット姿(親しみやすさ・伴走)」
キャッチコピーを大きく配置し、経営者の心にスッと入り込むファーストインパクトを狙います(※今回はダミー素材にて作成しておりますが、採用後は撮影された本番用画像への差し替えを前提としております)。
5. オリジナルアイコンデザイン
コンペ対象である「サービス内容のアイコン」につきましても、貴事務所の3つの強みを視覚的に伝えるためのオリジナルアイコンをご提案カンプ内に作成しております。
■ WordPress構築・本制作への対応について
必須条件である「デザインだけでなく、WordPressでのコーディング・サイト構築まで一貫して対応」につきましても、全く問題ございません(実務6年目のエンジニアとしての知見がございます)。
Bootstrapを用いたコーディングを想定したグリッド配置でデザインを組んでおり、採用後はこのデザインをベースに、Xserver環境への安全・確実なWordPress構築、SSL設定、公開までを責任を持って完遂いたします。
■ 採用後の流れ・コミュニケーションについて
本コンペで採用いただけました際は、残りの下層ページ(パーソナルヒストリー等)のデザイン、WordPressへのコーディング・実装、Web公開まで、総額20万円(コンペ3万円+本制作17万円)のプロジェクトとして継続して対応させていただきます。
グループチャット等を作成し、こまめな連絡と修正対応(社名、本番画像への差し替え等)を柔軟に行い、貴事務所の「顔」となる最高のWebサイトを作り上げたいと考えております。
まずは作成したトップページデザインをご覧いただき、率直なご感想をお聞かせいただけますと幸いです。
ご検討のほど、何卒よろしくお願い申し上げます。