WORKS DETAILランディングページ(LP)&サイト制作実績の詳細

法人向け脆弱性診断サービスのランディングページを制作

GMOサイバーセキュリティ byイエラエさまが提供する「脆弱性診断サービス」のランディングページ(LP)を制作いたしました。

法人向け脆弱性診断サービスのランディングページを制作

ランディングページのテーマ

世界トップレベルのホワイトハッカーがあらゆるセキュリティの脅威を診断

GMOサイバーセキュリティ byイエラエ様は、国内外のセキュリティコンテストで1位を取得したり、官公庁や大手企業にも多数の実績を持つサイバーセキュリティの専門集団です。昨今のサイバー攻撃の高度化・多様化により法人需要が高まる中で、同社の豊富な支援実績と幅広いソリューションの数々をわかりやすく伝え、コンバージョンへと導くLPデザイン・実装を担当いたしました。

ランディングページのデザインコンセプト

  • セキュリティサービスとしての信頼感と、問い合わせしやすい安心感を意識したデザイン
  • イラストを用いた平易な表現で、専門的な内容も分かりやすく訴求
  • カード型のUIデザインで複数のソリューションプランを読みやすく整理
  • コンテンツごとの情報ブロックを意識してグルーピングすることで視線誘導を最適化
  • ブランドカラーをベースにしてサービスの世界観を演出。ブランドカラーの補色でCVボタンを強調
  • デバイスフォント中心のデザインながら、フォントサイズや文字組みの工夫でメリハリ感を担保

ランディングページのコーディング

  • 全てのデバイスで最適なレイアウトになるフルフレキシブルな設計
  • 軽量な構成を目指し、プレーンなHTML/CSS/JavaScriptでの開発を実施
  • alt属性の適切な使用や色のコントラスト設計、キーボード操作への配慮など、アクセシビリティに配慮したコーディング
  • 要素を横並びさせたり、中央揃えでバランスを綺麗に保つことで、スマートな印象を与えつつ、見やすいデザインをテキストコーディングにて再現
  • モバイル表示時にも操作しやすいUI(ハンバーガーメニュー、タップ領域の最適化)。ページ内リンクにスムーススクロールを導入し、ユーザーが快適にページ内を移動できるよう工夫
  • CTAは複数箇所に設置されており、スクロールしても常にコンバージョン導線が存在
  • SEOを意識したデバイスフォント中心のコーディング

ランディングページ(LP)&サイト制作実績

人気読者モデル100人の審査・認定サービスのランディングページを制作

人気読者モデル100人の審査・認定サービスのランディングページを制作

キャスティング事業を手がける株式会社エイスリーさまの新規事業DOKUMO SELECTION(ドクモセレクション)のランディングページをデザイン制作しました。

貸切会場のランディングページ

貸切会場のランディングページを制作

ブライダル・ホテル・レストラン・スクール・カラオケ・バー・カフェ・スタジオ・劇場などレジャー施設の企画運営を行われているニュートン様(パセラリゾーツ様)のランディングページをデザイン制作いたしました。

エンゲージメントとメンタルヘルスを両立する組織改善プラットフォームのランディングページを制作

エンゲージメントとメンタルヘルスを両立する組織改善プラットフォームのLPを制…

株式会社アドバンテッジリスクマネジメントさまが提供される組織改善プラットフォームのランディングページを制作いたしました。

20代向けwebセミナープラットフォームのサービスサイトを制作

20代向けwebセミナープラットフォームのサービスサイトを制作

20代対象のwebセミナーサービス「ニイゼロ★ウェビナー」(ブラッシュアップ・ジャパン株式会社さま運営)のサービスサイトをデザイン制作いたしました。

ドローン・顔認証AIサービスのサイトデザイン制作

ドローン・顔認証AIサービスのサイトデザイン制作

ドローン・顔認証AIソリューションサービスを提供するセブントゥーファイブ株式会社さまのコーポレートサイトをデザイン制作いたしました。

すし職人育成教室のサービスサイトを制作

すし職人育成教室のサービスサイトを制作

西麻布の人気寿司屋「すし天」が新たにスタートされた、現役の寿司職人が直接指導する育成教室「すし大学」のサービスサイトをデザイン制作しました。

もっと詳しい事例をご覧になりたい方は

  • 03-6427-2311 平日10:00~18:00
  • お問い合わせフォーム