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