このポートフォリオサイトについて

このページでは、ポートフォリオ兼訓練日誌の制作背景・目的・学びについてまとめています。
Webデザイナーとしての第一歩を踏み出す過程を整理しました。

Webデザイナーとしての実績を一目で伝えられるよう、「シンプルで見やすく」「自分らしさを伝える」ことを意識して設計しました。訓練で学んだ内容を活かしながら、成長を記録する場としても機能しています。

（採用担当者様には、私のスキルと学習意欲を短時間で理解いただけるよう工夫しました）

他のポートフォリオサイトを参考に、「第一印象」「閲覧しやすさ」「情報の整理」に注目しました。特にスマホ表示のUXに意識を向けました。

Adobe XDでページごとのレイアウトを作成し、視線の流れやボタン配置に配慮しました。

PhotoshopとXDを使ってトップページと作品紹介部分のデザインを作成しました。

WordPressのCocoon子テーマをベースに、固定ページ・投稿ページのカスタマイズを実施。HTML5のタグを意識しました。

Cocoonのスタイルを活かしつつ、子テーマにてカスタムCSSを記述。必要に応じてメディアクエリで表示を調整しました。

スマホファーストを意識し、メニューの表示切替やカラムの縦並び対応を実装しました。

軽微なスクロールアニメーションやタブ切り替え等に活用予定です。
今回は使用していませんが、今後の課題とします。

日々の学びや制作の進捗を記録し、自分自身の成長を可視化するため。また、振り返りに役立てる目的もあります。

日誌の記録を元に、振り返りを行いながら、デザインの改善やコーディングの復習に活かしていく予定です。