概要

本ポートフォリオサイト。私がデザインをするうえで大切にしている「わかりやすく使いやすい」「遊び心」の２つのマインドを意識して制作しました。

目的

私の制作実績やスキルを紹介するとともに、私のキャラクター性や感性、デザイン性を表現すること。

作品のポイント

• 私の性格である「愚直さ」を、タイポグラフィの突き抜ける直線（ｓ、h、m、pの部分）で表現。
• 私の苗字になぞらえ、「水」をテーマにデザインを制作。
• コンテンツを「自己紹介」と「実績紹介」の２つのみに絞り、なるべくページ数を少なくしてシンプルな設計にした。
• 実績紹介ページでは、他の実績を閲覧しやすいようページネーションを付けた。
• JavascriptではなくCSSアニメーションを使うことでサイトを軽量化し、閲覧者にとってストレスのかからないサイトを実現。
• ファーストビューで閲覧者の興味関心を引くため、SVGアニメーションを導入。
• レスポンシブデザインでスマホでの閲覧にも対応。