WORKS

  • web site
  • Word Press
  • ポートフォリオ

ポートフォリオサイト

  • Cording
  • Design
  • Wire
概要
これまでの実制作と学習履歴をまとめるためのポートフォリオサイトを制作

使用ツール
photoshop / dreamweaver/ Local/ WordPress

制作期間
2か月(2024年2月中旬~4月中旬) ワイヤー15日 / デザイン 5日 / コーディング15日/ WordPress化10日/ 本番環境に移行10日

対応範囲
企画立案 / カンプ制作 / 文章構成 / レイアウト / 画像補正 / デザイン / レタッチ / コーディング / WordPress化

現状と課題

これまでの実制作と学習履歴をまとめるためのポートフォリオサイトを制作しました。
作品を目立たせたいのでシンプルながらもしっかりとした構成で見やすいサイトを作ることが課題でした。

課題として明確化したこと

  • 自分のことを伝えるためのデザインを考える
  • トップのキャッチフレーズでしっかりと自分のことを表現する。
  • コーディングを想像しながらワイヤーフレーム・デザインを制作していく
  • わからないことは、まず調べて自分なりに落とし込んでいくことを学ぶ
  • 作品を今後増やしたり管理していくために、ポートフォリオサイトのワードプレス化に挑戦する

制作でできた事・感想

自分のことを伝えるために、どういう内容でどういうデザインが伝わるのか。
それを考えて答えを出すには、見る人の立場に立って考える客観性が大事だと気づきました。

デザインで計画したことをコーディングで表現する時に壁に何度か壁に当たりましたが、自分なりに調べて解決しました。

また、制作した作品ごとに1ページ増やしていくのが今後を考えると大変なので、並行して勉強していたphpでワードプレス化に挑戦しました。

書籍を見ながらですが、ローカルで環境ワードプレス化し、それぞれの作品をカスタムカテゴリーで分けて投稿することができたので、今後は作品を随時ブラッシュアップ・追加していきたいと思います。


portfolio全体画像