人気ランキング 期間:5月19日 〜 5月26日
【HTML/CSSコーディング】既存デザインデータからのコーディング承ります
業務内容
お預かりしたデザインデータから静的サイトのコーディングをいたします。
【基本料金に含まれるサービス】
・HTML / CSSコーディング
・JavaScript / CSSを用いた動作
・レスポンシブ対応
・修正3回まで無料
【ご依頼の際に準備いただくもの】
・デザインデータ(Figma,XD)
・画像データ
・テキストデータ
※画像とテキストデータはデザインデータ内に含まれている場合は別途ご用意いただく必要はありません。
【基本料金内で対応できるJAVA Scriptによる動作】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・スムーススクロール
【対応可能データ】
・Figma
・XD
【お取引の流れ】
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
ご確認・修正
↓
納品(zipファイル送付)
ご不明な点は、お気軽にお問い合わせください。
HTMLやCSSを使ってWebサイトのコーディングコーディングをします
業務内容
▪️お勧めな方
・コストを抑えたい方
・手軽にコーディングをして欲しい方
・デザインは自分でするけどコーディングは安く手軽に誰かにやって欲しいとゆう方にお勧めです。
なるべく依頼主のご意向に添いたいので修正の回数は設定していません。
気になるところがあれば、 どんどん修正依頼して下さい!
▪️サービス内容
・トップページ
・コンテンツページ
・ハンバーガーメニューの実装
・グーグルマップの埋め込み
・SNS埋め込みや連携
・お問い合わせページ
・スマホ対応
LP専門で、なるべく低料金でコーディングさせていただきます
業務内容
・LP専門にコーディングをおこないます
独学後に、メンターだったWeb制作会社の方と半年間制作をおこなっておりました。
主にXDやphotoshopからコーディングを行います。
私自身はミドルエイジからコーディングを勉強し始めました。
おおよそ1年半ほど集中的に勉強しています。
若い方のような瞬発力はないのかもしれませんし、
キャリアが長い方のような深いWeb制作の知見はないので、あまりお高い料金を設定することは
できないと思っています。
wordpressも対応可能ですが、まずはLPから請け負わせていただきます。
価格につきましては、1万円から設定できるのでとりあえずの価格を入力してあります。
LPに関しましてはそのあたりの価格で御対応できればと思います。
どのような制作物をコーディングできるかは、下記のポートフォリオサイトから
ご確認ください。
//============-
htts://hobbypcblog.com
Basic認証
tomato
nP4B9aQt
//================
●コーディングのお仕事について
ホームページはパソコンに詳しくない方でも、伝わりやすく喜んでくださいます。
お知り合いにちょっとしたホームページを作ってあげた、そんなことでも役に立つことができることが嬉しいです。
ユーザーの方に親切なように、伝えたいことが伝わりやすいようにデザイナーさんたちが考えられたデザインを、コーディングを通じて再現すことはとても素晴らしいお仕事だと思います。
そのようになるべく多くの方がWebサイトを通じて喜んでいただけるように、このお仕事を突き詰めていきたいです。
HTML、CSS、レスポンシブ、WordPress化ができます
業務内容
ご覧いただきましてありがとうございます。
デザインを再現するだけでなく、メンテナンスも考慮したコーディングを行います。
【このようなお悩みの方におすすめです!】
・コーダー不足で信頼できる外注をお探しの制作会社様
・デザインだけに集中したいデザイナーの方
・画像差し替え、テキスト変更などページ更新を必要な時だけ依頼したい企業様
【基本料金内サービス】
・レスポンシブデザイン
・HTML / CSSコーディング
・お問い合わせフォーム実装
・画像圧縮による表示速度最適化
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
【製作事例】
NeoPen株式会社
https://neopen.co.jp/
ミサワリノベーション様
https://misawa-renovation.co.jp/
株式会社EPIK様
https://epik.co.jp/
水素吸入サロン SUiSO SPACE様
http://suisospace.co.jp/h2o/
NEOKAMIプログラミングスクール
https://neokami.college/
合同会社Three様
http://ggtre.company
⦅WP・レスポンシブ対応⦆ コーディング代行いたします
業務内容
数あるページの中からこちらのページをご覧いただきありがとうございます!
Webコーダーをしている「みっぴ」です。
・コーディング・WordPress構築を外注できる人を探してる方
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様
などそんな方々のお役に立てたらと思います!
▼作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・wordpressオリジナルテンプレート制作
・サーバーへのアップロード
▼制作の流れ
①ヒアリング
↓
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品
最後までご覧いただきありがとうございます。
Webサイト制作のお仕事でしたら基本的になんでもお受け可能ですのでお気軽にお声がけください。
よろしくお願いいたします。
LPサイトなど一枚ページのおしゃれなサイトを制作します
業務内容
事業を新しく始められる方、新しいブランドや商品を宣伝される方に向けたLPページ(一枚ページ)のウェブサイトを制作いたします。
オプションや変更希望ございましたらご相談ください。
なるべくご要望にお応えできるようプラン内容の変更も行います。
例えば、金額を抑えたい方には金額に寄り添った内容で対応させていただきます。
私自身走り出しの為、配慮に欠ける所があるかと思いますが何卒よろしくお願いいたします。
ぜひ、事業を一緒に盛り上げましょう!
【安価で高品質】保守性の高い高品質なHP・LPのコーディング致します
業務内容
【ご提供内容】
・HTML/CSS(SCSS)/jQueryによるコーディング
・レスポンシブ対応
・BEMによる保守性の高いコーディング
【制作の流れ】
・デザイン確認
デザイン確認後、デザインやアニメーションについての不明点の確認を行います
・初稿
初稿提出後内容を確認いただき、修正点があれば2回まで修正いたします。
・納品
サーバーにアップロードまたはコーディングファイル一式を納品いたします。
デザイン済みのホームページをHTML/CSSコーディングで制作します
業務内容
『用意するのはデザインだけ!』
『イメージ通りのホームページをコーディング制作します!』
★こんなお悩みはありませんか?
「デザインはできるけど、コーディングはできない…
「制作会社に依頼すると、値段が高すぎる…
「コーディングが苦手で、時間と手間がかかりすぎる…
\\そのお悩み、すべて100Worksにおまかせください!//
=>デザインを用意するだけであとは丸投げでOK
=>人件費など余分な費用が必要ないから価格も良心的
=>多数の案件で培った実績で素早く的確なコーディング
★作業内容
【基本サービス】
・HTML/CSS/Sassを用いた静的コーディング
・PC/スマートフォン/タブレットに対応したレスポンシブコーディング
・SEO対策のためのmetaタグの設置
・表示速度の高速化のための画像圧縮
・ハンバーガーメニューやホバーアクションなどの軽度なアニメーション実装
★料金プラン
○ベーシックプラン
→デザインカンプからトップページ(1枚のみ)をコーディングします。 静的コーディング(スマホ対応)、軽度なアニメーションに対応。 修正は3回まで。
○スタンダードプラン
→デザインカンプからトップページ+3ページをコーディングします。
静的コーディング(スマホ対応)、軽度なアニメーションに対応。修正無制限。
○プレミアムプラン
→デザインカンプからトップページ+3ページをコーディング→WordPress化します。
静的コーディング(スマホ対応)、軽度なアニメーションに対応。修正無制限。
★ご用意していただく物
『用意するのはデザインだけ!』
この言葉通り、デザインに関するものを用意するだけで構いません!
※サーバー/ドメインはお客様自信でご用意していただきます。
・デザインカンプ
(Figma・Adobe-XD/illustrator/Photoshopのいずれかで制作したものをご用意ください。)
・必要素材
(ロゴや画像などデザインで使用しているものの素材をご用意ください。)
(指定がなければフリー素材で代用可能です。)
★ご購入の前に、必ず相談をお願いします。
★ご用意していただく物
・デザインカンプ
(Figma・Adobe-XD/illustrator/Photoshopのいずれかで制作したものをご用意ください。)
・必要素材
(ロゴや画像などデザインで使用しているものの素材をご用意ください。)
(指定がなければフリー素材で代用可能です。)
★作業開始後の大幅なデザイン変更は別途料金が発生する場合がございます。
★ご購入後のキャンセルには対応できません。
ホームページのコーティング、WordPressの構築を行います
業務内容
数あるパッケージの中からご覧くださり誠にありがとうございます。
現役大学生で現役アスリートの"いか"と申します。
現在はプログラマーの方にご指導をいただきながらフリーランスとして活動をしております。
●こまめな進捗状況の報告
●設計に沿ったコーティング
●成果物の品質
お客様が安心して任せることのできる環境を作るため上記の3点を徹底して活動をいたします
●作業内容
・HTML.CSSの静的ページのコーディング
・WordPressサイトのコーディング
・WordPressへの機能実装
・更新作業
⚠️作業内容によって追加で費用をいただく場合がございます
●制作から納品までの流れ
1.詳細についてのヒヤリング
制作物の機能についての確認を行います
2.契約
詳細の確認後お見積もり、納期をご提示させていただきます。内容に満足いただけましたらご購入をお願いいたします
3.制作、確認作業
制作物の作成後、お手数ですがお客様に制作物の確認をお願いしております。
気になる点がございましたら、修正対応いたします
4.納品
ご確認後問題がなければ、制作物をzipファイルにて納品をいたします
⚠️サーバーへのアップロードをご希望の場合は、ご相談ください。
●ご用意いただくもの
制作物のデザインデータをお願いいたします
ご相談やご不明点がございましたらお気軽にご相談ください。
迅速かつ丁寧な仕事を心がけて活動いたします。
最後までご覧くださり誠にありがとうございました。
HTML・CSS・WordPressで最適なホームページ作成いたします
業務内容
ご覧いただき、ありがとうございます。
フリーランスで活動しています佐藤と申します。
デイトラWEB制作コース出身です。
【対応内容】
HTML・CSS・Sass・JaveScript・jQuery・WordPress・PHP・レスポンシブ対応お
WordPress (studio・ Snow monkey・ Lightning ・ Cocoon)
【金額・納期】
金額:30万円・納期:6週間〜8週間
新規サイト制作の場合、ページ数や機能に応じて変動しますが30万円〜100万円が相場となっています。
【今後の流れ】
ヒアリング(2-3日)・制作(4週間〜6週間)・最終確認(2-3日)
上記の流れに沿って制作して参ります。
【連絡手段】
メール・電話・ビデオ会議・その他コミュニケーションツール
ご希望に合わせてコミュニケーション方法も柔軟に対応いたしますので、その際はお申し付けください。
何か不明点等ありましたらお気軽にご連絡ください。どうぞよろしくお願いします。
HTML/CSS/jQueryでホームページ制作のコーディングします
業務内容
▼こんな方へオススメ
WordPressではできないような動きのあるホームページを作りたい方。
料金表にイメージボタンを設置し、ボタンを押すとサンプル画像が出るなど、効率のよいホームページを作りたい方。
どこかのサイトがとても気に入ったということで、それと似たようなホームページを作ってほしいという方。
ポートフォリオ:
https://gracepages.web.fc2.com/
▼ご提供内容
1.HTML/CSS/JSにてホームページを制作します。
2.他者のサイトで、気に入ったものをご提示くだされば、それと似たようなサイトを制作します。利用する写真は、似たようなものを有料・無料の画像素材サイトから探します。
▼ご購入後の流れ
24時間以内にお返事メールいたします。
詳しい内容をお聞きして、ご利用したい写真や、記載する文章、理想的な他者のWebサイトのURLなどをいただきます。もしそれらがなければ、「おまかせ」ということでもかまいません。
さらに、契約済のサーバーのパスワード等、ドメインをいただきます。
納期はご契約時に2週間や4週間で決めさせていただいておりますが、ある程度できた段階で、一旦御覧いただいて、修正点など伺います。このような修正を数回行い、契約納期内にご指定の納品いたします。
▼制作可能なジャンル
こちらのパッケージではECは含まれていません。
ECサイトをご希望でしたら、当方の別のパッケージ「BASEにてHTML方式でWeb制作します」をご利用ください。
▼料金やオプション
特別なテクニックを要するものは、別途相談で承ります。
契約後の制作途中でページを増やしたいなどのご要望がありましたら、ご相談承ります。
サーバー契約やドメイン取得はお客様でしていただきとう存じます。もしこちらで行う場合、実費のほかに別途料金として1万円ほどをいただきます。
もし、完成納品物が理想とかけ離れたものであれば、その度合いに応じて最大50%までお値引きさせていただきます。
▼納期
納期後に当方の都合で微調整などさせていただくこともあります。それは無料です。
どうぞよろしくお願いいたします。
【ランサーズ特別価格】どのデバイスでも綺麗に表示されるLPコーディング代行します
業務内容
※ベーシック、スタンダードはコーディングのみのプランです。
頂いたデザインを忠実にコーディングさせて頂きます。
スマホ、iPad、PC、その他どのデバイスでも最適なサイズ感で綺麗に表示させます。
プランの違い
▼ベーシックプラン
頂いたデザインをどのデバイスでも違和感のないように調整しながらコーディング致します。
※ペライチに限ります。
※デザインに合わせた動きは付きません。
▼スタンダードプラン
ベーシックプランにデザインに合わせた動き(アニメーション)が付きます。
ボタンがピョコピョコ上下したり、コンテンツがスクロールに合わせてふわっと上がってきたり、デザインのアクセントになる動きをお付けします。
※ペライチに限ります。
▼プレミアムプラン
弊社でデザインからコーディングまで承ります。
経験豊富な現役Webデザイナーが丁寧にヒアリングして、完全オリジナルデザインのLPに仕上げます。
※ペライチになります。
ベーシック、スタンダードのご依頼の流れ
①デザインを提供頂きます。
PCとスマホ、両方お持ちでしたらそのまま再現させて頂きます。
PCのみの場合、弊社でスマホでも綺麗に見えるよう工夫致します。
↓ ↓ ↓
②表示のご確認。
コーディングをしたものをテストでアップロード致します。
動作確認、デバイス確認をしていただき問題ないようであれば納品させて頂きます。
修正は2回まで無料です。
何かございましたら、ご指示下さい。
プレミアムのご依頼の流れ
①LPの指示書や素材を頂きます。
指示書は、メモ帳でもエクセルでも何でも構いません。
「こんなデザインにしたい」というイメージや参考サイトを教えて下さい。
使いたい画像やロゴ、テキストを提供頂き、デザインにとりかかります。
↓ ↓ ↓
②デザインの確認。
出来上がったデザインラフをJPGの状態で確認して頂きます。
デザインの修正は2回まで無料です。
ほとんどのお客様が2回までの修正で満足のいくデザインに仕上がっています。
↓ ↓ ↓
③表示のご確認。
コーディングをしたものをテストでアップロード致します。
動作確認、デバイス確認をしていただき問題ないようであれば納品させて頂きます。
問題がございましたら、ご指摘いただければ対応させていただきます。
どんなことでも気軽にお問合せ下さい。
【年中無休で対応】HP、LPを低価格かつ高品質でコーディングいたします
業務内容
ご覧いただきありがとうございます!
ホームページやLPのデザインカンプをもとに、コーディングいたします。
お客様とのコミュニケーションはもちろん、品質やスピードを大切にコーディングをします。
■当サービスの内容
・HTML/CSSによる静的コーディング
・レスポンシブ対応(デザインが大幅に変わる場合は別途料金が発生します)
・内部SEO対策
・画像圧縮などのサイト表示速度の向上対策
・修正対応
■オプション(一例)
・WordPress化(3,000円〜)
・お問い合わせフォームなどの動的実装(10,000円〜)
その他にもご要望がございましたらご相談ください!
■当サービスの特徴
・バリデーションツールによるHTMLの構文チェック
・imgタグの属性(レイアウトシフト対策やload属性、alt属性)
・必要に応じてCSSのベンダープレフィックスの付与
・CSS設計を考慮した記述(指定がなければFLOCSSで記述いたします)
・自作のCSSフレームワークを活用した効率的な記述
・各種ブラウザの表示確認(Chrome, Safari, Firefox)
■お取引の流れ
お見積もり依頼 または お問い合わせ
↓
お見積り提出→ご購入
↓
デザインデータや指示書などのご提供
↓
コーディング開始
↓
初稿提出
↓
ご確認・修正
↓
ご納品
■納品方法
コーディングデータをzipファイルで送付
サーバーにアップロード(1,000円)
■デザインデータ形式
Illustrator / Photoshop / XD / Figma に対応しております。
使用する画像は事前に書き出しをお願いします。(こちら側で書き出す場合別途料金1,000円〜)
■納期
作業量により異なりますが3日〜10日ほどお時間をいただいております。
お急ぎの場合は事前にお問い合わせくださいますようお願いいたします。
ご不明点がありましたらお気軽にご連絡くださいませ。
■HTML/CSSコーディングとは
コーディングとは、プログラミング言語やマークアップ言語などを用いてコードを記述する作業のことを言います。HTMLやCSSを用いたコーディングはWEBページの構造作りや見た目を整えるために重要な役割を果たします。
HTMLとCSSそれぞれの役割は、下記の通りです。
- ・HTML(Hyper Text Markup Language):WEBページの基本的な構造を作り、インターネット上で単語や文章、画像を表示させる
- ・CSS(Cascading Style Sheets):HTMLで作成されたWEBページ内の見た目を装飾する
HTMLはマークアップ言語とも呼ばれ、どこに文章や画像を配置するかなど、WEBページ内の構成を指示してブラウザに表示させる役割があります。
一方、CSSは文章のフォント変更やアンダーラインによる強調など、HTMLで作成したページ内を装飾し、WEBページを見やすくする役割を果たします。
この2つの言語を用いることで、Webサイトの基礎を作成することができます。
■HTML/CSSコーディングを依頼するメリット
HTML/CSSコーディングを依頼するメリットは、下記の通りです。
- ・オリジナルデザインのWebサイトを作れる
- ・優れた機能を持つWebサイトにできる
- ・コストと時間を削減できる
では、それぞれの項目について詳しく解説していきます。
オリジナルデザインのWebサイトを作れる
HTML/CSSコーディングを依頼することで、オリジナルデザインのWebサイトを作成することができます。
例えば、Wordpressで既存テーマを利用してWebサイトを作成する場合、元々用意されたデザインテンプレートを使用するため、同じテーマを利用している別のサイトと似たようなデザインになってしまいます。
しかし、コーディングを行うと、商品やブランドイメージに合ったオリジナルデザインのWebサイトを作ることが可能です。
オリジナルデザインなら、目を引く独自のレイアウトや、ブランドイメージに合ったフォントや構成、アニメーションの使用などにより、ブランドイメージを明確に伝えられます。
また、直感的に操作できるボタンやメニューの位置などのUI(ユーザーインターフェース)、快適な表示速度、ユーザーのアクションに対するフィードバック表示などのUX(ユーザーエクスペリエンス)に優れたWebサイトを作成できます。UIやUXに優れたデザインを採用することで、閲覧しやすく操作がスムーズなWebサイトになることもメリットの一つです。
優れた機能を持つWebサイトにできる
HTML/CSSコーディングを依頼すると、Webサイトに様々な機能を導入することができます。
例えば、問い合わせ率を高めるために、常に画面に追従するお問い合わせフォームを作成したり、メニューを表示するナビゲーションの表示内容を工夫してユーザーの利便性を向上させたりと様々な機能作成や改善を行うことが可能です。またコードの改善によりページの表示速度を早め、ユーザーがWebページから離脱しにくいサイトを作ることもできます。
コストと時間を削減できる
コーディングスキルを習得するためにプログラミングスクールに通うとなると、数ヶ月で数十万など時間とお金がかかってしまいます。
勉強方法にもよりますが、初心者で最低限のコーディングを行えるようになるまでには半年〜1年ほどかかってしまうことも珍しくありません。
そのため、元々コーディングの基本スキルを持っていない場合は、コーディングを依頼するのが現実的且つコストパフォーマンスにも優れています。
■コーディング代行を依頼する流れ
コーディング代行を依頼する流れは、下記の通りです。
- 1. デザインカンプを渡す
- 2. コンテンツを共有する
- 3. アニメーション等の細かな要件を伝える
- 4. 完成したWebサイトを確認する
- 5. アフターサービス
イメージ通り、またはそれ以上のWebサイトを作成するため、各工程ですべきことのポイントを順番に解説していきます。
①デザインカンプを渡す
デザインカンプとは、デザインの完成イメージのことです。画像や記事のレイアウトを決め、Webサイトの骨組みを作った上で、実際に素材を配置したり、背景やカラーを決めて最終的な完成イメージが分かるようにします。
デザインカンプがあることで、依頼する側とされる側の認識のずれを防ぎ、複数人が携わるHTML/CSSコーディングの作業をスムーズに進めることができます。
デザインカンプは依頼先から提案を受けて作成していくこともできますが、依頼する側もある程度希望するイメージを伝えることが望ましいです。
②コンテンツを共有する
Webサイトの目的とデザインの希望を伝えたら、サイトに掲載するテキスト、画像、動画などのコンテンツを依頼先へ共有します。
サイトのどのページに何を配置して欲しいかを指定、または相談していきましょう。可能であれば、コーディング指示書やサイトマップを作成しておくと情報の伝達がスムーズです。
この工程では、コンテンツの追加・削除の要否や設置場所を依頼先に相談すると、ユーザーにとって見やすく、目的を達成しやすいサイト作りが可能になります。
また、提出する画像や動画データのファイル形式に指定があるか、事前に確認して準備しておくとスムーズにコンテンツを共有することができます。
③アニメーション等の細かな要件を伝える
完成イメージを決めてコンテンツを共有したら、アニメーション等の細かい内容についてもイメージを共有していきましょう。
アニメーションの場合、テキストなら1文字ずつ表示させたり、点滅して表示させることで目立たせることができます。また、ページの読み込み中に表示させるローディングアイコンのデザインや画像のアニメーションも依頼できるので検討しましょう。
その他、ボタンをクリックした後のモーションや入力フォームでのエラー発生時の表示、レスポンシブ対応時の表示なども必要に応じて希望を伝えておきましょう。
アニメーション等の細かいデザインは、実際に当てはめてみるとイメージと違って煩わしかったり、使いにくく感じるケースも少なくありません。実際の動きを見てコーダーと相談しながら仕上げていけるとベストです。
④完成したWebサイトを確認する
Webサイトが完成したら、実際に操作しながら確認をします。
デザインは希望通りか、依頼した機能が正常に設置されているか、隅々まで確認しましょう。
主なチェック項目は、下記の通りです。
- ・フォントや色、画像の配置等デザインは適切か
- ・誤字脱字はないか
- ・各機能が正常に動作するか
- ・ページの表示速度は適切か
- ・リンク先は正しく表示されるか
- ・レスポンシブ対応を依頼した場合はスマホやタブレットでの表示が適切か
上記の事項をチェックして、修正の必要がある場合はすみやかに依頼先に依頼しましょう。
また、可能であればサイト制作の途中経過を確認しておきましょう。修正範囲が少なくなり、スムーズに納品してもらうことができます。
⑤アフターサービス
アフターサービスについては、依頼先によって対応範囲が異なります。アフターサービス自体が無い場合もあるので、事前に確認しておきましょう。
依頼先によっては、Webサイトのページ更新や一定期間ごとのメンテナンス、各種機能のアップデート対応まで実施してもらえるケースがあります。
納品時には気が付かなかった不備があった場合や後から画像の差し替えが必要になるなど、Webサイトにおけるトラブルの内容は様々です。依頼時または納品時にアフターサービスの対応範囲を確認しておきましょう。
また、Webサイトの運営経験がない場合には、マニュアルの提供やレクチャーを受けることをおすすめします。
■コーディング代行の依頼先の選び方
コーディング代行の依頼先を選ぶ際に、重視すべきポイントは下記の通りです。
- ・コミュニケーションはスムーズか
- ・コーディングの技術力・実績はあるか
- ・対応範囲はどこまでか
- ・納品後のサポート体制を確認
- ・納期と料金
いずれも、適切なコストでWebサイトを作成するために必要な項目です。
ここからは、依頼先の選び方について、詳しく解説していきます。
コミュニケーションはスムーズか
コーディング代行を依頼する場合、コミュニケーションがきちんと取れるかどうかは重要なポイントです。
イメージしているWebサイトを作成してもらうために、丁寧なヒアリングや提案をしてくれるかを確認しておきましょう。
できれば、Webサイトに取り入れたい機能等について、事前に相談ができると安心です。実際にやりとりすると契約後の対応をイメージしやすくなります。
難しい専門用語を理解できるよう説明してくれたり、質問の意図を汲み取って適切な回答や提案をしてくれる依頼先なら信頼もできますね。
加えて、打ち合わせの回数や時間についても事前に確認しておきましょう。柔軟に対応してくれるところが望ましいです。
コーディングの技術力・実績はあるか
目的に合ったWebサイトを作成してもらうためには、コーディングの技術が必要です。依頼先を選定する際には、Webサイトのデザイン案や必要な機能について、対応可能か確認しましょう。
コーディング代行ではHTMLとCSSを用いるのが一般的ですが、画像のスライドなど動きのあるWebサイトを制作するにはJavaScriptの知識も必要です。幅広い要望に応えてもらうためには、HTMLやCSS以外のプログラミング言語にも対応可能な依頼先を選びましょう。
また、依頼先を選ぶ際には、過去に作成したサイトのデザイン、実績を確認しておくと、コーダーのスキルの判断材料になります。
対応範囲はどこまでか
コーディング代行の依頼先の対応範囲を確認しましょう。
一言でコーディング代行と言っても、対応できる範囲が依頼先ごとに変わってきます。
依頼先によって対応の可否が異なるコーディング代行の内容の例は、下記の通りです。
- ・デザインのレスポンシブ対応
- ・WordPressへの移行
- ・WordPressで作成したサイトのコーディング
- ・ページ速度改善への対応
- ・SEO対策
依頼したい内容がこれらに当てはまるかをチェックし、対応可能かを確認してください。
また、対応可能であっても、基本料金に含まれているか、オプション料金が発生するか、納期に変更があるかなども聞いておきましょう。
納品後のサポート体制を確認
納品後のサポート体制の有無やサポート期間を確認しておきましょう。
納品後にサポートが必要になる主なケースは、下記の通りです。
- ・エラー対応
- ・Webサイトのメンテナンス
- ・CMSのアップデート
それぞれのケースについて、具体例を挙げて解説していきます。
まずはじめにエラーについてですが、納品時には確認できなかったものが後から発覚するケースがあります。コーディングの不具合であれば、無料で実施してもらえることも多いです。また、他の原因であれば料金を提示して対応してもらえると安心です。
Webサイトのメンテナンスは、WordPressや各種機能のアップデート、セキュリティのチェック、SEO対策の見直しなどを指します。依頼先によっては、管理費を支払えば継続的にWebサイトの保守業務を行ってくれるケースもあります。
また、新商品の追加や値下げなど、Webサイトは随時更新をしていく必要があります。納品後のWebサイトの運用が円滑に進むよう、更新方法のレクチャーやマニュアルの配布を受けられるかチェックしておきましょう。
納期と料金
コーディング代行の依頼先を選ぶ際には、納期と料金が適切かを確認しましょう。
コーディング代行の納期は1週間から1ヶ月程度と、依頼する内容によって大幅に変わってくるため、必ず事前に確認します。
また提示された料金が適切かを判断するためには、相見積もりを取って比較することをおすすめします。
基本料金とオプション料金の内容はそれぞれ異なるため、費用の内訳がわかりやすい依頼先を選ぶと安心です。コーダーによって、基本料金をページ単価で設定していたり、レスポンシブ対応やWordPress化までを含めた料金設定をしていたりします。
■ランサーズでコーディング代行を依頼する方法
ランサーズでコーディング代行を依頼する方法は下記の通りです。
- 1. 出品パッケージを探す
- 2. 無料見積もり相談
- 3. 発注
- 4. 確認・納品
ランサーズではWEB上のやり取りだけで依頼先探しや無料見積もり相談、納品、検収まで行うことができます。
では、ランサーズでコーディング代行を依頼する方法を順番に解説します。
出品パッケージを探す
ランサーズのサイトにアクセスし、出品パッケージを探します。
「カテゴリから探す」機能や検索機能を使用して、出品パッケージの一覧を見てみましょう。
予算範囲や納期・個人か法人かなどの絞り込み機能もあるため、多くの出品パッケージのなかから自分の見たいパッケージだけを見ることができます。
気になるパッケージのページを開くと、出品者の業務内容や実績、口コミなどを把握することができます。ポートフォリオにはこれまで手がけたWebサイトの画像が表示されていますが、個別に問い合わせると詳細を確認できるケースもあります。
ベーシック・スタンダード・プレミアムのプラン毎の料金や納期、作業内容が提示してあるので、どのプランで依頼するか検討しましょう。また、事前に質問があれば問い合わせをすれば回答してもらうこともできます。
無料見積もり相談
気になるパッケージの中でプランを絞り込んだら、まず無料の見積もり相談をしてみましょう。
事前に考えていたイメージを伝えて、納期などの条件やオプション料金が発生するかなどの疑問点があれば確認しましょう。無料見積の段階で、出品者のヒアリングスキルの高さや自分の希望条件に柔軟に対応してもらえるかなども分かります。
他にも気になるパッケージがある場合は、比較検討のために無料見積もり相談だけでもしておきましょう。
発注
依頼先を決定したら、発注を行います。
無料相談を経て金額や条件、納期を調整した見積もりに対して、注文を行います。
注文は「注文・仮払いに進む」ボタンを押し、見積り内容と金額、納期はいつかを確認し、自分の提示した条件に合っていれば、仮払いを行います。
仮払い金の支払い方法を選択し、必要事項を入力した後にページ下部の「注文・仮払いを確定する」を押すと発注が完了します。
仮払いを行わないと依頼先は業務を開始できないため、忘れずに仮払いを行いましょう。
確認・納品
発注後、必要があればランサーズ上でやり取りを行い、依頼先に制作を行ってもらいます。制作物が完成し、納品されたら依頼内容と合致しているか確認します。依頼先から納品が行われると「納品・完了報告」の通知が来るので、検収を行うと依頼が完了します。
■一般的な制作会社へ「コーディング代行」を依頼した際の料金相場
コーディングを外注する場合、料金は1ページ毎に計算されることが多いです。およそ1ページ約10,000円〜が相場ですが、複雑なアニメーションがあり実装難易度が高くなれば料金も高くなります。
またトップページと下層ページでも料金が異なることが多くあります。この理由はデザインにあります。トップページと下層ページで似たデザインである場合、一度トップページをコーディングしてしまえば下層ページはそのデザインを再利用し、より少ない工数でコーディングすることが可能だからです。
またボリュームディスカウントを行っている制作会社も多く、ページ数が増えれば増えるほどお得になるような料金設定になっています。
企業 | 内容 | 価格 |
---|---|---|
企業A | レスポンシブコーディング(1P) | 約10,000円〜 |
レスポンシブコーディング(20P) | 約180,000円〜 | |
レスポンシブコーディング(40P) | 約300,000円〜 | |
企業B | ディレクション | 約30,000円~ |
トップページコーディング | 約15,000円/1P | |
下層ページコーディング | 約5,000円/1P | |
企業C | レスポンシブコーディング(1~10P) | 約13,000円/1P |
レスポンシブコーディング(11~20P) | 約12,000円/1P | |
レスポンシブコーディング(20~30P) | 約11,000円/1P |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。