WEBサイト「WICD – WHAT I CAN DO.」

idea
ポートフォリオのサブサイトとして制作した「WICD - WHAT I CAN DO.」をフルリニューアルしました。

プロトタイプはFigmaにて制作、コーディングはReactフレームワーク・Next.jsを用いています。
自身のスキル紹介に特化するサイトとして制作しているサブサイトですが、本作はトレンドでもあるNext.js学習アウトプットとしての成果物となります。

デザインに関しては、TOPページ以外ではテキスト情報主体のシンプルな構成としています。
昨今の海外サイトで見られるような大き目のタイポグラフィを見出しに取り入れ、そこにJS・CSSアニメーションを程よくのせることでモダンな印象としました。

またデフォルトをダークモードとし、ライトモードにも切替可能な仕様としています。

なおTOPページでは自身の愛する赤ちょうちん（大衆居酒屋）を背景動画として、オリエンタルな個性を出しています。