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

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

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

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

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

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

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

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

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

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

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

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

中高生向けITキャンプ「Life is Tech!」の採用ランディングページを制作

中高生向けITキャンプ「Life is Tech!」の採用ランディングページを制作

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

書籍「ランティングページ・デザインメソッド」の紹介用ランディングページを制作

書籍「ランティングページ・デザインメソッド」の紹介用ランディングページを制…

ランディングページの専門書「ランディングページ・デザインメソッド(株式会社ポストスケイプ著/MDNコーポーレーション発行)」を紹介するランディングページを制作いたしました。

ネット炎上・SNSリスクモニタリングサービスのランディングページを制作

ネット炎上・SNSリスクモニタリングサービスのランディングページを制作

株式会社エルテスさまが提供する、ネット炎上・SNSリスクモニタリングサービスのレスポンシブランディングページをデザイン制作いたしました。

不動産会社のコーポレートサイトをデザイン制作

不動産会社のコーポレートサイトをデザイン・制作

マンション経営を中心とした不動産・住宅・資産運用事業を展開されているプレミアムライフ様のコーポレートサイトをデザイン制作いたしました。

ペットの行動や感情を可視化するスマートフォンアプリ「anicall」のサービスサイトをデザイン制作

ペットの行動や感情を可視化するアプリのサービスサイトをデザイン制作

ブランドコンサルティング会社クリオーゾ様ディレクションのもと、株式会社Anicallさまがご提供されているスマートフォンアプリ「anicall」のサービスサイトをデザイン制作。

キッズスペース専門プランナーのサイトを制作

キッズスペース専門プランナーのサイトを制作

商業施設内にあるキッズスペース(遊具)の企画・設計を手掛ける元コーポレーションさまのサイトをデザイン制作いたしました。

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

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