【自主制作】特設サイトLPコーディング(コーディング/サーバーアップ)

OVERVIEW

仮想案件のAdobe XDデザインカンプを使用し、0からフルスクラッチでコーディングを行いました。

YEAR 2023

●制作期間:25時間

●制作内容:実案件をモデルにしたコーディング教材(※以下、仮想案件と呼びます)のAdobe XDデザインカンプを元に、0からフルスクラッチでコーディングを行いました。レスポンシブにも対応しております。

●使用言語:HTML, CSS, jQuery

●使用ツール:VSCode, Adobe XD
●サイトURL:WEBサイトへ


●制作サイトURL


●制作のポイント

①ピクセルパーフェクトでのコーディング

以下に注意し、デザインカンプ及び指示通りの実装を行いました。

・デザイン下の「資料請求」などの3つのボタンはスクロール時に追従するよう設定。
PC版のみメインビジュアルの右上にある「資料請求」のボタンも追従し、スマホ時は非表示。

・XDファイルより余白、フォントサイズ、仕様を抽出し仕様通り実装


WEBSITE