制作の目的
Web制作実務に就くためのツールとしてのポートフォリオサイト制作。これまでの制作物や現在学習中の内容を通してWeb業界の採用担当者の方に自身のことを把握していただくために制作しました。
制作時期・期間
2020年4月3日～2020年5月31日(当記事作成工程含まず)の約2ヶ月(サーバー契約・企画構想・レイアウト・コーディング・記事作成・自己判断修正全て含む)。制作人数1人。制作時間約200時間(おおよそです)。また、Webとは無関係のお仕事を週4日フルタイムで勤務しながらの制作。
制作サイト概要
意識した点
初のWordPress・サーバー契約・常時SSL化を行ってのオリジナルサイト制作。
制作物や学習内容を映えさせえるため、また時間にタイトな採用担当者の方を考慮し自身なりにではありますが情報量を抑え、控えめでシンプルなデザインを心掛けて制作致しました。
無彩色(主にグレー)を多く用いた理由は ❝他の色を引き立てる調和の色❞ とあり、自身の自覚するイメージと合致したためです。
アクセントに一部金色を用いたのは ❝「目標」を持ち、そこに向け「長い努力を続けた」人の色❞ とあり、そうあり続けたいと思っているため使用。
色についての引用元：
DTPサポート情報・色についての知識(前編)
東京品川カラーセラピーサロン＆スクールWHITE-TARA
ロゴ作成にあたり自身のイニシャル「AK」をモチーフに。点は不確かな現時点、不等号「<」を用いたのは「研鑽を経て今後発展する未来へ」という願いを込めています。
メインビジュアルに使用した画像もWebを通じ自身と同志、そして顧客の発展を図れるような制作者になれることを願い今まさに飛び立とうとしている画像を用いました。尚使用した画像はプロフィール写真同様、学生時代欧州に旅行で訪れた際撮影した画像です。
これまでにもWeb上で紹介されている様々な情報を参考にしてきましたが、今回は最近本格的に始めたtwitterで紹介されていたtipsも参照し実装や応用を行い、見出しや一部ボタンのデザインに用いさせて頂きました。
Chrome、firefox、edgeの他当方所持しているiphone6での動作は確認済みですが、IE11に関しては試行錯誤するも断念しました。
参考・参照サイト
- Kieka(レジンデコールの販売会社サイト)
- STUDIO HAS(京都のデザイン制作会社)
- UNDERLINE(徳田優一さんポートフォリオサイト)
- その他様々なサイトやポートフォリオサイト
今後の目標
今回のポートフォリオサイト作成においてWordPressの基礎知識は身に付いたと思うので、次はJavaScriptの基礎知識を身に付けていきたいと思っています。ただ、当サイトはタイトルの通り暫定状態での完成なので今後の学習で学んだ事のアウトプットサイトとしても利用し徐々にアップグレードしていきたいと考えております。