女性専用パーソナルジムのWebサイト

デモサイトはこちらです↓

https://preview.studio.site/live/M3aAyvyBae

｜プロジェクトについて

女性専用パーソナルジムのWebサイト（スクール課題） デザインカンプをもとに、ユーザーにとっての使いやすさや情報の伝わりやすさを意識してコーディングを行いました。

｜制作の背景

目的：無料体験への誘導・ブランドの信頼性向上を目的としたWebサイトの再現

ターゲット：パーソナルジム未経験の20〜40代女性を想定

制作内容：提供されたデザインをもとに、Studioにて構築を担当

※本サイトはスクール課題の一環として制作したもので、実在するサービスの公式サイトではありません。

｜コーディングのポイント

1.コンテンツ構造の最適化

デザインの意図を保ちながら、情報の順序やブロック構成を整理し、読みやすく実装。

2.Studioでの表現力の工夫

動きや余白の調整など、STUDIOでも違和感のない表現ができるよう細部まで配慮。

3.レスポンシブ対応

スマートフォンでも快適に閲覧できるよう、レイアウトを調整して対応。

｜使用ツール・制作期間

使用ツール：Studio

制作期間：5日間

担当範囲：コーディング

｜制作を振り返って

実際のサービス提供を想定した設計だったため、ただ再現するだけでなく「なぜこの配置なのか？」を考えながら制作に取り組みました。 ツールの制限の中でも自然な表現ができるように工夫し、ユーザーにとって親しみやすいWebサイトとなるよう意識しました。