【概要】
美容液ブランドのランディングページ制作
【ページ構成】
1ページ(LP構成)
【対応範囲】
ヒアリング、デザイン、コーディング(実装)
【制作期間】
デザイン:5日
コーディング:3日
【使用ツール】
HTML、CSS、JavaScript、jQuery、
Visual Studio Code、GitHub
【意識したこと】
① ターゲット層(30〜40代女性)に合わせた落ち着いた世界観づくり
:落ち着きのあるサンドカラーを採用し、年齢層にフィットする上品で洗練されたトーンに統一しました。
② シンプルながら“上質さ”を感じるUI設計
:余白の取り方や文字組み、配置バランスを丁寧に調整し、情報が読みやすく、視線誘導しやすいLPを意識しました。
③ 触りやすいナビゲーション設計
:アクションポイントを分かりやすく配置し、スマートフォンでも迷わず操作できるUIを構築しました。
④ 保守性・再利用性を考慮したコーディング
:構造が分かりやすいHTMLと、可読性の高いCSSを意識しつつ、不要コードを省いて軽量化しました。
⑤ ブランドの魅力を最大限引き出す演出
:テキストとビジュアルの調和、商品カットの見せ方などを細かく調整し、信頼感と高級感が自然と伝わるよう工夫しました。