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

持ち運び専用モバイルPCの製品ランディングページを制作

株式会社サードウェーブさまの開発するモバイルPC「デジノス アルタイル F-13KR」のレスポンシブランディングページを制作いたしました。

持ち運び専用モバイルPCの製品ランディングページを制作

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

個人事業主・起業家にとっての「相棒」にふさわしいモバイルPC

機能面においてオールマイティ/万能な優秀さをもった「デジノス アルタイル F-13KR」。競合製品が多数存在する13インチのモバイルPC市場のなかで、本製品の魅力をより分かりやすく伝えるために、「誰のための製品であるか」を重点的に打ち出すメインキャッチ・ビジュアルを考案。ランディングページ全体の構成では、機能紹介コンテンツを網羅的に配置しつつも、機能の先にあるターゲットのベネフィットに寄り添うキャッチコピーで競合製品との差別化を図りました。ページ後半では独自の保証サービスなどを紹介し、本ランディングページで商品を購入するにあたっての不安感を払拭するようなシナリオ構成を展開しています。

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

  • 製品とターゲットの関連性を想起させるファーストビューデザイン
  • 可読性が高く、スマートな印象を想起させる細めのゴシック体をメインフォントに採用
  • レスポンシブwebデザインを考慮しながらも、動きのあるデザイン展開
  • ブルーを基調とした、クレバーなスタイリッシュさを演出する色彩設計
  • 「製品の軽さ/持ち運びやすさ」を動きのあるレイアウトで表現
  • 背景にブルーのグラデーションと写真イメージを配置してCTAを強調

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

  • レスポンシブWebデザインによる、1HTMLでPC/スマホそれぞれに最適化したレイアウト設計
  • プレーンテキストを中心にコーディングし、SEOを意識したマークアップ
  • スクロールを促すスムーススクロールの実装
  • 画像サイズの調整による高画質ディスプレイへの対応
  • SPの閲覧時にはコンテンツをコンパクトに収めるためアコーディオンを実装

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

20代のメンタルチェック保健室のセミナー告知用ランディングページ(LP)を制作

20代のメンタルチェック保健室のセミナー告知用ランディングページ(LP)を制作

リバースジョブビレッジ様が運営する20代のメンタルチェック保健室のセミナー告知用のランディングページ(LP)を制作しました。

感染予防を楽しく学ぶボードゲーム「Save!」のランディングページを制作

感染予防を楽しく学ぶボードゲーム「Save!」のランディングページを制作

院内感染対策に関する製品及びコンサルティングを提供されている株式会社モレーンコーポレーションさまが開発されたゲーム型教育ツール「Save!」のランディングページをデザイン制作しました。

中学生、高校生のためのITキャンプ「Life is Tech!」のランディングページを制作

中学生、高校生のためのITキャンプ「Life is Tech!」のランディングページを制…

ライフイズテック株式会社さまが提供する中高生のためのIT教育プログラム Life is Tech! のランディングページをデザイン制作いたしました。

結婚式2次会幹事代行のサイト&ランディングページを制作

結婚式2次会代行のサイト&ランディングページを制作

年間500組のパーティー運営を代行する2次会エンジェルさまのサイトとランディングページをデザイン制作いたしました。

FRENCH CONNECTION JAPANのECサイトを制作

FRENCH CONNECTION JAPANのECサイトを制作

日本に再上陸したイギリス・ロンドン発のストリートファッションブランドFRENCH CONNECTION JAPANのECサイトをデザイン制作・構築しました。

事業承継・人事コンサルティングのコーポレートサイトを制作

事業承継・人事コンサルティングのコーポレートサイトを制作

事業承継・経営人事コンサルティングを行うアイアルマーズ株式会社さまのコーポレートサイトをデザイン制作いたしました。

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

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