ヒゲ脱毛のランディングページを制作

ブランドの世界観と訴求力を両立したランディングページデザイン

医療脱毛、スキンケア、薄毛治療まで、男性専門の総合美容クリニックとして、数多の男性から支持を受けるゴリラクリニックさま。今回は、ゴリラクリニックさまの医療脱毛サービスのランディングページのデザインおよびコーディングを行いました。独自の世界観を持つ同クリニックのテイスト感を踏襲しながら、ランディングページとしての訴求力を両立したデザインを設計。画像が多く、読み込みが遅くなりがちなレスポンシブ仕様でありながらも、ユーザーがストレスなく閲覧できるような表示速度を実現しました。

• ブランドカラーであるネイビーを基調にしたカラー設計
• レスポンシブデザインに対応したデザイン展開
• 本LPのテーマに合わせたキャラクターイラスト素材の描き下ろし
• コンテンツの切り替えのわかりやすさを意識したUIデザイン
• 現在地表示に迷わないナビゲーションメニューデザイン
• フラット寄りのベタでのカラー展開で、ぱっきりとしたメリハリのあるデザインに
• 全体デザインの中で、目立ちやすいCTAデザイン

• レスポンシブWebデザインによる、1HTMLでPC/SPそれぞれに最適化したレイアウト設計
• PC/SPそれぞれのデバイスで異なるナビゲーションメニューの設置
• ファーストビュー画像を自動スライドで複数配置することで異なる訴求内容をアピール
• スマホでの閲覧時には固定フッターにCVボタンを設置
• 施術前後の状態が画像で一別できるように、ドラッグ/スワイプ操作による画像比較スライダーの実装
• コンテンツをコンパクトに収めるためアコーディオンを実装