WORK 01 / Web design & coding

ポートフォリオサイト

就職活動のためにポートフォリオサイトを制作しました。
自分らしさをサイトに表せるように意識し、わかりやすく、迷子にならないようなサイトを目指しました。

このページは初版ポートフォリオの制作記録です。掲載画像と設計の説明は、制作当時のものです。

ABOUT THIS PROJECT

制作について

ターゲット: 採用担当者の方々。
課題: 得たスキルをアピールするツールがない。
目的: 採用担当者の方々に、自身のスキル、人間性などを理解していただき、働くイメージを持ってもらう。
設計: TOPページではファーストビューを固定し、各セクションごとに画面が切り替わるようにして、スクロールで迷子にならないサイト設計を目指しました。各ページにも適したボタンを設置し、無駄をなくしつつも単調にならないよう動きによる遊び心を取り入れました。
制作期間: 企画 / 設計 / ワイヤーフレーム１ヶ月
デザイン / コーディング１ヶ月
使用ツール: Figma / Illustrator / Photoshop / VS Code
所感: デザインカンプからサイトのイメージや動きなどをFigmaのコメント機能で残していき、コーディングの都度、アイディアが浮かぶとブラッシュアップを行なっていきました。
動きの部分はAIを活用しつつ、理想の動きを実装しました。
JavaScriptの理解が浅かったことが課題と感じました。