TRAINING WORK / LP

制作で大切にしたこと

sobolon（架空LP）
架空のアクセサリーLP

View Live Site →

制作概要

デザインカンプをもとにレスポンシブコーディング

コーディング

HTML / SCSS / JavaScript / Figma

レスポンシブ対応
画像最適化
各ブレイクポイントでのレイアウト調整

THROUGH THIS PROJECT

今回はfigmaの使い方を学び、カリキュラムで用意されたデザインカンプ、デザインをもとにコーディングを実施し、LPを作成しました。

画像の重なりやホバー時の見せ方などを学ぶことが出来、表現の幅が広がりました。

View Live Site →