XDのデザインカンプデータというものをまだ見たことがなかった為、まずはXDデザインカンプデータを開いて ピクセル数や文字の太さや大きさ、フォントの種類、デザイン通りのコーディングを行う練習をしたく制作にいたりました。
デザインカンプのデータを有料で配布してくださっているサイトで購入し制作しました。
サイト上にポートフォリオとして掲載可と記載してくださっていたので投稿いたします。
制作してみて、自分の感覚でデザインを決められる訳ではない為、いかに忠実にデザインカンプ通り再現するか意識しました。
また、今回のサイト制作で初めてJQueryを使用しコーディングしました。
アニメーションの動きは指定がなかった為、自分の感覚で反映させています。
思考錯誤しましたが、デザインカンプからの制作という経験ができて勉強になりました。

【使用言語】HTML/CSS(Sass記法)/JQuery
【プラグイン】slick.js
URL
https://creareworks.github.io/YourCoding/

【プレビュー】