本ポートフォリオWebサイトです。
担当
デザイン・コーディング
制作時間
10日
コンセプト・ターゲット
ポートフォリオサイトでは 「始まり」をコンセプトにしました。
メインビジュアルの海は、WEBデザインのスタート地点にいる私と、生命の始まりである海をイメージとして設定しました。
デザインについて
ポートフォリオサイトにて、サイトを訪れる方は「何ができるのか」「何を制作したのか」を最も求めていると想定し、
『works』『skill』『about』『contact』の構成にしました。
『works』については、当初モーダルウィンドウを使い1ページで完結しようかと考えましたが、別ページに記載したほうが、作品の解説を詳細に書けるため、別ページに遷移する仕様としました。
全体のデザインとしては、画像、ボタンに丸みをもたせ、柔らかいイメージをだしました。
また、閲覧の際作品の邪魔にならない程度に、波のアニメーションを導入し、サイト全体の海のイメージを強調しました。
コーディングについて
PC、タブレット、スマートフォンでデザイン崩れがおきないように、レスポンシブ対応をしました。
また、後からの修正が容易なように、どの部分のコードであるか分かるようにコメントアウトで記述しました。