Coding

コーディング

コーディング

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

  • ＜作業内容＞

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

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

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

  • ＜納品までのフロー＞

    ヒアリング・要件確認
    ↓
    デザインデータお預かり
    ↓
    コーディング開始
    ↓
    進捗状況のご連絡
    ↓
    テストサイトへアップ
    ↓
    ご確認・修正
    ↓
    最終確認
    ↓
    納品

    デザインデータ受領後、疑義事項がありましたらコーディング着手前に確認させていただきます。

    納品方法は、ファイル納品、貴社サーバー環境への納品、Gitでの納品に対応しております。

  • ＜制作期間の目安＞

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

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

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

  • ＜ご準備いただきたいもの＞

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

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