HEART&BRAIN様 LP制作

パララックス効果やテキストスクロールで奥行きのある流行のデザイン

LP制作 クライアントワーク
様 LP制作

概要

ランディングページを一から設計・制作し、Basic認証の設定まで対応。パララックス効果やテキストスクロールで奥行きのある流行のデザインを実現。

目的

コンペ用にデモを作成また、実務で使用される技術スタック(GitHub、Cloudflare Pages、Basic認証)を活用し、本格的なWeb制作プロジェクトの経験を積むことも重要な目標でした。

ターゲット

  • サービスに興味を持つ潜在顧客、特にモバイルでの閲覧が多いユーザーを想定し、スマートフォンでの使いやすさを重視した設計を行いました。

技術仕様

フロントエンド

HTML, CSS, JavaScript

ホスティング

Cloudflare Pages

バージョン管理

GitHub

認証

Basic認証

デザイン・UI/UX

モバイルファースト設計を採用し、スマートフォンでの閲覧を最優先に考えたレイアウトを実現しました。

AI活用とクオリティ担保

ChatGPT、Manus、CursorなどのAIツールを補助的に活用し、効率的な制作プロセスを実現しました。しかし、最終的な調整や細かい部分の調整は人力で行い、クオリティを担保しました。AIツールの利点を活かしつつ、人間の感性や細やかな配慮を組み合わせることで、高品質な成果物を提供できました。