WORKS DETAILランディングページ(LP)&サイト制作実績の詳細
投資信託商品のランディングページを制作
大和アセットマネジメント株式会社さまの投資信託商品「iFreeNEXT ムーンショットインデックス」のレスポンシブランディングページを制作いたしました。
ランディングページのテーマ
革新的な商品やサービスを生む、次世代のイノベーション企業への投資機会を提供
壮大な挑戦を行うムーンショット銘柄に投資する「iFreeNEXT ムーンショット」。ムーンショット指数は、創業年数が浅く、なおかつ、急速な成長が期待できるイノベーション企業を中心に構成されています。本ランディングページでは本サービスの持つ、革新的でイノベーティブな側面を、直感的に伝えるようなブランディングを目指し、情報設計・デザイン・コーディングまでを行いました。デザイン面では、アイコンとなるムーンショットのビジュアルデザインはじめ、わかりやすいインフォグラフィックデザインなどを行っています。コーディング面では適度にパーツ/要素を動かすことで、情報がよりユーザーに伝わりやすくなるためのアニメーションの実装を行っています。
ランディングページのデザインコンセプト
- サービスのアイコンとして展開するビジュアルをデザイン
- ビジュアルデザインでは、サービスコンセプトや壮大さを表現
- デバイスフォントでの構成を踏まえたレイアウト設計
- ブラックの背景色に引き立つ蛍光色によるカラーリング設計
- 各種グラフ要素のインフォグラフィックデザイン
- 全体のカラーリングに対して、視認性の高いCVボタンカラー
ランディングページのコーディング
- PC/SPそれぞれに最適化したレスポンシブコーディング
- 画像サイズの調整による高画質ディスプレイへの対応
- 商品の魅力を視覚的に伝えるようなメインビジュアルのアニメーションの実装
- スクロールに合わせて、見出しなどの要素を表示させるアニメーションの実装
- ハンバーガーメニューのページ内リンクによる、目的コンテンツへのスムーズな移動
カテゴリー | ランディングページ |
---|
提供サービス |
ランディングページ制作 |
---|
ランディングページ(LP)&サイト制作実績
IT・WEBエンジニア向け転職支援サービスのランディングページを制作
IT・WEBエンジニア向け転職支援サービス「あなたにIT(あいてぃー)」(ブラッシュアップ・ジャパン株式会社さま運営)のレスポンシブランディングページをデザイン制作いたしました。