T.Kawashima's website

架空の学生ダンスサークルのホームページ

2020年3月

Reactとデザインの練習として作成した、架空の学生ダンスサークルのホームページです。

こちらに上げています → DANCE CIRCLE

Reactを勉強したので、 それを使って架空の学生ダンスサークルのホームページを作成してみました。

また、WEBデザインの練習も兼ねています。

Reactはそれぞれのパーツをクラスで分けているので、 htmlファイルが複雑にならなくて良いなと思いました。

「Information」と「お問い合わせ・SNS」のページ(モバイル)

CSSのスタイルはモバイルファーストにしました。

学生ダンスサークルなので、見る人はパソコンよりスマホの方が多いだろうな と思ったからです。

動画をトップ画面に使ったりして、デザインはシンプルにカッコよく、 内容は入サー希望者が知りたそうなものを載せました。

一番のお気に入りは、「お問い合わせ・SNS」の内容のデザインです。

「ジャンル紹介」のページ(デスクトップ)

←Work