ミニ四駆チームRXRの公式ウェブサイトができました!

ミニ四駆チームRXRの公式ウェブサイトができました!

2020.01.16 | RXR, Staff Diary

RXR RE:DESIGN EXTREAM RACING

こんにちは、辻元気です。
世界一小さなモータースポーツ「ミニ四駆」のチームRXRが昨年発足しました。
あれから月日が過ぎ、満を持して公式ウェブサイトが公開となったのでお知らせします!!
やったね!!
それでは、ウェブサイトの全容をご紹介します。

Contents

チーム名の決定

まずは、振り返りという事で、チーム名の由来から。
RXR=RE:DESIGN EXTREAM RAXING -MINI4WD PROFESSIONAL TEAM-
という事で、ある意味エックススポーツではないですが、速さを競うという事でエクストリームという言葉を入れております。
そして、プロフェッショナルという文字も入れていますが、何がプロフェッショナルかと言うと「意気込み」がプロフェッショナルという…。

実はチーム名の候補は他にもたくさんあったんです。
1)Re:design ミニ四駆部(そのまま)
2)Team Re:(チームアールイー)
3)Re:recing(Re: + レーシング)
4)Re:cing(Re: + レーシング)
5)Nasu4wd(那須 + 四駆)
6)那須エンジニアリング(なんとなく)
7)NASUYONKU(那須四駆)
8)NAS MOTORS(那須モータース)
9)RM4T(Re:design Mini4wd Team)
10)NASU BATTLES(那須バトルズ)
11)NASU MINI4WD CLUB(略称:NM4)
12)NASU DASH(那須ダッシュ)
13)那須塩原ミニ四駆クラブ(そのまま)
14)Team 超速(速そうなネーミング)
15)NASU EXTREAM(那須エクストリーム)

ロゴデザイン

ロゴ

そんな、チーム名が決定して直ぐ、時間で言うと10分、20分でできたロゴがこのRXRのロゴデザインです。
黒に赤い色がカッコいい仕上がりとなりました。

写真・動画撮影・ときどき編集

オールスターズ

まずは、ウェブサイトで使用するプロフィール写真と、背景でルーティーンで再生する動画の撮影を実施ました。
写真に関しては、フラッシュを複数使っての多灯撮影で専用のブースで撮影しました。
動画に関しては、栃木県内某所で撮影を実施。編集はAdobe Premiere Proにてトリミング、色味調整などを行ました。

ウェブサイトデザイン制作

ウェブサイトのデザインはRXRのリーダーが担当。
Adobe XDにてサクサクっと作り上げました。

インターフェースとしては珍しい横スクロールを採用しました。
ミニ四駆が進んでいるイメージです!

コーディング・実装

公式ウェブサイトを見ていただければわかりますが、かなり精巧な作りとなっています。
サイト全体ではReactを使用して構築しています。
その他、オープニングで目を引くSVGを活用したアニメーションでのロゴの表現やら、ミニ四駆が画面下部を走っている様子も表現。

特出すべきは、高速な滑らかな動きだと思います。
すっごいヌルヌル動く感じが素晴らしい。

う〜ん、素晴らしい!

完成

と言うわけでウェブサイト完成です。
みんな、見てね!
こちらからご覧ください!

 

辻 元気
Written by
辻 元気
Categories
Written by