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

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

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

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

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

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

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

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

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

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

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

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

貸切会場のランディングページ

貸切会場のランディングページを制作

ブライダル・ホテル・レストラン・スクール・カラオケ・バー・カフェ・スタジオ・劇場などレジャー施設の企画運営を行われているニュートン様(パセラリゾーツ様)のランディングページをデザイン制作いたしました。

ロケーションフォトウェディングの体験レポートランディングページを制作

ロケーションフォトウェディングの体験レポートランディングページを制作

自社運営しているロケーションフォトウェディング専門サイト「ロケ婚」の撮影体験レポートのランディングページをデザイン制作いたしました。

IT・Webエンジニア転職支援サービスのランディングページを制作

IT・Webエンジニア転職支援サービスのランディングページを制作

レバレジーズ株式会社さまが運営するIT・Webエンジニア専門の転職サイト【LeveragesTech】(レバレジーズテック)!のランディングページをデザイン制作いたしました。

住宅業界に特化したマーケティング会社のコーポレートサイトのデザイン・制作

集客・営業コンサルティング会社のサイトを制作

住宅業界に特化したマーケティング支援会社である株式会社ラン・リグさまのコーポレートサイトをデザインリニューアルいたしました。

ドローン・顔認証AIサービスのサイトデザイン制作

ドローン・顔認証AIサービスのサイトデザイン制作

ドローン・顔認証AIソリューションサービスを提供するセブントゥーファイブ株式会社さまのコーポレートサイトをデザイン制作いたしました。

シングル向け中古マンション購入・リノベーションの情報サイトを制作

単身者向け不動産(中古マンション&リノベーション)のサービスサイトを制作

株式会社ラン・リグさまが運営する「東京シングル不動産」のサービスサイトをデザイン制作いたしました。

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

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