茂野 紘之

個人ポートフォリオサイトについて デザインからコーディングまで、すべて自分ひとりで企画・実装しました。 ■ デザインのこだわり シンプルでありながら見飽きない、洗練された世界観を意識してデザインしました。 白と黒を基調としたモノトーンの配色をベースに、装飾を削ぎ落としつつも細部のあしらいで印象に残るサイトを目指しています。 アニメーションについても派手さを抑えたシンプルな構成にしつつ、要所でグリッチ演出を効かせることで、飽きさせない見せ方を意識しました。 ■ 実装のこだわり ・ライトモード / ダークモードの切り替え機能を実装。切り替え時には画像にグリッチ演出のアニメーションを加え、単なる色反転で終わらない体験を作りました ・サイト読み込み時のローディングアニメーションでは、ロゴがヘッダーの定位置へ収束していく演出を実装 ・モーダルを開く際にもグリッチ演出を採用し、サイト全体のトンマナに統一感を持たせました ・スクロール連動でトップに戻るボタンを実装。ボタン内の円グラフ（プログレスリング）がスクロール量に応じて動的に変化するようにしています ・お問い合わせフォームはSSGフォームを活用して実装