WORKS DETAILランディングページ（LP）＆サイト制作実績の詳細

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

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

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

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

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

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

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

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

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