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でコーディングしたものを使用しています。

フロントページの画像

WORKSページ スマホの画像