Portfolio

これまでに制作したWebサイトを紹介します。学習用の模写・架空サイトは、その旨を各作品に記載しています。

個人ポートフォリオ

宇宙やゲームの世界観を取り入れた個人ポートフォリオサイト。企画、デザイン、コーディングを担当し、スクロールに合わせた演出とスマートフォン表示を制作しました。

担当：設計・デザイン・コーディング／使用：Photoshop、Figma、HTML、CSS、jQuery

学習用の架空サイト。見本をもとにコーディングし、ハンバーガーメニューや画面幅に応じたレイアウトを実装しました。

担当：コーディング／使用：Photoshop、HTML、CSS、jQuery

学習目的でランディングページを模写しました。Flexboxや疑似要素を使ったレイアウト、jQueryによる動き、複数画面幅への対応に取り組みました。

担当：コーディング／使用：Photoshop、HTML、CSS、jQuery

Xeory Extensionを題材にした学習用ページ。Flexboxを使った配置や、お問い合わせフォームを含むレスポンシブな画面を制作しました。

担当：設計・デザイン・コーディング／使用：Photoshop、HTML、CSS、jQuery