WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細
香水由来のルームフレグランスの販促LPを制作
株式会社フィッツコーポレーションさまが開発された、香水由来の豊かで繊細な香りが広がるルームフレグランスの定期販促用レスポンシブランディングページを制作いたしました。
ランディングページのテーマ
香りのプロが手がけた、毎日を豊かにするルームフレグランス
日本人に愛される香りを研究・開発し続けてきたフィッツコーポレーションさまが新たに手がけたルームフレグランスのランディングページを制作いたしました。香水由来のバリエーション豊かな10種のルームフレグランスの魅力を1ページに凝縮しつつ、香りのプロとしてのバックボーンや豊かな香りの由来となる香水ブランドの魅力を余すことなく伝える情報設計/デザイン/実装を行いました。
ランディングページのデザインコンセプト
- 商品の強みである「色と香りの組み合わせの多さ」を鮮やかなグラデーションで表現
- ブランドの世界観を引き継ぎながら、LPとしての訴求力に特化したデザイン設計
- 香りの特徴はイメージ写真を活用して直感的に伝える
- シナリオの切り替わりに応じて背景色や画像を切り替えてメリハリを出す
- 10種の商品を1ページ内で紹介するため、情報の階層が分かりやすいデザインを意識
- 役割に合わせてデザインに変化をつけたボタンUIで使いやすさを担保
ランディングページのコーディング
- コンテンツをコンパクトに収めるため、モーダルウィンドウやアコーディオンを実装
- スクロールに応じて、固定ナビボタンの表示・リンクを切り替え
- ページ内リンクをスムーススクロールでスムーズな動きに
- カラーの選択に応じて、商品画像を切り替えるシュミレーターを実装
- セレクトボックスの選択に応じて、カートのリンク先・商品画像を切り替え
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 |
|---|
ランディングページ（LP）＆サイト制作実績
中学生、高校生のためのITキャンプ「Life is Tech！」のランディングページを制…
ライフイズテック株式会社さまが提供する中高生のためのIT教育プログラム Life is Tech! のランディングページをデザイン制作いたしました。
第二新卒・既卒の就職支援サイトのスマートフォンランディングページを制作
ブラッシュアップ・ジャパン株式会社さまが運営する公式サイト「いい就職.com」のスマーフォン向けトップページのUIデザインを担当。
中学生、高校生のためのITキャンプ「Life is Tech！」のサービスサイトを制作
ライフイズテック株式会社さまが手掛けるシリコンバレーの教育法で学ぶ、中高生のためのIT教育プログラム“”Life is Tech!”のサイトを、サマーキャンプのLPに続き、デザイン制作いたしました。
