日本で働く外国人やそのご家族を対象とした、ビザ（在留資格）取得・更新手続き支援のランディングページです。
概要
- 期間：2025年11月4日～12月12日（38日間）
- ご依頼者：行政書士事務所様
- 担当範囲：原稿作成サポート、デザイン、コーディング、サイト公開
- 使用ツール・言語：Photoshop, HTML, CSS, PHP
デザインのポイント
このページのデザインは、VISA申請という不安を抱えた外国人の方々に対して、安心感と信頼性を届けることを最優先に制作しました。
配色とトーン
メインカラーには、明るさと親しみやすさを演出するオレンジ系を配置し、「堅苦しくない、相談しやすい行政書士事務所」というイメージを構築しています。背景には柔らかな薄いイエローを用い、ポイントで公的な信頼感を表現する深いブルーを使っています。
レイアウトと視線誘導
ファーストビューでは「初回相談無料」という安心材料と業界最安級の価格を大きく打ち出すことによって、問い合わせへの心理的ハードルを下げる工夫をしています。
その後、「こんなお悩みありませんか？」という共感セクションから、「解決策」→「選ばれる理由」→「料金」→「お客様の声」という流れで、訪問者の不安を段階的に解消していく構成です。
タイポグラフィ
見出しには力強さと信頼感を与えるゴシック体を使用しています。VISA申請を検討される方は多国籍であることを考慮し、文字サイズはやや大きめに設定しています。
コーディングについて
クライアントのご要望に応じて、WordPress テーマ「Cocoon」を親テーマとした構成をベースにしながらも、LP（ランディングページ）用途に特化した 独自テンプレート を構築しました。
具体的には、LP に不要なテーマ機能（ブログ機能、ウィジェット、コメント、共通スクリプト／スタイル等）を ほぼ 9 割以上 デキュー（排除）することで、読み込みリソースを大幅に削減。また、CSS／JS の最適化、クリティカル CSS のインライン化、遅延読み込み制御、キャッシュ制御などの施策を統合しました。
その結果、総リクエスト数を抑え、迅速な初期レンダリングを実現。実測では 2.27 秒でロード完了という数値を記録しており、画像貼り付け主体のコーディング環境でありながら高速な表示を実現しています。リソース最適化と不要機能排除の設計が、確かな成果につながった LP と言えます。
