使用スキル
ejs / Sass / jQuery
CSS設計手法
BEM
概要
全1ページ
架空工務店のLPです。
Photoshopデータからのコーディングでしたが、Zeplinに連動させることで効率的に進めることができました。
ブランドイメージの落ち着いた雰囲気を表現するため、メインビジュアルは写真の空気感が出るよう、少しゆっくりめのアニメーションで表示されるようにしました。
リンクボタンがテキストベースが多めでしたので、ホバーされると矢印が動いたり、写真が拡大されるなど、ホバーされたことがわかりやすくなるよう心がけました。