WORKS DETAILランディングページ＆サイト制作実績の詳細
人気美容サロン開発「セカンドシャンプー」のランディングページを制作
Ways株式会社さまが開発された、ヘアカラー後のケア専用「セカンドシャンプー」のランディングページを制作いたしました。
ランディングページのテーマ
表参道の人気美容サロンが手がける、ヘアカラー後のケア専用シャンプー&トリートメント
表参道の人気サロンであるWays TOKYOさまが開発した、カラー後の髪に特化した特別なシャンプー&トリートメントの商品PR用ランディングページを制作。美容サロンの現場で女性のヘアカラー後の髪の悩みに向き合ってきたことで生まれた「セカンドシャンプー」という新コンセプトを同サロンが描くブランドの世界観を崩すことなく、ターゲットユーザーに直感的に届く情報設計からデザイン・実装まで一貫して行いました。
ランディングページのデザインコンセプト
- 写真を中心に魅せる情緒的なデザイン設計
- シンプルな中にフェミニンな印象を想起させるパーツデザイン
- ユーザーを飽きさせない動きのあるレイアウト展開
- 明朝体とゴシック体を組み合わせて品質感と可愛らしさを両立
- 線の細い手書きフォントを要所に活用して女性的な印象に
- ユーザーを迷わせないボタンUIデザイン
- シナリオごとに背景色を変えて分かりやすいデザインを意識
ランディングページのコーディング
- 縦幅によってサイズが可変するモーダルウィンドウの実装
- webフォントを使用したデザイン重視のコーディング
- フッターナビゲーションの実装
- CSSの記述量を大幅に減らすコーディング
- CVポイントまでのページ内遷移にスムーススクロールを採用
- ブランドイメージ定着を目的にファーストビューに自動スライドを実装
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 ランディングページ分析・改善 |
|---|
ランディングページ＆サイト制作実績
中高生向けITキャンプ「Life is Tech！」の採用ランディングページを制作
ライフイズテック株式会社さまが提供する中高生のためのIT教育プログラムLife is Tech!のメンバー募集ランディングページをデザイン制作いたしました。
