概要
MISSIONA様のランディングページを一から設計・制作し、GitHubとCloudflare Pagesを連携して公開しました。Basic認証の設定まで対応し、実務に近い形でのアウトプットを実現しました。モバイルファースト設計を意識し、常時LINE誘導ができるUIや、テキストが伝わりやすいレイアウトを追求しました。
目的
クライアントのビジネス目標に合わせた効果的なランディングページを制作し、ユーザーの行動を促進することを目的としました。また、実務で使用される技術スタック(GitHub、Cloudflare Pages、Basic認証)を活用し、本格的なWeb制作プロジェクトの経験を積むことも重要な目標でした。
ターゲット
- MISSIONA様のサービスに興味を持つ潜在顧客、特にモバイルでの閲覧が多いユーザーを想定し、スマートフォンでの使いやすさを重視した設計を行いました。
技術仕様
フロントエンド
HTML, CSS, JavaScript
ホスティング
Cloudflare Pages
バージョン管理
GitHub
認証
Basic認証
デザイン・UI/UX
モバイルファースト設計を採用し、スマートフォンでの閲覧を最優先に考えたレイアウトを実現しました。常時LINE誘導ができるUIを配置し、ユーザーの離脱を防ぎながら自然な流れでコンバージョンにつなげる設計を心がけました。テキストの可読性を重視し、情報が伝わりやすいレイアウトを追求しました。
AI活用とクオリティ担保
ChatGPT、Manus、CursorなどのAIツールを補助的に活用し、効率的な制作プロセスを実現しました。しかし、最終的な調整や細かい部分の調整は人力で行い、クオリティを担保しました。AIツールの利点を活かしつつ、人間の感性や細やかな配慮を組み合わせることで、高品質な成果物を提供できました。