PNG/JPGデザイン支給からのHTML/CSSパーツ化サンプル PC/SP確認・差分メモつき納品を想定

COMMON PARTS SAMPLE

ヘッダー・ナビ・CTAを崩れにくく組みます。

支給画像や既存ページをもとに、共通パーツをHTML/CSS/簡単なJavaScriptで実装する想定のサンプルです。 納品前にPCとスマホ幅で、余白、折り返し、クリック範囲、横スクロールを確認します。

PARTS

応募案件で出やすい小さな実装単位

1

ヘッダー

ロゴ、グローバルナビ、追従表示、スマホ時の折り返しを整えます。

2

サイドメニュー

カテゴリ、アンカーリンク、現在地表示を見やすく組みます。

3

CTA

ボタン、説明文、背景色、クリック範囲を崩れにくく配置します。

4

フッター

リンク群、コピー、会社情報などをPC/SPで読みやすく整理します。

DELIVERY CHECK

納品前に見ること