ホテルの予約、飛行機の予約、レンタカーの予約、レストランでの食事といった、出張時に発生する費用を一元管理するためのサービス「Trippeo」のティザーサイトです。

昨年から引き続きwebデザインのトレンドとして使われている「ウインドウいっぱいの背景動画」を活用し、１ページごとにスクロールしていくスライド型のサイトです。
特徴的なのは、スクロールのナビゲーション。
画面の中央にはページごとに加算されていく金額が多く配置され、数字の周りを周回するカタチでナビゲーションのアンカーが置かれています。
一目で「お金」に関するページなのを印象付けつつ、スクロールさせていく楽しみがあるデザインです。

展開するサイドメニューがやや使いにくい点と、メニューから遷移するその他のページがシンプル過ぎてトップページとの落差を感じてしまうのがちょっとだけ気になりますが、「ティザーページを最後までスクロールさせる」という問題へのアプローチとして、ナビゲーションの使い方は非常に参考になるのではないでしょうか。

Go to Website