実績に戻るスポーツ・コミュニティ
EnPadel
東京のパデルコミュニティのための日英対応サイトです。競技を通じて生まれる「縁」という考え方を軸に、スクロールに連動して進む映像と、それに合わせて現れる文字で構成しています。
ブランドサイトスクロール連動映像日英バイリンガル問い合わせフォームモーション設計Next.js
概要
EnPadelは東京でパデルのイベントを運営していて、日本人プレイヤーと英語圏の在住者が半々くらいで集まります。その多くがパデルに初めて触れる人たちなので、このサイトは情報よりも先に「雰囲気」を届ける構成にしました。スクロールに合わせてコートの映像が進み、5つの言葉がその映像に合わせて現れ、そのあとで初めてパデルとは何か、誰が運営しているのか、次のイベントはいつかを説明します。フォームの件名の選択肢に至るまで、日本語と英語の両方を用意しています。
制作内容
スクロールで進む映像
自動再生ではなく、スクロールに合わせて映像が進む仕組みです。端末に合わせて画質を自動で切り替え、文字は映像内の選手と重ならない位置に配置しました。視差効果を減らす設定にしている方には静止画を表示します。
初めての人にパデルを伝える
訪問者のほとんどはパデル未経験なので、コート、道具、試合の進み方を専用のセクションで説明しています。既製の写真素材ではなく手描きのイラストを使うことで、初心者の疑問に答えつつ、ブランドの雰囲気も大切にしました。
次のイベントを主役に
再訪の理由になるのはイベントなので、次回開催を独立したパネルにして、会場は地図にリンクしています。過去のイベントはその下にまとめ、振り返りの映像を添えました。開催予定がないときも、ここで活動の実績が伝わります。
同じサイトを英語で
日本語を既定にして、英語は/enに置いています。すべての文言をひとつの辞書ファイルにまとめているので、2つの言語版がずれることがありません。ナビゲーション、フォームのラベル、件名の選択肢まで両言語で用意しています。
件名で振り分ける問い合わせフォーム
Instagram連携
モバイルメニュー
動きを抑えた表示に対応
お客様の声
Kaiさんはいつもやりとりがしやすく、一緒に進めていて気持ちのいい方です。こちらが何を必要としているのかをきちんと理解しようとしてくれて、頭の中にあるイメージをそのまま形にしてくれます。サイトのクリエイティブな方向性も安心してお任せでき、パソコンでもスマートフォンでもきちんと見えるように仕上げてくれました。あとから機能や外部サービスとの連携を追加したときもとてもスムーズで、連絡へのレスポンスも早いです。新しくサイトをつくりたい方、ウェブまわりで困っている方には、自信を持っておすすめできます。
