Overview
プロジェクト概要
日本各地の風景や体験を30秒の動画で紹介する旅のメディア「30 seconds trip」のサイトを制作しました。最初の画面は動画を全面に使い、縦書きのコピーとロゴだけを重ねて、旅の雰囲気が先に伝わるようにしています。
動画の下には、自然・まち歩き・イベント・歴史文化・体験プラン・食・特集の7つのカテゴリアイコンと、エリアを選んで探す検索を置きました。続けてPICKUP MOVIE（おすすめ動画）、SPECIAL CONTENTS（特集）、NEW RELEASE（新着動画）、MAGAZINE、Instagramの写真ギャラリーを配置しています。デザインから実装まで、RuxelTechチームで一貫して対応しました。
- 業種
- 観光・旅行
- ロール
- サイト設計 / デザイン / フロントエンド実装 / レスポンシブ対応
- 技術
- HTML5 / CSS3 / JavaScript / レスポンシブ対応
TOP — トップページ
動画を主役に、行きたい場所を探せるメディアサイト
サイトの入口となるトップページを、PC版・スマホ版で掲載しています。全面動画のファーストビューで世界観を伝え、カテゴリとエリアの2つの入口から動画を探せる構成にしました。動画のサムネイルには地名を大きな英字で重ね、一覧のままでも行き先が分かるようにしています。
- 全面動画と縦書きコピーのファーストビュー
- 7つのカテゴリとエリア選択による動画検索
- おすすめ・特集・新着を分けた動画一覧
- マガジン記事とInstagramギャラリー
全体をスクロールしてご覧いただけます
Results
成果
短い動画を主役に据え、カテゴリとエリアから行きたい場所を探せる旅のメディアサイトとして制作しました。
Tech Stack
HTML5CSS3JavaScriptレスポンシブ対応