CSS屋
お問い合わせ・ご相談資料ダウンロード
CSS屋の見出しCSS屋ってなに？
WEBページ・WEBアプリのコーディング代行サービスです。
デザインファイルを、コーディングファイルにして納品します。
デザインファイルを入稿するだけ
コーディングファイルが納品されます。
デザインファイルがない場合は、プロトタイピング道場へ
本番プログラムに組み込みやすい
サーバーサイドエンジニア、フロントエンドエンジニアが組み込みやすい形で納品します。
発注先の管理や検収のコスト最小限
高くつきがちな、検収コストを最小限になるよう自動化しています。
作業する範囲
フロントエンド
開発
レイアウト
  • マルチサイズ
  • スタイル調整
インタラクティブ
  • ユーザーアクションの制御
  • アニメーション
通信
  • API呼び出し
  • データバインディング
  • 状態管理
サーバーサイド
開発
Ruby on Railsなどで実装
  • 認証、権限
  • API設計
  • ビジネスロジックの実装
  • テスト、セキュリティ
インフラ
構築・運用
AWS・GPCなどの設定
  • ネットワーク設定
  • WEB・APPサーバー構築
  • ドメイン・SSL設定
  • 監視ツールの導入
誰かがやる必要があるが、「やる人がいない」「専念できない」などの方をサポートします！
CSS屋の見出しこんなお客様にオススメ！
開発会社
フロントエンドでCSSを書く人が足りない。
デザイン会社
デザインはできるが、綺麗にWEBデザインする人がいない。
フリーランス
プログラミングに集中したいが、スタイルの調整作業に工数が取られる。
立ち上げの経緯

スタイルを書く人がいない(誰も書きたがらない)。
この課題を解決するために始めました。

テンプレートを使ったり、ドラッグドロップで作成したりもできるでしょう。
ただ、使い捨てではなく、継続的に運用することを考えるとなかなか難しい。
また、端末や OS ごとに表示サイズもバラバラで、それらの考慮も大変。

最近は、Sketch, Adobe XD, InVision, Figma などでデザインをします。
Design Spec も自動生成できます。
アニメーションも設定できます。

ただし、結局はだれかがコーディングし、スタイルを調整する必要があります。
これらは、誰かがやらなくてはいけない作業です。

「CSS屋」は「誰か」に丸投げできるサービスです。
たとえ、社内にエンジニアやデザイナーがいたとしても活用できると思います。

今までのお客様
約2,000画面のコーディングファイルを納品しています
木﨑 淳一郎
木﨑 淳一郎
COMMED, Inc. CEO
デザインファイルを入稿。レスポンシブなサイトで納品。
自社HPのリニューアルでコーディングを依頼しました。デザイナーは社内にいるのですが、コーディングの担当者がいないので非常に助かりました。
事例一覧へ
こんな時はどうすれば？
「CSS屋」以外にもこんなお悩みありませんか?
デザインの相談から
お願いしたい
WEBディレクターも
お願いしたい
保守運用も
お願いしたい
WordPressやECサイト
などを運用したい
まるっとが解決します！
お問い合わせはこちら
CSS屋の見出し注文シート
質問に答えていくことで注文書を作成できます。
同意書、説明書の機能も付属されていますので、ご確認ください。
注文シート注文シート注文シート注文シートの詳細はこちら
依頼可能な要件
CSS
各種ツールに対応しています。
Sass, styled-components,
emotionなど
HTML
各種テンプレートエンジンおよび
JavaScript に対応しています。
JSX, Slim, Nunjucksなど
その他
レスポンシブ対応、各種ブラウザテスト
、アクセシビリティ、多言語対応など
個別に注文可能です。
注文シートで詳細を確認
FAQ
Q1
PDF での入稿はできませんか?
タグ：
Spec
A.

推奨していません。 理由としては、デザインスペック がわからず、余白などの調整が難しいからです。どうしても PDF での入稿をご希望の場合は、別途ご相談ください。

入稿時に余白などのヒアリングをするため、追加の工数がかかります。 そのため、追加料金をご請求する場合があります。ご了承ください。

Q2
100ページ以上の発注の場合、ディスカウントはありますか? そのぐらいの量の場合、納期はどのくらいですか?
タグ：
Pricing
A.

100ページ以上の発注にも対応可能です。
ディスカウントについてはデザインなどによって個別にご対応させていただきます。
納期につきましても、制作物の複雑さによりますので、別途ご相談ください。

CSS屋の見出しご利用の流れ
1
テレビ電話
初めてのお客様の場合、30分ほどテレビ電話をお願いしています。
サービス内容、注意事項などを説明させていただきます。
質疑応答も可能ですので、何なりとお申し付けください。
2
秘密保持契約
秘密保持契約 (NDA) を締結させていただきます。
契約内容の雛形はこちらになります。
こちらで用意した契約書以外をご希望の場合は、お問い合わせください。
3
注文シート記入
注文内容をご記入いただきます。
注文シートには、注文内容とともに同意事項と説明書が付属されています。
ご確認の上、注文内容を確定してください。
4
データ入稿
デザインファイルおよび各種データを入稿していただきます。
注文内容ごとに入稿時の注意点がありますので、ご確認ください。
入稿データに不備がある場合、見積りが難しい場合がありますのでご注意ください。
5
見積り
24時間以内に見積り書を作成しますので、ご確認ください。
見積り段階での注文内容の変更、入稿データの変更は可能です。
内容を変更した場合、再度見積りが発行されます。
6
契約
注文シートおよび見積り内容をもとに契約書が生成されます。
Codebot 内での締結以外に、電子契約、書類の郵送をご希望の場合はお問い合わせください。
契約内容の変更をご希望の場合は、お問い合わせください。
7
検収
指定期間以内に検収をお願いしています。
検収時に不備がある場合、迅速に修正作業をさせていただきます。
検収方法は、注文シートの説明書に記述がありますので、ご確認ください。
8
追加開発
追加開発は原則新規注文として別途扱わせていただきます。
ただし、内容によっては可能な場合もありますので、お問い合わせください。
その場合は、請求書の金額のみ変更されます。
CSS屋の見出し料金 (お見積り方法)
1要素あたり
500円〜
低価格
最短
24時間
短期間
自動
テスト
高品質
独自の算出システムで、デザインファイルの各要素を計算してお見積りします。
例）top.html（COMMED）
section
nav
block
state
text
image
button
form
widget
outline
お見積もり例
  1. ヘッダー
    3,300円
    • image × 2
      text × 5
  2. セクション1
    1,700円
    • image × 1
      text × 1
  3. セクション2
    5,000円
    • image × 2
      text × 3
      button × 1
  4. セクション3
    8,500円
    • image × 8
      text × 12
合計金額：18,500円(税込)
CSS屋の見出し代替手段との比較
作業者
強み
弱み
内製
社内の担当者
(WEBデザイナー・マークアップエンジニア・プログラマー)
強み
社内にいるので柔軟
弱み
いつも仕事があるわけではない、
最新技術に難がある場合がある
ホームページビルダー系のWEBサービスを利用
強み
器用な社員に兼務させて対応できる
弱み
WEBサービスを開発している場合、
そのまま組み込めるわけではない
外注
フリーランス・
クラウドソーシング
強み
個人なので安価
弱み
受注者の品質のブレが大きく、発注段階で判断できない
HP制作会社
強み
専門家、事例に詳しい
弱み
高価な場合が多い
デザインファーム
強み
コンセプト・デザインの提案
弱み
通常デザインが専門分野
Sler・オフショア
強み
プログラムに関わる部分も対応できる
弱み
通常プログラミングが専門分野
CSS屋
強み
▪︎ 早い、安い、品質保証
▪︎ テンプレートエンジンなど対応
弱み
▪︎ デザイン通りに「しか」制作できない
▪︎ アイデアや提案はしません
▪︎ 発注後の変更はできません
まずはお気軽にお問い合わせ・ご相談ください！
お問い合わせ・ご相談はこちら
資料ダウンロードはこちら