Portforio


Portforio


ボート部HPのリデザイン

高校時代所属していたボート部のHPが無料ブログのままだったのでリデザイン&コーディングしました。


1人

Web Design + Coding

5日間

Xd, Visual Studio Code


真面目に部活に取り組む姿を表現するために整然としたデザインに。そして、ボートが水の上を進むような「すーっ」とした感じを目線誘導やスクロールに反映しました。

Portforio


ボート部HPのリデザイン

高校時代所属していたボート部のHPが無料ブログのままだったのでリデザイン&コーディングしました。


1人

Web Design

5日間

Xd, Visual Studio Code


真面目に部活に取り組む姿を表現するために整然としたデザインに。そして、ボートが水の上を進むような「すーっ」とした感じを目線誘導やスクロールに反映しました。

Font

Noto Sans CJK JP Regular

Noto Sans CJK JP Bold

Color

#111111

#1960FF

#19A6FF

Button
AMEBA BLOG
AMEBA BLOG
Menu
Menu

完成までのあれこれ

実は一年前に授業の課題でもリデザインを行っていました。この時はWeb作品自体が初めてだ ったので、見返すとかなり変なところが多いです(笑)。今回は一年越しのリデザインのリデザインとなりましたが、一年でかなり成長がみれたかなと思います。

あとがき

いつもは問題解決型のデザインが多く、デザインの上流に時間をかけることが多いですが、この作品はアウトプットの美しさに重きを置きました(もちろんユーザーのことも考えてますが)。単純にみた時に「いいな」と思えるものを心がけました。

page top