ヘアサロン HP

要素の余白・フォントサイズ・レスポンシブ時のバランスを様々なデバイスで確認

デザインは別のデザイナーが担当し、私はフロントエンド実装を担当しました。Adobe XDデータを元に、デザインの意図や雰囲気を正確に表現できるよう、要素の余白・フォントサイズ・レスポンシブ時のバランスに特に注意しました。様々なデバイスで確認し、取りこぼしのないように実装しました。
また、CSSアニメーションやJavaScriptによる動きも取り入れ、ブランドの世界観をより引き立てる実装を心がけています。