Leader Bikes x Undefeated Racing Team

UI / UX Design, Development2016

Overview

カルフォルニアのピストバイクメーカー、Leader BikesとUNDFTDのコラボにより実現したオリジナルチームのプロモーションサイト。視差効果やアニメーションを効果的に使った縦長のランディングページ。

Process

デザインからロンチまで約2週間のショートタームスケジュール。フォトグラファー都合上どのような写真が提供されるかは事前に知る事ができない条件下で、先にサイトの構築を開始させました。ロンチの3日前にチームのビジュアル要素であるタイガーカモフラージュ柄を使用するように依頼があり、急遽赤を差し色にしたデザインを変更、カモフラージュ柄がアイキャッチになるように修正しました。

また、単体のページにビジュアル的要素を多用しており、データサイズが大きくなりがちなので、快適な閲覧ができるようにパフォーマンスに特別気を使う必要がありました。

Outcome

今回制作されたランディングページは、合計6個のセクションが縦長のレスポンシブレイアウトに配置され、スクロールに応じた要素のアニメーションがコンテンツに動きを持たせています。斜めの要素をデザインの重要な要素とし、危うさやスピード感、不安定感といったスポーティな雰囲気と、規則性のあるレイアウトによる情報の可読性を両立しました。

5以上のショーケースサイトに取り上げられました。