KIMONO
YAMATO
FAMILIAR
株式会社やまとが展開するブランド「きものやまと」と、子どもたちの可能性に触れる「本物」を発信し続ける「familiar」とのコラボレーション商品が実現しました。その特設コンテンツページのコーディング全般を担当いたしました。
https://www.kimono-yamato.co.jp/familiar_yamato_collaboration/
担当
コーディング全般(HTML5 / CSS3 / JavaScript / Wordpress)
使用ツール
Adobe XD / Visual Studio Code
制作期間
1.5日
意識した点
デザインカンプに合わせて、余白・フォントサイズ・画像サイズなどデザイン原稿に忠実な実装を心がけました。セマンティックなHTML構造を意識したコーディングにより、SEO対策や将来的な保守性にも配慮しています。メインビジュアル表示後、1画面分スクロールするとコンテンツが現れる動きを実装することで、メインビジュアルのキャッチーな印象を強めています。また、Slick.jsのスライダーにフェードなどの動きを取り入れ、遊び心を演出しています。
