制作期間
1か月
ツール
Photoshop、VS Code
アピールポイント
「子どもが飽きずに、楽しみながら全身を鍛えられる」ことを伝えるため、
視覚的にも伝わりやすく、キャッチーでシンプルな構成を意識しました。
デザインとコーディングの両面をゼロから制作し、特に情報の優先順位を明確にするため、
モバイルファーストの1カラム設計を採用しています。
工夫した点
1カラム構成でありながら、PC閲覧時には背景やレイアウトに変化を持たせ、
画面サイズに応じた視覚的な満足感を与えるよう工夫しました。
iPhone SEのような小さな画面から、大画面の端末まで自然な見え方になるよう、
細かなブレイクポイント設定と余白の調整を行い、使いやすさと見やすさの両立を目指しました。
成果物
https://satsumaimo-shokai.com/seisaku-kakari/html/natsumi/index.html
I,N様ポータルサイト