きものやまと HARUMACHIFAIR2025

きものやまと HARUMACHIFAIR2025

KIMONO
YAMATO
HARUMACHI
FAIR2025

株式会社やまとが展開するブランド「きものやまと」の春からの新商品ラインナップ特設ページにおいて、コーディング全般を担当いたしました。

https://www.kimono-yamato.co.jp/sale/harumachifair2025/

きものやまと HARUMACHIFAIR2025

担当

コーディング全般(HTML5 / CSS3 / JavaScript / Wordpress)

使用ツール

Adobe XD / Visual Studio Code

制作期間

2.5日

意識した点

デザインカンプに沿って、余白・フォントサイズ・画像サイズなど、デザイン原稿に忠実な実装を心がけました。
セマンティックなHTML構造を意識したコーディングにより、SEO対策や将来的な保守性にも配慮しています。
メインビジュアルはSwiperを使用してスライド形式で表示し、商品アイテム数が多いため、モーダル表示を活用して、ユーザーが興味のあるセクションへスムーズに移動・閲覧できるようユーザビリティにも配慮しました。