美容コスメLPサイト デモ制作
コーディング
表示優先
限定公開
Adobe XD
HTML/CSS
JQuary
※こちらは限定公開のため参考サムネイル画像が表示されています。リンクから詳細をご覧いただく際にID・パスワードが必要となりますので、閲覧をご希望の方はこちらからお問い合わせください。
コーディングのデモ制作として、他デザイナーが制作したデザインカンプから美容コスメのランディングページを制作しました。
ランディングページ1枚のみの制作ですが、パーフェクトピクセルを追求しデザインに沿ったコーディングを心掛けています。
・画面幅768pxで切り替わるレスポンシブデザイン
・カルーセルでお客様の声が切り替わるカードの実装
・よくあるご質問はアコーディオンで表示・非表示を切り替え可能
※デモ制作のため、一部のページのみ作成しています。そのためコンテンツ内のリンク先がエラー表示となる場合があります。