美容院WEBサイト（架空プロジェクト）

架空の美容院のWEBサイトをフルスクラッチで制作しました。PHPとSQLの学習成果をアウトプットすることを目的とし、デザインから実装まで一貫して担当しました。パララックスデザインやスクロールに応じたヘッダーカラーの変更など、動的な表現を取り入れながら、視覚的に魅力的なサイトを目指しました。

制作のポイント

フルスクラッチでの開発

• PHPとSQLを用いたデータ管理
• 予約フォームもプラグインを使わず完全自作

インタラクションの工夫

• パララックスデザインを採用し、動きのあるデザインを実現
• スクロールに応じたヘッダーカラーの変更で視認性を向上

開発環境の効率化

• Yarnを用いたパッケージ管理