作業内容

• HTML/CSSでのデザインカンプを再現したコーディング
• デバイスや画面幅に応じたレスポンシブ対応
• JavaScript/CSSを用いたアニメーションの実装
• BEMを基本としたCSS設計手法の導入
• XD / Photoshop / Figma等からのデザインデータの読み取り、画像書き出し
• PC（Mac/Windows）、スマホ（iPhone）、タブレットでの各ブラウザ表示確認
• Git/GitHubを利用したバージョン管理と納品

モバイルファーストでのコーディングへも対応可能です。

スマホのデザインがない場合、PCのデザインを元に自然な形でレスポンシブ対応を行います。

制作期間の目安

• TOPページ：約3〜5営業日
• 下層ページ：約1〜3営業日
• ランディングページ：約3〜7営業日

デザインの難易度、ボリュームにより異なります。

休日や連休をまたぐ場合でも対応可能です。お気軽にご相談ください。

ご準備いただきたいもの

• デザインカンプ（XD / Photoshop / Figma等）
• 画像等の素材＊
• meta情報（title / description / OGP画像等）
• コーディングルールを明記した文章（規定がある場合）

基本的にはデザインデータから画像等を書き出しますが、書き出せない画像・動画等がありましたら別でご提供いただけますと幸いです。