My Portfolio
私のポートフォリオサイト
自身の紹介や、制作した作品を載せるために作ったサイトです。
URL
サイトの目的
自身や自主作品の紹介
ターゲット
Web制作会社採用担当者様
デザインに関して
作品掲載のサイトなのでデザインは極力シンプルにしました。色は作品のカラーを際立たせるためモノクロで統一し、フォントも主張の少ないものを選んでいます。
テーマを「黒い線」として、そこからデザインや動作の展開を考えました。タイトル文字も黄金比率などを取り入れたりして配置を考えました。
コーディングに関して
シンプルなサイトなので、逆にCSSアニメーション、jQuery＋JavaScriptで動きの演出を足しています。特にwebsiteのページへ移行する時の２本の平行線が縦に回転するところなどは大きな動きがあり自分でも気に入っています。その他の作品紹介では、サイトを見ていただく方の使いやすさを考慮するため前のページへ戻るリンクなど、事前に考えたデザインとは少し違った仕様になってしまったところがあり、使いやすさを細部まで考えたデザインが今後の課題となりました。またJavaScriptライブラリなどの知識を身につける必要性をとても感じました。
使用ツール
Figma / Photoshop /Illustrator / Dreamweaver
制作箇所
企画、デザイン、コーディング、イラストレーション
制作期間
２ヶ月
デザイン
コーディング前のデザイン見本です
