t's space.

t’s space.

カテゴリ Web
制作期間 デザイン:1週間
マークアップ:2ヶ月
使用ソフト Photoshop, Dreamweaver

Flow

制作過程

概要

自分の成長過程を残す目的で、ポートフォリオサイトを作成しました。
兼ブログも兼ね合っています。
デザインとWordPressの実装をしました。

工夫した点

デザイン面

  • 作品がメインになるサイトなので、サイト全体の余白を取り、他のデザインは目立ちすぎないようにしました。
  • サイトを見てくれる方に居心地がいいものに感じてもらうため、全体的に流体シェイプのデザインを採用し、アニメーションにもこだわりました。
  • クリック出来るものに影とホバーを付け、視認性を高めました。(フラットデザイン2.0)

実装面

  • ポートフォリオ兼ブログのサイトにしたため、ポートフォリオ専用のカスタム投稿タイプを追加し、別々で記事を管理できるようにしました。
  • ポートフォリオの個別記事の上部をカスタムフィールドで実装し、簡単に入力出来るようにしました。

感想

完成したポートフォリオですが、今後もより良いサイトにしていくために改善・更新をしていこうと思います。
他の学生のポートフォリオサイトは就職活動が終わると削除する人がいますが、私は今後の学生や業界の方々に見てもらうため、このまま公開していこうと思います。