はじめまして。この度はコンペにご参加させていただきます。
私は現在学生として勉強を続けながら、Webデザイン・フロントエンド開発の
スキルを実践で磨くために本コンペに応募いたしました。
【制作物について】
今回は「佐賀県内の実家・空き家を持つ40〜70代の方」をターゲットに、
信頼感・安心感を軸としたランディングページを制作しました。
主な実装・工夫点は以下の通りです。
■ デザイン面
・深緑系の落ち着いた配色で、不動産買取サービスとしての信頼感を演出
・ターゲット層に配慮した本文18px以上・行間1.8の読みやすいレイアウト
・余計な装飾を排し、伝わりやすさを最優先にしたシンプル構成
■ 機能・技術面
・HTML / CSS / JavaScript のみで実装(フレームワーク不使用)
・Tailwind CSS(CDN版)によるレスポンシブ対応
・モバイル・タブレット・デスクトップの3画面で表示崩れのないUI
・FAQアコーディオン・スムーススクロール・フォームバリデーションを実装
・スクロール連動フェードインアニメーションで視覚的なメリハリを付与
■ ページ構成(全8セクション)
ファーストビュー → お悩み提示 → 買取の特徴 → 他社比較 →
買取の流れ → よくある質問 → 会社紹介 → お問い合わせ
■ デモページ(実際の表示確認)
制作物はGitHub Pagesにて公開中です。PC・スマートフォン・タブレットで
実際の表示・動作をそのままご確認いただけます。
https://uta-a.github.io/saga-akiya-lp/
【対応について】
学生という立場ではありますが、受注後は業務として真剣に取り組みます。
・ご要望・修正依頼には迅速に対応いたします
・途中で投げ出すことは一切なく、必ず最後まで責任を持って完遂します
・ご不明な点や追加の変更が生じた場合も、柔軟に対応いたします
・コミュニケーションは丁寧・迅速を心がけ、進捗報告も適宜行います
実績作りを目的に応募しておりますので、
クライアント様にとってご満足いただける成果物を届けることを
最大の優先事項として取り組む所存です。
ご検討のほど、よろしくお願いいたします。
メンバーからのコメント
以前にも一度ご提案させていただきましたが、改めてデザインを見直し再度ご提案いたします。
今回はクライアント様のサイトで使用されている青系の配色に合わせ、濃紺をベースとしたカラーで統一感を持たせました。
CTAボタンにはゴールドを使用し、落ち着いた印象の中でも問い合わせ導線がしっかり目に留まるよう意識しています。
ターゲットとなる40〜70代の方にとって読みやすいよう、以下の点に配慮しました。
・本文18px以上の大きめのフォントサイズ
・UDフォント(BIZ UDPGothic)の採用
・十分なコントラスト比と余白の確保
スマホ対応については、モバイルファーストで設計しています。
画面下部に「電話する」「無料査定」のボタンを常時固定表示し、どのセクションを見ていてもすぐにアクションを起こせる構成にしました。
構成は以下の通りです。
ファーストビュー → お悩み提示 → 買取の特徴 → 他社比較 → 買取の流れ → よくある質問 → 会社紹介 → お問い合わせ
技術面ではAstroとTailwind CSSで構築しており、表示速度とメンテナンス性を両立しています。
ご検討のほどよろしくお願いいたします。