MotherHeads LLC.になる前にDJ Kazuこと私が個人として活動していた時のポートフォリオサイトになります。当時はWEB制作1本ではなく、様々なジャンルで制作していた頃になります。さらにデザインだけではなくコーディングを学んで1年目で制作したサイトにもなります。注意としてはブラウザはsafariで閲覧をお願いします。2018年にはchromeでもライブラリが動かなくなりました。safariだと全開でアニメーションしてくれます。
URL:https://portfolio.motherheads.net/index_kazu.html
プロジェクトの流れ
構成について
まず、どこにもないWEBサイトにしたかったという思いで制作しました。当時ではめずらしくオンリーワンなサイトになっていました。コーディングを覚えて1年で制作したというところがポイントとなります。
右下の五芒星が各コンテンツを行き来するリモコンの役割になっています。
デザインについて
右下の五芒星が各コンテンツを行き来するリモコンということを一目でわかるように工夫しています。
コーディング・マークアップについて
JSのライブラリーを多数使っており、アニメーションをしているのでサイト自体ができるだけ重くならないように軽量化をするようにしています。コンテンツの追加や修正などが発生してもいいように、CSS設計は重点にしています。保守性と可続性と再利用性を重視してメンテナンス性のある設計を心がけてコーディングをしています。またSEOを意識したコーディングをしています。
運用について
コンテンツ更新が簡単にできるようにしていますがCMSではないので、FTPを使って更新をします。
- レスポンシブデザイン
- 新規サイト
- 静的サイト