Sasaki Production

Coding

コーディング

デザインデータをもとに、正確かつ迅速にコーディングを行います。

作業内容
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画像等)
コーディングルールを明記した文章(規定がある場合)
基本的にはデザインデータから画像等を書き出しますが、書き出せない画像・動画等がありましたら別でご提供いただけます
ページトップボタン