Case Studies

作品ごとの背景・目的・工夫を紹介

Portfolio Website

目的: 自身のデザイン感性を発信する静かなWebサイトとして設計。

構成: トップページ・プロフィール・作品紹介の3構成で、空間感を意識した余白設計。

工夫: UIアニメーションや静かな配色、感性と論理の調和を意識したテキスト表現。

HTMLCSSJavaScriptResponsive
詳細を見る

Product Showcase

目的: 製品の魅力を視覚的に伝えるページ設計。

構成: タブ切り替えによるカテゴリ分けとアニメーションで視認性を向上。

工夫: タブ切替の動きに繊細なfade効果を加え、要素間の切り替えが自然に見えるよう設計。

UIFigmaJavaScript
詳細を見る