人気ランキング 期間:4月27日 〜 5月4日
速納品可能・高品質WEBサイトのコーディング代行致します
業務内容
デザインカンプを即コーディングしてほしい、、という方に向けた格安かつ高品質WEBコーディングパッケージです。
【ご提供できること】
・デザインカンプコーディング
・レスポンシブ対応
・jsコーディング
・ワードプレステーマ開発
・サイト公開(FTP、ワードプレス等)
HTML・CSS・JSコーディングに加えワードプレスのテーマ開発まで対応しています。
また、ご準備されたワードプレステーマがある場合はさらにお安くご対応できる場合がございます。
【安価で高品質】保守性の高い高品質なHP・LPのコーディング致します
業務内容
【ご提供内容】
・HTML/CSS(SCSS)/jQueryによるコーディング
・レスポンシブ対応
・BEMによる保守性の高いコーディング
【制作の流れ】
・デザイン確認
デザイン確認後、デザインやアニメーションについての不明点の確認を行います
・初稿
初稿提出後内容を確認いただき、修正点があれば2回まで修正いたします。
・納品
サーバーにアップロードまたはコーディングファイル一式を納品いたします。
ホームページのコーティング、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日)
上記の流れに沿って制作して参ります。
【連絡手段】
メール・電話・ビデオ会議・その他コミュニケーションツール
ご希望に合わせてコミュニケーション方法も柔軟に対応いたしますので、その際はお申し付けください。
何か不明点等ありましたらお気軽にご連絡ください。どうぞよろしくお願いします。
【迅速・丁寧】Webデザインをデザインデータからコーディングします
業務内容
◆作業内容◆
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・JavaScriptの動的実装
(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど)
◆料金表◆
標準作業(HTML/CSS/JavaScriptでのコーディング)
・トップページ:15,000円
・下層ページ:10,000円/1ページ
オプション
・問い合わせフォーム制作:10,000円
◆制作の流れ◆
1.ヒアリング&お見積り
2.デザインデータご提供
3.コーディング
4.ご確認・修正
5.最終確認・納品
※納品方法は希望がなければZipファイルを送付致します。
◆納期◆
ページ数に応じ、納期を決定させていただきます。
※具体的にはデザインデータを拝見した上で決定させてください。
迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、お気軽にご相談ください。
HTML、wordなどのコーディング作業引き受けさせていただきます
業務内容
コーディング作業でプログラムを書くことで、顧客のニーズに合ったソフトウェアやウェブアプリを実現します。
•こんな方にオススメ
個人で活動していて
コーディングなどのめんどくさい作業を
任せて別事業に集中をしたい方
企業様で
コーディング要員が足りてない方など
複雑な業務の場合はあらかじめ説明していただければ、指示通りに仕上げますのでよろしくお願いいたします。
デザインデータより忠実にHTML,CSSコーディング代行させていただきます
業務内容
ご覧いただきありがとうございます。
WebコーダーのMotaと申します。
平日日中は制作会社にて勤務しており、制作時間が少ないため急がれてる方のご希望には沿えないかと思います。
それでも
・できるだけ安くお願いしたい。
・時間より価格!
・デザイナーの方のポートフォリオの構築
・コーディングがめんどくさい!
など、サイト構築でお困りの方はお気軽にご相談ください!
相談は無料です!
あまりお金をかけずに、サイトを構築したいと言った方にお勧めです。
レスポンスは遅くとも当日中にはご返信します。
●使える機能一例
・jQueryを使ったアニメーション実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニュー、モーダルなど)
・お問い合わせフォームの実装
・レスポンシブ対応
基本何でも込みでやらせていただきますが、WordPress導入までお求めの方は別途ご相談ください。
全てのご要望に応えたいとは思っていますが、その分時間はかかるかと思いますので、ご了承ください。
●制作の流れ
まずはご相談ください。
1.依頼内容のヒアリングを行います。
↓
2.デザインデータのご提供。納品日の目安などをお伝え致します。
↓
3.コーディング。完了後、ご確認いただき、無制限で修正対応致します。
※大幅なデザインの変更は対応致しかねます。
↓
4.最終チェックが出来ましたら、ZIPファイルかサーバーへのアップロードという形で納品させていただきます。
※サーバーへのアップロードはログイン情報を共有させていただきます。
まずは気軽にご相談ください。
【注意点】
・冒頭でお伝えした通り、時間が限られるため完成までお時間をいただくこともございます。
・注文後のお客様都合でのキャンセルは原則致しません。
・制作実績として使わせていただくことがあります。
デザインカンプを元にHP制作のコーディングを担当します
業務内容
●PhotoshopやFigmaで作られたデザインカンプから、画像や文字を読み込む(ない場合はこちらでデザインもご提案します)
●ご希望のアニメーションの確認
●VScodeにてコーディングまたはWordPressのテーマSnow Monkeyで制作
●3割完成時点で方向性の確認
●6割完成時点で方向性の確認
●9割完成時点での詳細チェック
●コーディングデータを提出し終了(サーバーにアップロード対応)
【最短3営業日!】スピーディーにコーディングいたします
業務内容
総ページ数10,000ページ超!
シンプルなページのコーディングを、
最短3営業日(※)で代行いたします!
お客様の事情に合わせた柔軟な対応をさせていただきます。
■サービス内容
・HTML+CSSを用いた静的なコーディング
・レスポンシブ対応
・簡単なJavascript
こんなお悩みありませんか?
「デザインはできているけどコーディングが間に合わない」
「コーディングしてみたら思ってたのと違った!」
「後から修正が入ってしまった!」
「ページを追加しているうちに結局割高に!」
ということがよくありますよね。
▼デザイナーだから融通が効く!
デザイナーが兼任するので、ちょっとしたデザインの修正にも対応可能です。
※大幅なデザイン変更の場合は別途費用が必要です。
デザインもご希望のお客様は、WEBサイト制作プランをご検討ください。
https://www.lancers.jp/menu/detail/1266171
▼おおまかな制作の流れ
-
お問い合わせ
「まずは相談する」ボタンよりお気軽にご相談ください。
デザインデータをお持ちのお客様は、デザインデータもお送りいただけるとスムーズです。 -
デザインデータの送付・コーディング開始
確定したデザインデータをお送りください。 -
コーディングデータのご確認
弊社テストサーバーにて、コーディングデータをご確認いただきます。
修正必要な箇所がある場合はテストサーバー内にて修正を反映いたします。 -
納品
ご確認いただいたデータ一式をzipまたはサーバーにアップロードで納品となります。
■ご注意事項
・目安として5,000px程度のデザインの価格となります。
・デザイン内容によっては追加料金をお願いする可能性がございます。
・複雑なJavascriptを使用する場合は別途費用が発生します。
・原則ブレイクポイントは1つの価格となります。(PC/スマホ)
・レスポンシブ対応が必要な場合は、スマホのデザインもお送りください。
・案件時期によっては3営業日で納品できない可能性もございますので予めご了承ください。
・制作実績として作成したホームページの画像やURLを掲載させていただきます。掲載不可の場合はお気軽にお知らせください。
格安でデザインに忠実なHTML/CSSコーディングを代行します
業務内容
出品ページをご覧いただきありがとうございます!
ご提供頂いたホームページまたはLPのデザインカンプを元に、
格安価格の1ページあたり10,000円~から、HPやLPのコーディングを代行します。
ココナラで活動始めて間もなく、実績を積みたいため、
格安でコーディングを代行させて頂きます。
HTML/CSS/Javascript(jQuery)の基礎をしっかりと学んでおりますので、
ご提供頂いたデザインを忠実に再現します。
■提供サービス
・HTML/CSSを用いた静的コーディング
・スマホ・タブレットにも対応したレスポンシブデザイン
・JavaScript(jQuery)を駆使したダイナミックな機能実装
例)スライダー、アコーディオン、ハンバーガーメニュー、スクロールアニメーションなど
・既存サイトの一部修正
※対応できないこと
・イラストや画像等サイト内で使用する素材の作成
■サービスの魅力
・格安価格で、あなたのWeb制作を飛躍させます
・追加料金不要の無料オプションもご利用いただけます
・緊急案件にも迅速に対応します
■料金プラン
1ページあたり、10,000円からご提供いたします。
※無料でお届けする特典
・レスポンシブ対応
・修正対応3回まで
■制作のステップ
ヒアリング・見積もり
コーディング内容や実装機能を詳しくヒアリングし、お見積もりを提供いたします。
↓
ご購入
↓
デザインデータ確認
Photoshop、Illustrator、XDのデータに対応しています。デザインデータをご確認ください。
↓
コーディング作業開始
↓
ご確認・修正
最大3回まで修正対応いたします。ご確認いただき、ご要望をお知らせください。
↓
ご確認完了後、納品
ご確認いただいた後、完成したコーディングデータをzipファイルで納品いたします。
■納期
コーディング内容や実装機能をヒアリングしたうえ、目安をお伝えいたします。
■その他
コーディングの成果物は、制作実績として自身のポートフォリオに掲載することがあります。
もし掲載を希望されない場合は、事前にお知らせください。
ホームページ、LP等のHTML/CSS/JSコーディングをいたします
業務内容
ご覧いただきまして、ありがとうございます。
当サービスはデザインデータからWebサイトのコーディングを承っております。
LPや小規模サイト、20ページ~の中規模サイトまで対応します。
【サービス内容】
┈HTML・CSSの静的コーディング
┈JavaScriptを使用した動きの表現(スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど)
┈CSSアニメーション
┈WordPressの実装(オリジナルテーマ制作 / カスタム投稿設定などカスタマイズ)
【基本料金】
┈TOPページ:15,000円〜 / 1ページ
┈下層ページ:10,000円〜/ 1ページ
┈JavaScriptの実装 → 内容に応じて別途お見積もり
┈お問い合わせフォームの設置 → 内容に応じて別途お見積もり
┈WordPress-TOPページ:20,000円〜 / 1ページ
┈WordPress-下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。
※デザインによって金額は変動いたします。
【無料対応範囲】
┈jQuery/JavaScriptの実装(無料JavaScript一覧内のもの)
┈レスポンシブ対応
┈画像圧縮による表示速度最適化(Webp対応あり)
┈SEO対策のmetaタグ設置(内容はご提供お願いします。)
┈テスト環境のご用意
┈修正無料
◆無料JavaScript一覧
┈簡単なスクロールアニメーション
┈ハンバーガーメニュー
┈アコーディオンメニュー
┈カルーセル/スライダー
┈モーダルウィンドウ
┈スムーススクロール
┈タブ切り替えなど、サイトによく実装されている動き。
【納期】デザイン、ボリュームにより変動いたします。
┈トップページ:2~3日
┈下層ページ:1日~
※デザインデータ受け取り翌日からの日数です。
【対応ブラウザ】
Chrome・Edge・Firefox
【ご依頼~納品までの流れ】
1.コーディング内容の詳細をお聞かせください。納品日と金額をお伝えいたします。
2.問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
3.コーディング開始
4.ご確認
※修正は基本無料で対応いたしますが、作業開始後の大幅なデザイン修正や仕様変更等は別途費用となります。
5.納品(サーバーへのアップ・もしくはファイルの送付)
このようなお悩みの方におすすめ
┈コーダー不足でお悩みの制作会社様
┈コーディングだけ外注したいデザイナーの方
┈社内でコーディングできる人がいない
ご満足いただけるよう、責任をもって対応させていただきます。
またお急ぎの場合は土日祝日も可能な限り対応いたしますのでご相談ください。
その他、ご不明な点は、お気軽にお問い合わせくださいませ。
デザインに忠実なHTML・CSS・JSコーディングを行います
業務内容
\\ デザインに忠実なHTML・CSSコーディングを承ります。 //
■私について
現役Webコーダーのゆりと申します。
見ていただいてありがとうございます!
画面幅が変わった際の画面崩れが気になる細かい性格です。
丁寧且つ謙虚な対応を心がけており、
下請けやお客様という関係より、同じ制作物を作る仲間だと思って仕事をしたいと思っています!
■販売価格について
下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しております。
トップページやLPなどの場合は別途お見積もりさせていただきますので、
お気軽にご相談くださいませ。
■納期について
納期を早めることも可能でございます。(追加料金有)
まずはお気軽にご連絡いただければ嬉しいです!
WordPressサイトのコーディング リッチに仕上げます
業務内容
ご覧いただきありがとうございます。
お気軽にご相談下さい。
【 こんな方におすすめ! 】
・リッチなサイトにコーディングしてほしいWEBディレクター様・デザイナー様
・納期に余裕があるので品質を上げたい
など
【 サービス内容 】
●Webサイトをリッチに仕上げる以下のサービスが標準実装です。
・スムーススクロール(動画参照)
・マウスストーカー
・レスポンシブ
・フルイドレスポンシブ(ブレウザ文字サイズへの対応)
・ハンバーガーメニュー(既定デザイン)
・ローダー(既定デザイン)
●無料アニメーションを準備しています。
私のポートフォリオの参照動画よりエフェクトを確認いただけます。
・マウスエフェクト(マウスストーカーによるホバーエフェクト)
・スクロールに連動したアニメーション(fadeや背景色の変更など)
・Three.jsを用いた画像等のアニメーション(ホバー時のエフェクトなど)
【 料金 】
●基本料金
・トップページ:25,000円〜
・下層ページ:17000円〜
・お問い合わせフォームの設置: 5,000円(プラグイン)〜
・アニメーション&JavaScriptの実装:3,000円〜
必要な機能、ページの長さ、デザインなど
ご要望により価格が変動致します。
お気軽にご相談下さい。
【 お願い 】
●パーフェクトピクセル対応は行っておりません。
デザインデータを正確に再現するように努めておりますが、
数ピクセルずれのみなどの修正指示には対応できない場合があります。
●クオリティを確保するためにしっかりとした制作期間を確保させて頂いております。
制作期間目安
・TOPページのみ: 2週間
・TOPページ + 下層4ページ: 4週間
●ファイルでのお渡しのみとなります。
・all in one wp migrationのデータ
・容量過多の場合:themeフォルダなどを追加でお渡し
●デザインデータはfigmaのみ対応させて頂いております。
【 制作の流れ 】
① ヒアリング・お見積もり
必要な機能や納品方法、スケジュールについて
↓
②ご契約・デザインデータお預かり
↓
③コーディング
↓
⑥テストサーバーにて全体を確認・修正
↓
⑧最終確認・納品
【 注意点 】
●納期について
納期はデザインデータなどの提供素材が揃ってからカウントとしております。
●フォントについて
基本はGoogleFontにあるフォントを使用しております。
GoogleFontにないフォントをご使用している場合は、お客様に確認させていただきます。
デザインデータの中に有料フォントがある場合、お客様の方でご準備をお願いいたします。
●画像のalt属性について
スライダーなどの複数の画像を遷移させる場合、
エフェクトの特性上、正しいalt属性を設定できない場合がございます。
●HTMLのタグについて
使用しているJavaScriptライブラリの関係上、適切なタグが使用できない場合があります。
例)アンカーリンクのaタグは、spanタグを使用します。
【1名限定価格】更新できるWordPress|デザインを忠実にコーディングします
業務内容
**WEB制作会社様/WEBデザイナー様向け**
WordPressのコーディング、まだエディタで書いてる?
▼こんなお悩みありませんか??
☑デザインはPC用だけで、レスポンシブ対応を済ませたい
☑デザインはしたいけど、コーディングは誰かに任せたい
☑変更はコーディングの知識なしでサクッとやりたい
☑コーダーさんによってコーディングの癖があって困る
よくあるオリジナルテーマの作成ではPHP、HTMLなどでページをWordPress化しますが、
これは時間もコストもかかるし
コーディングは人によってクセが出るもの。
変更したくなった場合、人が作ったものは解読が難しい場合も。
しかもWordPress管理画面からは一切変更が出来ないといった
WordPressの機能を殺してしまうサイトも存在します。
これらを解決するために、私はWordpressサイトを
【Elementor】というテーマ作成用プラグインで作成します!
▼この方法のメリット
- 画面操作でテーマを構築。エディタでのコーディングより素早く正確に作成!
- 完成したサイトはWordpressの管理画面から直感操作で更新可能!
- 構築はプラグインが制御するから、作る人によるクセが出ない!
- PC版デザインのみでレスポンシブデザインをこちらで対応可能!
- CSSアニメーションやJSによる動的サイトの作成も可能!
【Elementorって??】
Elementorは海外でポピュラーなテーマ作成用プラグイン。
プラグインのダウンロード総数TOP10に入る大人気プラグインです!
テーマ作成用に開発されたプラグインだから
オリジナルテーマが素早く完成!
簡単に更新可能だから
更新の度に制作者に頼る必要もなし。
管理画面に入れる方なら専門知識なしでできる操作感♪
ぜひElementorでのサイト制作をご検討ください。
▼納品の流れ
1.出品者へDM(ダイレクトメッセージ)を送信
「まずは相談する」というボタンからご連絡ください。
コーディングしたいサイトの内容(ページ数、アニメーションの有無、機能の有無など)をお教えください。
2.出品者から相談者様へ返信
こちらから送っていただいた内容に関して質問や回答をさせて頂きます。
3.注文・仮払い
内容にご納得いただけました場合はご注文をお願いいたします。
4.製作開始
制作に必要な情報を頂きましたら、制作開始いたします。
5.納品物の確認と修正
制作したもののご確認と、修正箇所のご指摘を頂きます。
6.移行
修正箇所にご納得頂けましたら、制作は完了となります。
テスト環境での作成の場合、プラグインを使用してサイトの移行を行います。
7.納品
移行が完了し、動作確認後問題ないようでしたら納品となります。
▼ご注意
納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。
HTML/CSS/JSの作成代行をします。どれか一つからの作成もできます
業務内容
▼こんな方へオススメ
- ウェブサイトの立ち上げやリニューアルをお考えの方
- 独自のデザインや機能を持つウェブサイトを作りたい方
- スマートフォンやタブレット対応を求めている方
- 小規模から大規模まで、様々なプロジェクトのウェブ開発を検討している方
▼ご提供内容
- HTML、CSS、JavaScriptを使用したウェブサイトのカスタム開発
- レスポンシブデザインによるスマートフォン、タブレット対応も可能
▼ご購入後の流れ
- ヒアリング: プロジェクトの要件やご希望を詳しくお聞きします。
- 企画・提案: ご要件に基づき、最適なプランと見積もりを提案します。
- デザイン: ご承認いただいたプランに基づいて、デザインを進めます。
- 開発: デザインを元に、HTML/CSS/JSでコーディングを行います。
- テスト・修正: 完成したウェブサイトのテストを行い、必要に応じて修正します。
- 納品: ウェブサイトを公開し、必要な運用指導を行います。
▼制作可能なジャンル
- ジャンルは問いません(風俗関連はNGです)
▼納期
- ベーシックプラン: 2週間
- スタンダードプラン: 2週間
- プレミアムプラン: 3週間以上
※プロジェクトの規模や内容により変動します。
また、オプションで3日間早められるほか、
更に早めることができる可能性があるのでご相談ください。
[企業様、デザイナー様必見] Webサイトのコーディング、代行いたします
業務内容
ホームページ、ランディンページの修正、コーディングはお任せください
★プロのデザイナー様、企業からリピートあり!
安心してあなたのWebサイトをお任せください!
【デザイナー様、企業のWeb担当者の方へ】
こんなお悩みはありませんか?
ほんの少しの修正が必要だけど、コーダーの手が空いていない
安定した品質を担保できるコーダーがいない
コーディングが苦手で誰かに任せたい
このパッケージを購入することでこの悩みが解決できます
いつでもすぐ対応してくれるコーダーがいるから安心♪
品質が担保できるから、安心して任せられる♪
デザインだけに集中できるので、デザインの品質が上がり、デザインの単価も上がった♪
初めての方へ
当サービスはWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。
こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。
”スマホでは表示が崩れる”
”お問い合わせフォームをつけたい”
”文書を変えたい”
”ホームページをネットに公開したい”
”新しくランディングページを作りたいなど”
「こんなことできるかな?」と思ったら、お気軽にご相談ください。
相談は無料です!
どんどん相談しちゃってください!
価格
⚫︎修正、更新のご依頼:要相談 最低価格が3,000円〜
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。
⚫︎ランディングページのコーディング:44,000円〜
⚫︎ホームページのコーディング(5ページ以内):100,000円( WordPressも対応`)
上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
お客様よりデザインデータご提供
コーディング・テスト
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
実績
公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。
デザイナー様からLPコーディング依頼
制作会社様からWordPress(オリジナルテーマ)のコーディング依頼
個人事業主の方から静的ホームページの修正依頼など
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。
もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。
その為にもまずは詳細なご依頼内容を伺いたいので、
下記の【ご依頼、お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
プログラムのコーディング,単純作業の効率化,テストプログラムを作成します
業務内容
▼こんな方へおすすめ
手間のかかるコーディング作業を任せたい方
プログラムにかかわらず,様々な作業を行います.詳しくはご相談ください
▼ご提供内容
簡単なコーディング作業代行
▼ご相談
ご購入前にコーディング作業の要件を簡単にお知らせください
【LP/Web/CMS】Wordpress・レスポンシブ対応致します
業務内容
サービスを閲覧いただきありがとうございます!
Chatwork/backlog/slack/line/電話などお客様のご都合に合わせますので
まずはお気軽にご相談いただければと思います。
○ サービス内容 ○
・HTMLの静的ページのコーディング
・JavaScriptを使用した動的な動きのあるページの作成
・WordPressのオリジナルテンプレート作成から特定のテーマに合わせたコーディング
※WordPressは場合によって別途費用がかかる場合がございますのでお気軽にご相談下さい。
○ 制作内容 ○
単発ページ作成・修正等のスポット対応から
新規サイトコーディング・LP制作なども承っております。
お客様のご要望に沿った対応を致します。
○ - スポット修正 ○
作業時間 1時間あたり7500円にて対応させていただいております。
例えば簡単な文字修正 7500円 x 0.25 = 1875円
例えば簡単な画像修正 7500円 x 0.50 = 3750円
○ コーディング費用 ○
トップコーディング費 ¥20,000~ / 1ページ
・下層コンテンツコーディング費 ¥10,000~ / 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・お問い合わせフォーム設置 → ¥15,000~
・WordPress オリジナルテンプレート作成 ¥50,000円~
・WordPress テーマに沿ったサイト制作 ※内容によってご相談
※デザインによって金額は変動いたします。
レスポンシブに関しまして、ブレイクポイントの内容により作業量が変動致しますのでご相談出来ればと思います。
○ 無料対応 ○
・画像圧縮
・WordPressの場合はプラグイン導入は基本無料
※プラグインによるサイトのカスタマイズ作業が発生する場合は別途ご相談させてください。
○ 流れ ○
まずはご相談内容をお聞かせください
↓
作業の洗い出しと納品日と金額をお伝えいたします。
↓
問題がなければ、着手致します。
↓
ご確認
※修正は基本無料で対応いたしますが、あまりにも多くの回数だったり仕様の変更等入る場合は
別途ご相談させていただければと思います。
↓
納品
※対応ブラウザは「Chrome/Edge/Firefox・i-os safari/chrome 」としています。
土日祝日の対応も可能なので
まずはお気軽にご相談下さいませ。
ここまでご覧いただきありがとうございます!
宜しくお願い致します。
【制作会社様・デザイナー様向け】デザインカンプからのコーディング承ります
業務内容
▼こんな方におすすめ
・コーディング業務を代行したい
・コーディングできる人を探しているデザイナー様、デザイン会社様
▼パッケージ内容
静的コーディング
・デザインカンプからのコーディング
・レスポンシブ対応
・保守しやすいFLOCSSを用いたCSS設計
・修正3回まで無料
・JavaScript(jQuery)を用いた各種アニメーション対応
- ハンバーガーメニュー
- スライドショー
- アコーディオンメニュー
WordPress構築
・オリジナルテーマの作成
▼品質チェック
品質チェックリストを共有します
確認端末:Mac / Windows / iPhone / Android
ブラウザ:Chrome / Edge / Safari
▼対応デザインデータ
Figma / XD / Photoshop / Illustrator
▼納品方法
サーバーへのアップロード / Zipファイルの送付
料金はあくまで目安です。ページ数・内容に応じて変動しますのでご相談ください
ご相談だけでも構いませんのでお気軽にどうぞ!
perfect pixelを用いてpx単位でデザインを再現いたします
業務内容
◎パートナーを探している制作会社様
◎コーディングをしてほしいデザイナー様
◎受注案件が回らないフリーのコーダー様
制作会社現役勤務だから安心のクオリティ。
コミュニケーションを大切にしております。
曖昧なことはそのままにせず、明確にしつつお仕事を進めさせていただきます。
【最短3日納品可能】HTML/CSSのコーディングを承ります
業務内容
ご覧いただきありがとうございます。
安心してお取引できるよう、丁寧に対応を心がけております。
まずはお気軽にご相談ください。
当サービスでは、デザインデータからHTML/CSSコーディングを承っております。
ーーこのようなお悩みの方へおすすめですーー
・コーダーが足りない
・コーディングできる人がいない
・レスポンシブにも対応してほしい
・費用を抑えてコーディングを任せたい
・デザイナー様、ディレクター様、制作会社様など
ーー基本料金で対応できることーー
・HTML/CSSを使用したコーディング
・WordPress化(オリジナルテーマ化)
・簡単なアニメーション(ハンバーガーメニュー、スライダー、アコーディオンなど)
【お見積りに関して】
記載の料金は目安になります。
作成するページ数や要件よって変動しますのでご了承ください。
ご予算に応じた調整も可能ですので、一度ご相談頂ければ幸いです。
【修正に関して】
無制限で対応いたします。
ただしデザインの変更や要件変更によるものは追加料金を頂戴する場合がございます。
ーー対応可能データーー
・Figma
・AdobeXD
・Illustrator
ーー納期についてーー
トップページのみの場合は最短で3日になります。
ただしデザインやボリュームによって変動しますので一度ご相談くださいませ。
ーー制作の流れーー
①まずは相談するボタンよりお問い合わせくださいませ。
②ヒヤリング(HPやLPの詳細や要件についてお伺いします)
③制作開始
④ご確認と修正(制作したHPをご確認いただき、必要に応じて修正させていただきます。)
⑤納品(基本的にはZIPファイルでの納品になります)
ーー最後にーー
Web制作歴は2年ではありますが、ご満足頂けるように精一杯対応させていただきます。まずはお気軽にご相談頂けますと幸いです。どうぞよろしくお願いします。
【2000pxごと2,000円】Web/LPのコーディング代行します
業務内容
===============
2000pxごとに2,000円
===============
この度は、数多くのランサーの中から弊社のページをご覧頂きありがとうございます。
株式会社サクラボは、宮城県仙台市を拠点に活動する企業です。
当社のコーディングサービスは、『ページの長さによって料金が決まる』シンプルな価格設定です。
・初めてご利用されるお客様にも…
・いつもご利用いただいているお客様にも…
常にわかりやすい料金プランでコーディング致します。
「見積金額がわかりづらい」「コーディングのリソースが足りない」そんな時は是非サクラボに頼ってください!
【料金プラン】
===================
ページの長さ(合計px数)= コーディング費用
===================
(合計px数のうち最初の2000pxまでは10,000円、以降 2000pxごとに2,000円加算されます)
★ページの長さが合計「6000px」ならこの価格!
¥16,000
★ページの長さが合計「32000px」ならこの価格!
¥40,000
★ページの長さが合計「72000px」ならこの価格!
¥80,000
※オプション追加料は別途加算されます。
【サービスの特徴】
-
シンプルな料金プラン
【2000pxごと2,000円】のシンプルな料金プランで提供します。
「初回見積もりは安いが、最終的に費用がかさんで赤字案件になった」…そんなことがないような明朗価格となっております。 -
デザインを忠実に再現
デザインデータを綺麗に形に致します。デザイン通りのコーディングを実現するため、経験豊富なコーディング専門スタッフが責任を持って対応いたします。 -
品質チェックテスト込み
コーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかをテストして納品させて頂きますのでご安心ください。
【サービス内容】
- レスポンシブコーディング
- リキッドコーディング
- PC/SPコーディング
- リフレッシュコーディング
- CSSアニメーション
- JavaScriptアニメーション
- CMS設置(Wordpress、他相談ください)
- ECサイト構築(EC-cube、他相談ください)
※詳細はお問い合わせください
◆基本料金に含みます
- Google Maps API
- SNS組み込み
- その他簡単なjQuery/JavaScriptの実装
【購入後のおおまかな流れ】
- ヒアリング・お見積もり(まずはご相談ください!)
- データ入稿
- コーディング・テスト
- ご確認・修正(不備があれば修正いたします)
- 納品(zipファイルでの納品いたします)
【納期】
納期はあくまで目安です。ご依頼状況にあわせて変動する場合があります。まずはご相談ください。
WEB制作(HTML・CSS・Javascript)のお手伝いをします
業務内容
「WEB」「HP」制作の
「サポート」から「制作作業」など、
様々なお手伝いをさせていただきます。
「コーディング方法」や「不具合の解決」など
簡単な「サポート」から、
「制作」「コーディング」も。
部分的な修正も可能です。
「1ページ」「1サイト」のコーディングもご相談ください。
ご希望をお聞かせいただければ、
できるだけ、ご希望に沿った対応をさせていただきます。
【制作会社様・デザイナー様向け】静的コーディング・WP化を格安で承ります
業務内容
本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。
内容から判断がつかない場合は
お気軽にお問い合わせくださいませ!
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築(BEMを使ったCSS設計)
・静的サイトのWordPress化、WordPressオリジナルテーマ開発
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
1.ヒアリング
└ 正式なご依頼前にまずご相談くださいませ!
2.ご契約 & 仮払い
3.制作開始
4.確認 & 修正
└ ご検収いただくまで誠心誠意ご対応させていただきます。
5.納品
【制作会社/デザイン会社向け】html/css/WordPressコーディングします
業務内容
★こんな方へオススメです★
🔸継続的にお願いできるパートナーを探している制作会社様
🔸コーディングできる人を探しているデザイナー様
🔸レスポンスが良いフリーランスにお願いしたい
🔸リソースが足りないから外注したい
🔸すぐに対応してほしい
そんな方の期待にお応えします!
現在は制作会社様から業務委託にてコーディング依頼を受注しており、
継続的にお付き合いさせていただいております!
「ストレスのないコミュニケーション」と「思いやりのあるチャット」
を心がけております!
【当サービスの特徴】
🔸 XD / Figma / illustrator のデザインカンプに対応
🔸PCのみのデザインデータから各種サイズのレスポンシブ対応可能※LP等画像部分はSP版が必要です
🔸完全フリーランスだから昼夜、土日問わず連絡、作業いたします
🔸業務委託契約実績10社以上
🔸scss/BEMを用いたCSS設計によりコードの保守性担保
【対応できる業務】
🔸html/cssの静的コーディング
🔸jQueryによるアニメーションの実装
🔸Wordpress構築(オリジナルテーマ作成、カスタム投稿、カスタムフィールド等、各種プラグイン対応)
🔸既存サイトの更新業務(Wordpressも可)
【制作の流れ】
①デザインカンプの支給・確認
②お見積りのご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品
【納品方法】
zipファイル / FTPサーバー / WordPress環境にデータ移行
【稼働時間】
6:00〜7:00 / 9:00〜18:00 / 21:00〜23:00
ご相談いただければ柔軟に対応いたします!
土日問わず対応できます!
気になることがあれば、まずは一度お声掛けください!
ご相談だけでも構いませんのでお気軽にどうぞ!
web制作会社で実務経験3年以上のコーダーがwebサイト、LPのコーディング承ります
業務内容
■こんな方におすすめ
-デザインはできるけどコーディングできる人材が欲しい方
-サイト制作をまるっと任せたい方
■ご提供内容
-いちからHTML、CSS、javascriptを用いてコーディングいたします。
-webサイト、LPを1から作成いたします。
-必要であればwordpressも対応できますので、ご相談ください。
■最終的な納品物
-コード一式をデータで納品いたします。
格安でNext.jsを使用してSEO対策を施したWEBサイトをコーディングします
業務内容
実績5件まで1ページ3,000円〜でWEBサイトのコーディングをお手伝いいたします。
パッケージ内容
ご覧いただきありがとうございます。
HSP(Highly Sensitive Person:非常に感受性が強く繊細な気質を持った人)の私が人一倍繊細にあなたのWEBサイトのコーディングをお手伝いいたします。
ポートフォリオなどはプロフィールにて紹介しておりますので、よろしければご覧ください。
当パッケージでは私のHSPの気質を活かし、お客様に不快な思いをさせないよう、人一倍繊細にやり取りさせていただきますので、初めての方でもお気軽にご相談ください。
購入されない場合でも丁寧に対応させていただきますのでご安心ください。
【当パッケージの特徴】
・実績5件まで3,000円〜でお受けいたします(システム上10,000円となっていますが、見積もり時にコーディング内容をヒアリングし、価格を変更いたします)。
・HSPの私が人一倍繊細に、丁寧に対応いたします。
・修正回数無制限で対応いたします。
・納品後に更新が必要な場合も丁寧に対応させていただきます。
・Next.jsを使用し、SEO対策を行います。
【料金について】
WEBサイトのコーディングは専門知識と技術が必要です。
しかし高額な費用がかかってしまうため、WEBサイトの作成を諦めてしまう方も多いのではないでしょうか。
私のパッケージでは、実績5件まで3,000円〜でコーディングいたします。
これは業界最安水準です。
【修正について】
デザインをもとにコーディングさせていただきますが、実際にコーディングされたWEBサイトを見ると「この部分に動きをつけたい」というような要望が出てくると思います。
そのような要望にも無制限で対応させていただきます。
※デザインが最初から大きく変更される場合は追加料金をいただきます。
【SEO対策について】
「SEO」という言葉はご存知でしょうか。
SEOとは「Search Engine Optimization」の略であり、検索エンジン最適化を意味します。
SEO対策を施すことにより、WEB検索で上位に表示されやすくなります。
SEO対策には複数の要素がありますが、ページの表示速度を高速化することが1つの要素になっています。
Next.jsを使用することでページを高速で表示できるようになるため、SEO的にも有利になります。
つまり作成したWEBサイトを見てもらいやすくなります。
【ご購入後の流れ】
① 依頼前にお見積もり
↓
② ご契約、仮払い
↓
③ デザインをもとにWEBサイトをコーディング
↓
④ やり取りの中でWEBサイトを修正
↓
⑤ 納品
【基本料金に含まれる内容】
・1ページのコーディング(あまりに長い場合は追加料金がかかります)
・HTML/CSS(Tailwind CSS)/JavaScript(Next.js)を使用したWEBサイトの作成
・簡単な動きのあるWEBサイトの作成
・スマートフォン/タブレット/パソコン対応のレスポンシブコーディング(2つ以上のブレークポイントが必要な場合は追加料金がかかります)
・無制限の修正(デザインが大きく変わる場合は追加料金がかかります)
【追加料金について】
・2ページ目以降のコーディング:2,000円〜
・複雑な動きのあるWEBサイトの作成:3,000円〜
・2つ以上のブレークポイント:2,000円〜
・最初のデザインから大きく変更がある場合:3,000円〜
私からのメッセージ
ここまでご覧いただきありがとうございました。
数多くのパッケージから私のパッケージに興味を持っていただきうれしく思います。
私はお客様の想いをWEBサイトを通してより多くの人に伝えたいと思っています。
私の繊細な感性であなたのWEBサイトを丁寧にコーディングいたします。
お客様に寄り添って丁寧に対応いたしますので、他のサービスとも比較していただいたうえで、私のサービスに魅力を感じていただけた場合はお見積りをよろしくお願いいたします。
ホームページ・LPのHTML・CSSコーディング承ります
業務内容
ご覧頂きありがとうございます。
Webページ、LPなど、デザインからのコーディングを行います。
デザインはあるけどコーディングにお困りの場合など、ぜひご相談ください!
■作業内容
●デザインカンプからの静的コーディング(HTML・CSS)
●レスポンシブ対応、Javascript対応(ご相談)
■制作の流れ
まずは、お客様のご依頼内容についてお伺いさせて下さい。
お見積もり・納期の目安をご連絡させて頂きます。
1.ご依頼内容の確認・お見積もり・納期の目安のご連絡
2.ご購入後、制作要件についてのご確認、デザインカンプ等の必要なデータの受け取り
3.制作開始
4.完成品の提出とご確認(修正箇所の確認)、納期の確認
5.修正対応
6.修正品の提出とご確認
7.最終納品
■納品方法
コーディングデータをzipファイルにて納品させて頂きます。
■デザインカンプデータ
Adobe Illustrator, Photoshop, XD, Figmaに対応致します。
■納期
お急ぎの場合など納期についてのご相談も可能です。
■こちらでの検証環境
Mac最新OSにてChrome, Safari, FireFox
iPhone最新OSにてChrome, Safari, FireFox
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■その他、ご質問などありましたら、お気軽にお問い合わせ下さい。
HTML / CSS / JavaScript でサイトのコーディングを代行します
業務内容
「デザインカンプは作れるので、サイトにして欲しい!」
そんなご希望におこたえいたします。
ECサイト(静的な部分)・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。
ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。
「デザインは用意できるけど、コーディングは誰かにお願いしたい」ます
業務内容
⚫ご提供させていただけること
・保守性が高いCSS設計に基づいたHTML/CSS/JSコーディング
・WordPressの導入、改修など
・Gitを用いたコード管理(常にバックアップが取れています)
・無料で画像圧縮
・こまめな進捗報告による「作業の見える化」
⚫作業内容について
・静的コーディング(1ページ〜)
・レスポンシブ対応(スマートフォン、タブレット)
・ハンバーガーメニュー、スライダーなどの実装
・お問い合わせフォームの実装
※WordPressは別途追加費用が発生いたします。
⚫ご予算について
記載の金額はあくまで目安でございます。制作ページ数やアニメーションによって変動することがございます。実装内容やご予算など、いつでもお気軽にご相談下さい!
⚫ご購入の流れ
①「見積もり・カスタマイズの相談に進む」を押下いただき内容を詳しくお聞かせください。
②納期目安、追加で購入が必要なオプションがある場合にご案内いたします。
③内容に問題が無ければご発注をお願いいたします。
④写真やテキストなどの素材を当方までお送りください。
⑤作業開始。まずは1p完了後にURLをご連絡します。その後は1~3日に1回程度の報告をいたします。
⑥全体コーディング完了後、ご査収いただき修正対応いたします。(無料で3回まで)
⑦ご指定のファイル形式にて納品
⚫実績
静的コーディングからのWordPress化、静的ページのテーブル修正、静的LP、WordPressテーマカスタマイズ等
⚫特徴
・反応が早い
・作業の言語化が得意
・柔軟な対応が可能
どうぞお気軽にご連絡くださいませ!いつでもお待ちしております。
フロントエンドエンジニアがレスポンシブコーディングを代行します
業務内容
◾️こんな方にオススメです
- 社内リソースが不足している企業様
- コーダー不足で外注先を探されている制作会社様
- コーダーのパートナーを探しているデザイナー様
- 長期的に依頼できるコーダーを探していらっしゃる方
◾️基本料金に含まれるもの
- HTML / CSSコーディング
- レスポンシブ対応
- 画像、CSSファイル、JavaScriptファイルの圧縮
- テスト確認用サーバーのご用意
- アフターフォロー (納品後 稼働 5日以内)
◾️追加オプション
・スマホ用デザインがない場合のレスポンシブ対応:合計金額の30%を加算
・ドロワーメニュー:10,000円
・スライダー:15,000円
・アニメーション (一部無料):5,000円〜
・お問い合わせフォーム:17,000円
静的の場合は「PHP工房」のメールフォーム使用を想定しております。
◾️納期
5〜14日。
※稼働状況や実装内容により若干変動いたします。
◾️流れ
- お打ち合わせ
- デザインデータお預かり
- コーディング
- テストアップ(ご確認)
- 修正
- テストアップ(修正箇所のご確認)
- 納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
【制作会社様、デザイナー様向け】コーディング、WordPress制作サポートします
業務内容
webサイトのコーディングを承ります!
「デザインは用意できるけどコーディングは外注したい」
「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
「自分でコーディングしている時間がない」
「サイトの一部箇所の修正をお願いしたい」
などのコーディングのお困りごとに丁寧に対応させて頂きます。
お気軽にご相談ください。
【制作内容】
・静的コーディング
・LPコーディング
・WordPressコーディング(オリジナルテーマ)
・WordPress既存テーマのカスタマイズなど
・レスポンシブ対応
・スマホ(またはPC)デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成 など…。
【実績】
WordPressホームページ制作
・既存テーマカスタマイズ
・トップビューアニメーション
・オリジナルホームページ制作
詳しくはポートフォリオをご覧ください。
【簡単な修正、コーディング代行】
簡単な画像の差し替えや、部分的なコーディング、修正は1箇所大体5,000円からご対応します。
内容によってはもっとお安く対応する場合もございますので、一度ご連絡頂ければと思います。
パッケージのシステム上ベーシック最低10,000円以上からの設定しか出来ないため、
簡単な修正内容希望の方は一度ご相談いただければ幸いです。
【ご依頼・制作の流れ】
①「まずは相談する(無料)」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正:コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品:データでの納品・サーバーへのアップなど対応させていただきます。
【対応可能データ】
XD、Photoshop、Illustratorのいずれか
Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
※デザインの内容や量によって費用の追加をお願いする可能性がございます。
開発業務を何でも手伝います、Vue.jsやnode.jsを理解できます
業務内容
ご提供内容
プログラミングの手伝い。
Vue.jsやnode.jsはある程度経験があります
AWS lambdaやDynamodbなども使えます
Pythonもある程度は扱えますが、DjangoやFlaskなどの経験はありません
Flutter(Dart.js)は勉強中ですが、対応可能です
こんな方へオススメ
スポットで業務への手伝いが欲しい方
プログラミングの手伝いが欲しい方
フロントエンドの一部の画面だけ作って欲しい方
フロントエンドの画面の一部を修正して欲しい方。
できなくはないかもだけど、苦手なこと
React、Wordpress
(これらの言語にも対応できないわけではなく、自分で勉強しながらキャッチアップ可能です。学習時間分のコストは勿論請求しません)
ご購入後の流れ
ChatworkやDiscordなど、好きな方法で取引可能です
料金プランやオプション、納期
柔軟に内応可能です
ECサイト(shopifyなど)のコーディング承ります
業務内容
出品開始したばかりのサービスなので、最初のご依頼に限り
5ページまで ¥30,000 - でご提供させて頂きます。
現在はベーシックプランしか受け付けておりません。
主に制作会社様向けのご提案となっております。
■■こんな悩みを解決します■■
「ECサイトの制作が依頼が来たものの、慣れているコーダーがいない」
「社内リソースが足りないので、外注したい」
そんなお悩みを解決いたします。
原則、デザインデータのご用意をマストとさせて頂きます。
データの種類はXD・figmaを基本とし、「イラレ、フォトショ」は別途有料オプションにての対応となります。
■■料金目安■■
□トップページ / ¥30,000〜
□ヘッダー・フッター・スマホメニュー / ¥30,000 〜
(原則、元テーマに準じたカスタムとなります。)
□下層ページ(1ページあたり) / ¥15,000 〜
デザインボリュームによって、お見積もりは前後いたします。
■■対応プラットフォーム■■
□shopify(dawn)
不明点はご相談に乗りますので、遠慮なくご連絡ください。
WodPress構築の際、ブロックエディタやelementorでの制作はできかねます。
*その他プラットフォームにつきましては、対応経験が乏しいため要相談とさせて頂きます。
■■対応可能範囲■■
コーディングのみ対応となります。
「商品登録」「発送設定」等、管理業務につきましては対応外とさせて頂きます。
プラグインの導入は埋め込みのみ(簡素なCSS程度ならOK)とします。
■■サービスの流れ■■
□ お見積もり・DM」よりご連絡
↓
□ 現状のヒアリング
↓
□ お見積もり
↓
□ 制作
↓
□ テストサーバーにて確認
↓
□ ご納品
■■お願い■■
□制作スピードと品質を重視しております。レスポンスの芳しくない方はご遠慮願います。
□「アイコン設定のないアカウント」「意味不明なユーザーネーム」「孫請けもしくはそれ以下と見受けられる御依頼」につきましては、お断りすることがございます。
□ピクセルパーフェクトはご対応しかねる場合がございます。
□数時間以内にご返信できるよう努めます。
□制作実績をポートフォリオサイトやプロフィールに掲載させて頂く場合がございます。
□まずはダイレクトメッセージでお気軽にご相談下さい。
購入にあたってのお願い
□デザインデータをご用意ください(psd, AI, XD)
□こちらで原稿の用意、作成はできかねます。
□即日のご対応が難しい場合もございます。
□相場を逸脱した低価格の御相談には、返信できない可能性がございます。
□個々のSEO・広告対策については対応しておりません。
□売上・アクセスUP等のご相談はお受けしておりません。
□サーバー・ドメインの取得代行は行っておりません。
□Webサイトを一から立ち上げるサービスではございません。
□下記、内容を含むご相談に関しましてはお受けしておりません。
・公序良俗に反するコンテンツを含むサイト
・アダルト系
・投資を募るもの(セミナー・株・FXなど含む)
・根拠のない理由を元に、報酬を受けられるとうたうビジネスモデル
・宗教等の勧誘
・情報商材系
・制作物の商用的二次利用
・既存サイトのコピー、もしくは近しい要望
*ご依頼後5日以上ご返信を頂けない場合は、ご確認の上その時点でのデータのご納品となります。またキャンセル・ご返金はできかねます。
【コーディング】1ページなら最短4営業日で品質を担保したコーディング受付してます
業務内容
【ランサーズ活動開始記念 - 初回10%OFF!! - 】
▼こんな方、ぜひご相談ください!
・コーダー不足で外注先を探している方
・コーディングが苦手、対応できないWebデザイナー様
・他の業務に集中したい方
など
----------受注後の流れ----------------------------------------
➀お打ち合わせ・ヒアリング
②ご契約(仮払い)
③デザイン(ワイヤーフレーム~デザインカンプ)
④コーディング
⑤テストアップ
⑥公開
---------------------------------------------------------------------
▼主な対応可能業務
●スマホタブレット表示対応
●保守性の高いCSS設計
●内部SEOを意識した構造化マークアップ
●Wordpress
∟お問い合わせフォーム(contact form 7)
∟ブログ通常投稿(archive,date,category,single,sidebar)
∟カスタム投稿
∟カスタムフィールド
∟カスタムタクソノミー
●metaタグの設定
∟タイトル、ディスクリプション(サイトの説明書き)の作成
●読み込みスピード高速化
∟画像webp化・圧縮
∟CSS・Javascriptの圧縮
--------下記要望があれば対応可能--------------------------*
●OGP画像作成
∟リンク添付時に表示される画像
●ファビコン作成
∟ホームページのタブの小さいアイコン
▼追加料金なしのアニメーション
●スライダーまたはカルーセル(1つまで)
●アコーディオン
●トップへ戻るボタン
●ハンバーガーメニュー
▼デザインデータについて
Figma、XD、AI、PSD、エクセルでも対応可能です。
※理想はFigma、XDですと大変助かります。
▼納品方法
お客様の要望に合わせさせていただきます。
・Wordpressプラグイン All-in-one WP Migration
・ファイル(ギガファイル便)
・FTPツール
・その他
▼動作確認
・Chrome、Edge、Firefox、Safari
・Windows10以降、iOS、Android
※すべて最新版に限ります。
※IE11は対応不可です。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。