Overview
プロジェクト概要
美容室向けのiPad専用「眉診断アプリ」の導入用ランディングページを制作しました。最初の画面に「美容室の眉カット導入をサポート！」の帯とアプリの特長を置き、ダウンロードの申し込みと体験講座の申し込みの2つのボタンを並べています。続けて、アンケート結果をグラフで示し、眉スタイリングの需要を説明しました。
美容師が技術を学ぶ場が少ないという課題を示したあと、解決策としてアプリを紹介し、7つの導入メリットをアイコン付きのカードにまとめています。使い方は、iPadの画面とともに7つの手順を縦の線でつないで説明しました。後半には、実技講習会や認定制度などの導入後のサポートを掲載しています。ディレクションからデザイン、コーディングまで、RuxelTechチームで対応しました。
- 業種
- 美容サロン向けサービス
- ロール
- ディレクション / ページデザイン / コーディング
- 技術
- HTML / CSS / レスポンシブ対応 / ランディングページデザイン / コーディング
PAGE — ページ全体
サロンの経営者に向けて、導入の理由と手順を整理
ランディングページ全体を、PC版・スマホ版で掲載しています。紺と水色に黄色のボタンを組み合わせた、信頼感のあるデザインです。需要の根拠はグラフで、メリットはカードで、使い方は画面付きの手順で見せ、2つの申し込みボタンを区切りごとに配置しました。
- アンケート結果のグラフで需要を説明
- 7つの導入メリットをカードで整理
- アプリの使い方を画面付きの7手順で紹介
- 申し込みと体験講座の2つのボタンを繰り返し配置
全体をスクロールしてご覧いただけます
Results
成果
新メニュー導入の理由とアプリの使い方、サポート体制を順に伝え、申し込みと体験講座へつなげる導入LPとして制作しました。
Tech Stack
HTMLCSSレスポンシブ対応ランディングページデザインコーディング