デザインカンプを正確に再現し、PC・スマートフォンで快適に閲覧できるよう実装するのが課題でした。 画像の位置やサイズをデザイン性が崩れないよう調整するのを目指しました。

デザインを忠実に再現するには、細かい数値の調整だけではなく各要所のバランスを考え実装することが大切だと感じました。 特に、レスポンシブ対応は難しく単純に縮小するだけではなくスマートフォンでの読みやすさや操作性を意識してレイアウトを組み替える必要があると感じました。 今後は、より保守しやすいCSS設計や、表示速度にも目を向けながら、使いやすく魅力が伝わるWebサイト制作を目指していきたいです。