デザインデータをもとに、正確かつ迅速にコーディングを行います。
- 作業内容
- 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画像等）
- コーディングルールを明記した文章（規定がある場合）
- 基本的にはデザインデータから画像等を書き出しますが、書き出せない画像・動画等がありましたら別でご提供いただけます
