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

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

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

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

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

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

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

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

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

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

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

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

TOEIC学習サービスのランディングページを制作

TOEIC学習サービスのLP制作および分析改善(LPO)を担当

Socra AI Inc.さまが運営するTOEIC学習サービス「Santaアルクデータコーチ」のトライアル募集ランディングページ制作し、さらに継続的な分析・改善を実施。

インテリアWebマガジン・サービスのランディングページ(LP)を制作

インテリアWEBマガジンのシングルページを制作

ココチエ様が提供しているユーザー参加型インテリアWEBサイト「ココチエ」の会員登録促進のためのシングルページをデザイン制作いたしました。

第二新卒向け転職支援サービスのランディングページを制作

第二新卒向け転職支援サービスのランディングページを制作

「個性や趣味で勝負できる」第二新卒向け転職支援サービス(ブラッシュアップ・ジャパン株式会社さま運営)のレスポンシブランディングページを制作いたしました。

ケータリングサービスのサービスサイトを制作

ケータリングサービスのサービスサイトを制作

ケータリングサービスを提供されているエンジェルキッチンTOKYOさまのサービスサイトをデザイン制作。広告の受け皿となるお得感を訴求したLPも併せて制作いたしました。

モレーンコーポレーションさまコーポレートサイトを制作

院内感染対策コンサルティングのサービスサイトをデザイン制作

院内感染対策に関する製品及びコンサルティングを提供されている株式会社モレーンコーポレーションさまのコーポレートサイトをデザイン制作いたしました。

アイドル「CoverGirls」の公式サイトを制作

アイドルグループ「CoverGirls」の公式サイトを制作

2011年10月に活動を開始したCoverGirlsのWEBサイトをデザイン制作いたしました。

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

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