ポートフォリオ(オリジナルテーマ)
サイトURL
制作概要
フリーランスとして働いている自分のポートフォリオサイトを制作。デザインからコーディングまで一貫して行いました。
こだわった点
1,デザイン面では見た目を意識したデザイン、配色を心がけました。
見た目に関しては、TOPページのabout,workの画像を黄金比を意識して制作いたしました。
配色に関しては、メインの色を水色に設定し、それに沿って他の色の選定をして制作いたしました。
2,コーディング面では、自分だけでなく他の人が見てもわかりやすいコーディングを意識して制作いたしました。
具体的には、
・Sassを使用し階層的にコーディングを可視化するようにした点。
・コメントアウトを使用することで各セクションごとにコーディングを見分けることができるようにした点。
・共通して使用するものはまとめることで、コーディングの記述をなるべく少なくした点。
3,デザインカンプを作成してから、サイト制作。
自分のポートフォリオではありますが、より実践的に行うことを意識して制作いたしました。デザインカンプを制作してからからコーディングを行う理由として、クライアント様との認識のズレをなくすことが一番だと考えているためです。
4,パンくずリストの設置。
SEO対策、ユーザビリティの向上を考え設置。
制作範囲
WordPress構築（オリジナルテーマ）/レスポンシブ
制作期間
１２日間
(PC)
.png)
（スマホ）
.png)