■ 概要
ハワイ生まれの99%天然由来オーガニックオールインワンクリーム「RE:NATURE」のLP制作
■ 使用ツール:HTML5 / CSS3 / JavaScript / Photoshop / Figma
■ URL:http://masha-design.mond.jp/renature/
■ ターゲット
仕事や育児で忙しく、スキンケアに時間をかけられない20〜30代女性。
■ デザインのこだわり
・【架空】オーガニックオールインワンクリーム「RE:NATURE」プロモーションバナーと連動させたデザイン。
・「自然体」「ハワイの癒やし」をイメージしたナチュラルで上品なカラーリングと明朝体のタイポグラフィを採用。
・ターゲット層に直感的に魅力が伝わるよう、コピーの視認性や写真の配置にこだわり、ゆったりとした余白設計を行いました。
■ コーディングのこだわり
・レスポンシブ設計:PC・タブレット・スマートフォン(344px〜1440px)でレイアウト崩れが起きないようブレイクポイントを細かく設計。
・可読性を考慮したフォントサイズ設定や余白調整。
・ハンバーガーメニューのJavaScript実装。