Facebook RE:NATURE | ハワイアンボタニカル オールインワンクリーム 架空LP制作(バナーと連動)
Logo

RE:NATURE | ハワイアンボタニカル オールインワンクリーム 架空LP制作(バナーと連動)

クレジット
Avatar
構成
企画
デザイン
コーディング
RE:NATURE | ハワイアンボタニカル オールインワンクリーム 架空LP制作(バナーと連動)-1
シェア

RE:NATURE | ハワイアンボタニカル オールインワンクリーム 架空LP制作(バナーと連動)

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

あなたのforiioを無料で作成

fori.io/
RE:NATURE | ハワイアンボタニカル オールインワンクリーム 架空LP制作(バナーと連動)-1

RE:NATURE | ハワイアンボタニカル オールインワンクリーム 架空LP制作(バナーと連動)

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

あなたのforiioを無料で作成

fori.io/