ARI'SPORTFOLIO

作品1
Webサイト制作
実際に使用している自分のポートフォリオサイトです。
制作時期 2021年12月~2022年1月
制作時間 デザインに約20時間
コーディングに40時間
レスポンシブ対応などの修正に40時間
下層ページ作成に20時間
担当箇所 デザイン、コーディング
使用ソフト XD
VSCode
Detail
作品について
概要
自分の作品を冊子以外でもWeb媒体で提出する機会が多く、作成を決意。 はじめてXDを使用。cssで疑似要素やanimationなどを使い、これまでのwebの勉強の集大成となるようなサイトを作成しました。

パソコン版デザイン(スクロール可)

ワークフロー1

モバイル版デザイン(スクロール可)

ワークフロー1
レスポンシブデザインを意識して、flexboxを多用しています。透過画像(アイコン)や動画などをたくさん埋め込み楽しい画面つくりを意識しました。
ワークフロー1
グローバルメニューは冊子版ポートフォリオと同じく、ネオンデザインをコンセプトにしています。