WEBサイト「WICD – What I can do.」

idea
ポートフォリオのサブサイトとして制作した「WICD - What I can do.」です。

プロトタイプはadobe XDにて制作、コーディングはJSフレームワーク・Vue.jsを用い、ビルド環境はVue CLIにて構築しました。
またVue RouterによってSPA化したため、シームレスなページ遷移が可能です。

自身のスキル紹介に特化するサブサイトとして制作しましたが、主な目的はVue.jsへの理解を深めるためのアウトプットでした。
当初は部分的なVueの導入を想定していましたが、結果的にはビルド環境など全面的にVue環境で制作しています。

メインビジュアルの人物シルエットは自身のもの。
制作当時、海外の美術館が名画のWEB画像素材をロイヤリティフリーで開放したことがちょっとした話題となっていました。
そこで、どこかで使いたいと思っていた『富嶽三十六景 神奈川沖浪裏』の画像を、自身のシルエットでマスクしてメインビジュアルにしてみました。