Facebook 【LP】美容液
Logo

【LP】美容液

クレジット
Avatar
web制作
WEBデザイナー
【LP】美容液-1
シェア

【LP】美容液

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

あなたのforiioを無料で作成

fori.io/
Logo
【LP】美容液-1

【LP】美容液

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

あなたのforiioを無料で作成

fori.io/