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

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

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

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

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

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

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

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

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

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

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

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

「いい就職.com」様公式サイトのスマートフォンランディングページを制作

第二新卒・既卒の就職支援サイトのスマートフォンランディングページを制作

ブラッシュアップ・ジャパン株式会社さまが運営する公式サイト「いい就職.com」のスマーフォン向けトップページのUIデザインを担当。

LP制作サービスの販促用ランディングページを制作

LP制作サービス「コンバージョンラボ」の販促用ランディングページを制作

コンバージョンラボが提供するLP制作サービス販促用のランディングページをデザイン制作いたしました。

大学受験に特化した学習塾の校舎別ランディングページを制作

大学受験に特化した学習塾の校舎別ランディングページを制作

城南予備校を運営する株式会社城南進学研究社さま主催の大学受験に向けた学習塾のランディングページを制作いたしました。

システム設計・受託開発のシングルページを制作

システム設計・受託開発のシングルページを制作

株式会社イマクリエ様と協業し、システム設計・受託開発を手がけるアルカディア株式会社様のコーポレートサイトをシングルページ形式でデザイン制作いたしました。

メンズコスメブランドのPC/スマホランディングページ(LP)を制作

メンズコスメブランドのPC・スマホ向け楽天市場ストアサイトを制作

メンズコスメブランド「BULK HOMME(バルクオム)」を展開しているTSUMO・JP株式会社様の楽天市場ストアサイトのPC版とスマートフォン版をデザイン制作いたしました。

有名人・著名人キャスティングサービスのサイトを制作

有名人・著名人キャスティングサービスのランディングサイトを制作

タレント・文化人・専門家・スポーツ選手・芸人・歌手の派遣を全国向けに行うヒーローキャスティング様のサイトをデザイン制作いたしました。

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

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