WORKS DETAILランディングページ(LP)&サイト制作実績の詳細
「ランティングページ 成果を上げる100のメソッド」の書籍紹介用ページを制作
ランディングページ制作・改善の専門書「ランティングページ 成果を上げる100のメソッド(株式会社ポストスケイプ著/MdN発行)」を紹介するランディングページを制作いたしました。
ランディングページのテーマ
書籍のコンセプト/テーマをシンプルに伝える
主にランディングページ改善の専門書として執筆したため、「本を読むことで得られる知識」を簡潔に伝えることを意識しました。本書のコンセプト説明から各章の内容へと繋げる形でシナリオを設計しています。実際の書面の一部を大きく配置することで、本書の具体的なコンテンツのイメージが湧くようにしています。
ランディングページのデザインコンセプト
- 書籍のイメージとリンクするメインビジュアルの策定
- フラットデザインを採用
- 5つのLPOプロセスをモチーフに5角形のパーツデザインで表現
- フォントサイズにメリハリをつけ、インパクトのある見出しデザイン
- 各章のイメージカラーと合わせた5つの配色設計
ランディングページのコーディング
- 高解像度ディスプレイで見ても要素が荒れて見えないコーディング
- 現在のスクロール量が分かるプログレスバーを画面上部に実装
- CSSのmix-blend-modeを使用したデザイン
- スクロールに応じて要素がフェードイン
- SVGを使用
| カテゴリー | ランディングページ |
|---|
ランディングページ(LP)&サイト制作実績
TOEIC学習サービスのLP制作および分析改善(LPO)を担当
Socra AI Inc.さまが運営するTOEIC学習サービス「Santaアルクデータコーチ」のトライアル募集ランディングページ制作し、さらに継続的な分析・改善を実施。
第二新卒向け転職支援サービスのランディングページを制作
「個性や趣味で勝負できる」第二新卒向け転職支援サービス(ブラッシュアップ・ジャパン株式会社さま運営)のレスポンシブランディングページを制作いたしました。
ケータリングサービスのサービスサイトを制作
ケータリングサービスを提供されているエンジェルキッチンTOKYOさまのサービスサイトをデザイン制作。広告の受け皿となるお得感を訴求したLPも併せて制作いたしました。
院内感染対策コンサルティングのサービスサイトをデザイン制作
院内感染対策に関する製品及びコンサルティングを提供されている株式会社モレーンコーポレーションさまのコーポレートサイトをデザイン制作いたしました。






