WEBsite /
portfolio site
担当範囲
企画、デザイン、ワイヤーフレーム、コーディング
使用ツール/言語
Photoshop、Illustrator、Figma、Visual Studio Code、WordPress、
HTML、SCSS、JavaScript(jQuery)、PHP
製作時期/制作時間
22024.2 – 2024.3 / 50日間
企画、ワイヤーフレーム:8日間
デザイン:7日間
コーディング:18日間
WordPress:17日間
サイズ
Webサイト(レスポンシブデザイン対応)
ターゲット
採用ご担当者様
目的
これまでの製作物及び自身が現時点でできることをわかりやすく伝えるため
レイアウト
採用ご担当の方の視線動きを考え、見やすさと操作性を意識し、レイアウトを構築しました。
操作性を意識し、フッター部分にコンタクトフォームを設け、
どのページからも1クリック(もしくは1タップ)でコンタクトできるように一貫性を持たせました。
デザイン
今までに学んだ動きを取り入れつつ、読みやすさと操作性にポイントを置き、シンプルなデザインを意識しました。
各制作物詳細のページでは下部にスライダーを取り入れ、他の製作物詳細ページへのアクセスをスムーズに行えるように設計しました。
またフロントページ
WORKSではMixItUp、製作物一覧ページではカテゴリーページへのリンクを取り入れ、検索のしやすさを意識しました。
今後も制作物が増えることを考慮し、製作物詳細ページを作成すると制作物詳細ページのスライダーと制作物一覧に追加される仕組みを実装し、
メンテナンスのしやすさを意識しました。
WordPress
テーマをカスタマイズし構築しました。VSCordでコーディングしたものを使用しています。