WORKS DETAILランディングページ(LP)&サイト制作実績の詳細
オフィス移転案内のランディングページを制作
ブラッシュアップ・ジャパン株式会社さまのオフィス移転案内のレスポンシブランディングページを制作いたしました。

ランディングページのテーマ
「地下の巨大体育館」をオフィスにするという謎に包まれた本社移転をレポート
ブラッシュアップ・ジャパン株式会社さまの「本社移転のお知らせ」のためのランディングページを制作。移転案内を単なる業務連絡だけに終わらせず、移転案内そのものをお客様とさらに関係性を深めていく機会として今回のランディングページを制作。移転自体も、「地下の巨大体育館」をオフィスにするという型破りなコンセプトで、実際にランディングページでBefore/Afterのオフィス空間を見せることで、ビジュアルでも大きなインパクトを示すことができました。デザインは「お知らせ」というLPの目的に即して、瓦版/新聞のような読み物風のデザインに仕上げています。
ランディングページのデザインコンセプト
- 新聞風の読み物型ランディングページとしてデザイン
- 移転に纏わる謎を解いていく期待感が出る変則的なレイアウト
- デバイスごと(スマートフォン/PC)に最適化したデザイン設計
- 実際のオフィス写真を有効活用してインパクトを持たせる
- フォントのジャンプ率に変化を持たせたメリハリのあるデザイン
- 新住所を印象づける固定型フッターをデザイン
ランディングページのコーディング
- PC/SPそれぞれに最適化したレスポンシブコーディング
- 画像サイズの調整による高解像度ディスプレイへの対応
- CSSによる縦書きと横書きが混在したダイナミックなレイアウトの実装
- 固定フッターを実装しCV導線を確保
- googleフォントを読み込み、各デバイスでのフォントの表示を統一
カテゴリー | ランディングページ |
---|
提供サービス |
ランディングページ制作 |
---|
ランディングページ(LP)&サイト制作実績

バイリンガル幼児園のランディングページを制作
バイリンガル幼児園「i Kids Star(アイキッズスター)」(やる気スイッチグループさま運営)のスマートフォン/PC用ランディングページを制作いたしました。

第二新卒者向け就職支援サービスのPC/スマホランディングページを制作
ブラッシュアップ・ジャパン株式会社さまが運営する「いい就職.com」の第二新卒者向けPC/スマホランディングページを制作いたしました。