KIMONO
YAMATO
SHIBORI
MOVIE
株式会社やまとの絞りゆかた製造工程を紹介するコンテンツページにおいて、セマンティックなHTML設計をベースに、デザイン再現性とアクセシビリティに配慮したコーディング全般を担当しました。
担当
コーディング全般(HTML5 / CSS3 / JavaScript / Wordpress)
使用ツール
Adobe XD / Visual Studio Code
制作期間
1.5日
意識した点
デザインカンプに基づき、余白・フォントサイズ・画像サイズなど、細部までデザイン原稿に忠実な実装を心がけました。セマンティックなHTML構造を意識してコーディングを行い、SEO対策やコードの保守性向上にも配慮しています。スクロール機能には軽量ライブラリ「Swiper」を使用し、サイト表示速度の最適化を図りました。また、パララックスによる視差効果も取り入れ、デザインに動きとメリハリを加えています。
