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

「ランティングページ 成果を上げる100のメソッド」の書籍紹介用ページを制作

ランディングページ制作・改善の専門書「ランティングページ 成果を上げる100のメソッド(株式会社ポストスケイプ著/MdN発行)」を紹介するランディングページを制作いたしました。

「ランティングページ 成果を上げる100のメソッド」の書籍紹介用ページを制作

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

書籍のコンセプト/テーマをシンプルに伝える

主にランディングページ改善の専門書として執筆したため、「本を読むことで得られる知識」を簡潔に伝えることを意識しました。本書のコンセプト説明から各章の内容へと繋げる形でシナリオを設計しています。実際の書面の一部を大きく配置することで、本書の具体的なコンテンツのイメージが湧くようにしています。

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

  • 書籍のイメージとリンクするメインビジュアルの策定
  • フラットデザインを採用
  • 5つのLPOプロセスをモチーフに5角形のパーツデザインで表現
  • フォントサイズにメリハリをつけ、インパクトのある見出しデザイン
  • 各章のイメージカラーと合わせた5つの配色設計

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

  • 高解像度ディスプレイで見ても要素が荒れて見えないコーディング
  • 現在のスクロール量が分かるプログレスバーを画面上部に実装
  • CSSのmix-blend-modeを使用したデザイン
  • スクロールに応じて要素がフェードイン
  • SVGを使用
カテゴリー ランディングページ

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

GCP認定トレーニング&認定試験のランディングページを制作

GCP認定トレーニング&認定試験のランディングページを制作

Googleの技術をコアとした開発やコンサルティングを行う株式会社トップゲートさまがGoogle公認のもとで運営しているGoogle Cloud Platform認定トレーニング&認定試験のランディングページをデザイン・制作いたしました。

有名人・著名人キャスティングのLPをリニューアル制作

有名人・著名人キャスティングのLPをリニューアル制作

様々なジャンルの有名人・著名人の派遣を全国向けに行うヒーローキャスティングさまのレスポンシブランディングページをリニューアル制作いたしました。

イタリア発ブランド腕時計のランディングページを制作

イタリア発ブランド腕時計の単品通販ランディングページを制作

ファッションの発信基地イタリアで誕生した腕時計MAVERTEAMのランディングページを、物販のテストを兼ねて自社でデザイン制作・運用いたしました。

採用動画制作サービスのサービスサイト制作

採用動画制作サービスのサービスサイト制作

採用動画の製作や生配信を行う株式会社フィールドキャスター様のサービスサイト制作を担当しました。

中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作

中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作

ライフイズテック株式会社さまが手掛けるシリコンバレーの教育法で学ぶ、中高生のためのIT教育プログラム“”Life is Tech!”のサイトを、サマーキャンプのLPに続き、デザイン制作いたしました。

アプリ開発会社のサイトリニューアル制作

アプリ開発会社のサイトリニューアル制作

アプリ開発事業を展開されている株式会社インプリ様のコーポレートサイトのリニューアルデザインを担当しました。

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

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