WORKS DETAILランディングページ＆サイト制作実績の詳細
ヒゲ脱毛のランディングページを制作
メンズ脱毛のゴリラクリニックさまが手がけるヒゲ脱毛サービス「ヒゲのゴリラ脱毛」のレスポンシブランディングページを制作しました。
ランディングページのテーマ
ブランドの世界観と訴求力を両立したランディングページデザイン
医療脱毛、スキンケア、薄毛治療まで、男性専門の総合美容クリニックとして、数多の男性から支持を受けるゴリラクリニックさま。今回は、ゴリラクリニックさまの医療脱毛サービスのランディングページのデザインおよびコーディングを行いました。独自の世界観を持つ同クリニックのテイスト感を踏襲しながら、ランディングページとしての訴求力を両立したデザインを設計。画像が多く、読み込みが遅くなりがちなレスポンシブ仕様でありながらも、ユーザーがストレスなく閲覧できるような表示速度を実現しました。
ランディングページのデザインコンセプト
- ブランドカラーであるネイビーを基調にしたカラー設計
- レスポンシブデザインに対応したデザイン展開
- 本LPのテーマに合わせたキャラクターイラスト素材の描き下ろし
- コンテンツの切り替えのわかりやすさを意識したUIデザイン
- 現在地表示に迷わないナビゲーションメニューデザイン
- フラット寄りのベタでのカラー展開で、ぱっきりとしたメリハリのあるデザインに
- 全体デザインの中で、目立ちやすいCTAデザイン
ランディングページのコーディング
- レスポンシブWebデザインによる、1HTMLでPC/SPそれぞれに最適化したレイアウト設計
- PC/SPそれぞれのデバイスで異なるナビゲーションメニューの設置
- ファーストビュー画像を自動スライドで複数配置することで異なる訴求内容をアピール
- スマホでの閲覧時には固定フッターにCVボタンを設置
- 施術前後の状態が画像で一別できるように、ドラッグ/スワイプ操作による画像比較スライダーの実装
- コンテンツをコンパクトに収めるためアコーディオンを実装
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 |
|---|
ランディングページ＆サイト制作実績
20代向け転職支援サービスのPC/スマホランディングページ制作
20代向け転職支援サービス「20代の転職相談所」（ブラッシュアップ・ジャパン株式会社さま運営）のPC/スマホランディングページをデザイン制作いたしました。
整体スクールのPC/スマホランディングページを制作
ビジョナリーライズさまが運営されているYMCメディカルトレーナーズスクールのランディングページ（PC版/スマートフォン版）をデザイン制作いたしました。
すし職人のノウハウ動画サイトを制作
都内で10店舗の飲食店を運営しているテンスターズダイニング様。新規事業であるコンサルティング事業のプロモーションとして、西麻布の人気店「すし天」がお送りする「すし天チャンネル」という動画サイトをデザイン制作しました。
メンズコスメブランドのPC・スマホ向け楽天市場ストアサイトを制作
メンズコスメブランド「BULK HOMME（バルクオム）」を展開しているTSUMO・JP株式会社様の楽天市場ストアサイトのPC版とスマートフォン版をデザイン制作いたしました。
