投資信託商品のランディングページを制作

革新的な商品やサービスを生む、次世代のイノベーション企業への投資機会を提供

壮大な挑戦を行うムーンショット銘柄に投資する「iFreeNEXT ムーンショット」。ムーンショット指数は、創業年数が浅く、なおかつ、急速な成長が期待できるイノベーション企業を中心に構成されています。本ランディングページでは本サービスの持つ、革新的でイノベーティブな側面を、直感的に伝えるようなブランディングを目指し、情報設計・デザイン・コーディングまでを行いました。デザイン面では、アイコンとなるムーンショットのビジュアルデザインはじめ、わかりやすいインフォグラフィックデザインなどを行っています。コーディング面では適度にパーツ/要素を動かすことで、情報がよりユーザーに伝わりやすくなるためのアニメーションの実装を行っています。

• サービスのアイコンとして展開するビジュアルをデザイン
• ビジュアルデザインでは、サービスコンセプトや壮大さを表現
• デバイスフォントでの構成を踏まえたレイアウト設計
• ブラックの背景色に引き立つ蛍光色によるカラーリング設計
• 各種グラフ要素のインフォグラフィックデザイン
• 全体のカラーリングに対して、視認性の高いCVボタンカラー

• PC/SPそれぞれに最適化したレスポンシブコーディング
• 画像サイズの調整による高画質ディスプレイへの対応
• 商品の魅力を視覚的に伝えるようなメインビジュアルのアニメーションの実装
• スクロールに合わせて、見出しなどの要素を表示させるアニメーションの実装
• ハンバーガーメニューのページ内リンクによる、目的コンテンツへのスムーズな移動