人気ランキング 期間:5月1日 〜 5月8日
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
1ページ10,000円から!LPやシングルページのコーディング、書きまくります
HTML/CSSのコーディングでお困りの方代行いたします
業務内容
【こんなお悩みありませんか?】
・Webサイトを制作するにも知識がない
・コーダーがほしい
・デザインは得意だが、コーディングが不得意
・安心できる人に依頼をしたい
どんなお悩みにも、丁寧に迅速にサポートさせていただきます。
依頼内容の詳細
こちらのサービスはWebサイトを制作する際に小さい依頼からでもお困りの際にご利用していただけたら幸いです。
・既存サイトの一部修正(文言修正・スタイル修正・レイアウト修正)
・PC/SPのレスポンシブ対応
・デザインーと連携して複数Webサイトを制作
・既存サイトにページ追加
価格
・ベーシック 3000円~10000円
TOP1ページ・下層5ページ以内のコーディング
・静的サイト
・レスポンシブ対応
※ 一部修正または下層1ページのみなどの場合は3000円〜ご対応いたします
・スタンダード 2万0000円~
TOP1ページ・下層5ページ以内のコーディング
・静的サイト
・アニメーション
・レスポンシブ対応
・プレミアム 4万0000円~
TOP1ページ・下層10ページ以内のコーディング
・静的サイト
・アニメーション
・レスポンシブ対応
※あくまで目安になりますので金額に変動はございますのでお気軽にご相談ください!
納期
【ベーシックプラン】
最短で即日〜3日間
【スタンダードプラン】
6日間〜
※ 内容により変動いたします
【プレミアムプラン】
14日間〜
※ 内容により変動いたします
制作の流れ
ヒアリング・お見積もり(ご相談に関しては無料になりますのでどんな内容でもご相談くださいませ)
⬇︎
ご契約
⬇︎
デザインデータご提供していただきます
⬇︎
実装
⬇︎
問題ないかご確認をしていただく(この際の修正に関しては回数無制限になりますのでご安心ください)
⬇︎
納品(zipファイルでの納品またはご指定のサーバーにアップロード)
⬇︎
必要があれば運用も行います(定期的にアップデート・修正など)
ここまでご覧いただき誠にありがとうございます。
ご依頼いただいた際には迅速かつ丁寧に料金以上に満足していただけるように制作させていただきます。
小さなことでもお気軽にご相談して頂ければと思います。
ご一緒にお仕事できることを楽しみにしておりますのでご検討の方、何卒よろしくお願いいたします。
【こちらはいかがですか?】
品質・パフォーマンスの向上、ブログやお知らせ機能など機能面も向上をさせたい方は以下をご検討していただけると幸いです。
https://www.lancers.jp/menu/detail/1271627
【プロフィール】
HTML/CSSコーディング即日対応!!代行いたします
業務内容
HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください!
【デザイナー様、企業のWeb担当者の方へ】
例えば・・・
ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・
お任せください!!
デザインだけに集中できるので、デザインの品質も向上します!
こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。
その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です!
価格(全て税込の対応での掲載になります)
⚫︎修正、更新のご依頼:要相談 3,000円〜
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。
⚫︎ランディングページのコーディング:10,000円~
※長さによって変動いたします。
⚫︎ホームページのコーディング:10,000円~( WordPressも対応`)
上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
購入する際の注意点
*ご依頼していただく場合は上記金額にシステム手数料(5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936
納期
【修正、更新】
最短で即日納品
【LPコーディング】
4日〜
【HPコーディング】
4日〜
*依頼内容によって変動いたしますのでご了承ください。
ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
ご提供いただいたデザインを元にコーディングいたします
業務内容
①静的サイト・LP(ランディングページ)の実装&カスタマイズ
ご提供いただいたデザインから、HTML+CSS(Sass)+JavaScript(jQuery)を使ってコーディングいたします。
②「WordPress」を使った動的サイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのWordPressテーマを作成いたします。
WordPress自体の構築や、プラグインなどの各種設定も対応可能です。
PHP+CSS(Sass)+JavaScript(jQuery)でコーディングいたします。
③「Shopify」を使ったショッピングサイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのShopifyテーマを作成いたします。
Shopify自体の構築や、アプリ、商品登録などの各種設定も対応可能です。
Liquid+CSS(Sass)+JavaScriptでコーディングいたします。
HTML/CSS/Javascript コーディング代行します
業務内容
コーディング作業代行いたします!
【こんな人におすすめ】
「リソース不足で案件が対応しきれない」
「コーディングを代行してほしい…」
「デザインはあるがコーディングだけお願いしたい」
「デザインを細部まで再現してほしい」
私はそんな方の味方です!コーディング作業を代行し、お悩み解決いたします.
【サービス内容】
ご覧いただき誠にありがとうございます!
「デザインデータがありコーディング作業は任せたい」
という方に代わってコーディングを行います。
パッケージ料金に含まれる対応
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでSP時の表示を調整致します。
・お問い合わせフォームの設置のみ
【HTML・CSSコーディング】ホームページをワードプレスで制作いたします
業務内容
国内美容系企業、パーソナルジム、ITコンサル事業会社などのホームページやコーポレートサイト制作経験を活かしてWordPressの「Snow Monkey」や「TCD」テーマを組み込んだ、ホームページを制作いたします!
Web周りの知識が0の方でも大歓迎です!
制作後の期間限定のサポートやご自身でも簡単に更新を行えるホームページにいたします。
お客様の「事業拡大に繋げる」ために尽力いたします
現在の状況や今後の展開を見据えた最適なプランをご提案させて頂きます!
最短24時間以内に初稿出し!LPのコーディング承ります
業務内容
デザインをいただいてから、HTML、CSS、JavaScriptでコーディングいたします。
gitの運用も問題ございません。
【デザイナー様向け】ランディングページコーディングします
業務内容
インハウスデザイナーとしてLPの修正や作成等を行っております。
スキル麺等ご不安な場合は作成したLP等お問い合わせの際共有させて頂きます。
【ベーシック内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
・お問い合わせフォームの実装:17,000円〜
「PHP工房」のメールフォーム使用
▼LPの作成全てはコチラをご覧ください。
https://www.lancers.jp/menu/detail/1264811
「修正しやすい!」デザインカンプからコーディングします
業務内容
数多くのサービスの中からご覧いただきありがとうございます!
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
CSS設計(BEM設計)を意識した綺麗なコーディング代行承ります
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
私自身、過去、コーディングを依頼した時に、
レスポンシブ対応がうまくできていなかったり、ロゴがずれていたり、
何度もやり取りした経験がございます。
そして何度も、修正依頼したためにプロジェクトの納期に
間に合わせることが難しくなってしまいました。
私は以下をお約束いたします。
◎進捗報告
→工程表を作成し、一目で進捗がわかるよう報告します。
◎チェックリストでの品質管理
→こちらを使用してチェックします。
◎こまめな報連相
→コーディング完了までに画像や文章が揃わない場合には、ご報告・ご提案いたします。
◎コーディング完了後の報告書の作成
→ピクセルパーフェクトでデザインを再現しますが、どうしてもデザインを実現出来ない時は、
コメントと一緒に報告書にまとめて報告します。
《ご用意いただく素材について》
デザインカンプ(Figma/Adobe Xd/Illustrator/Photoshop)
ご興味を持っていただけましたらDMでも結構ですのでご相談ください。
【コーディング】テンプレートでは再現できないデザインまで実現させます
業務内容
コーディング内容
ベース使用言語:HTML、SCSS(CSS)、JavaScript、jQuery
相談内容によって対応可能:PHP、WordPress、BootStrap
サーバーアップについて
基本的にお客様自身にご用意(契約)いただく予定です。
Up対応などは私の方で行うことも可能です。
納品物確認方法
私が契約しているレンタルサーバーに公開範囲を設定してUpし、発行されたURLからご確認いただく流れを想定しております。
低価格でデザインそのままのコーディング致します! ます
業務内容
▼
・最低価格でコーディング代行
・デザインそのままのコーディング
・何度でも修正可能
・数回のデザイン変更ok
※初心者ですので素早い業務は出来かねます
▼ご提供内容
・HTML/CSS
・jQuery可
・wordpress対応
・レスポンシブ対応
▼ご購入後の流れ
▼製作可能なジャンル
▼料金プランやオプション
▼納期について
HTML&CSSのみのコーティングをお客さま最優先で承ります
業務内容
ご覧頂きありがとうございます。
主にHTML&CSSなどを使用してwebページをコーティング致します。
◆基本内容
主にHTML&CSSを用いた静的コーディングのみ
(イメージとしては、簡単なホームページ・部分的なコーディングです。)
◆その他のサービス内容
レスポンシブ対応
簡易的なお問合せフォーム作成
ハンバーガーメニュー
◆ご用意していただくもの
デザインカンプ
データ(会社概要/サービス内容/画像等)
◆制作の流れ
①ヒアリング、お見積り
②デザインデータ等お預かり
③コーディング
④ご確認、修正
⑤最終確認、納品
日々プログラミングを勉強中の初心者ですので、至らない点が多々あるかと思いますが、
お客さま最優先で精一杯努めますので何卒よろしくお願い致します。
何かご質問などありましたら、
お気軽にご連絡して下さると幸いです。
格安対応!デザイン通りにLPやHPのコーディング致します
業務内容
この度は私のパッケージをご覧いただきありがとうございます。
千葉県在住、フリーランスのWebエンジニアとして活動している石田哲朗と申します。
◆サービス内容
・HTML/CSSを用いた静的コーディング
・JavaScript(jQuery)を用いたアニメーションを実装(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
・基本的なSEO対策(alt, metaタグなど)
・WordPress導入
修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします!
※もし何か不手際がありましたら、全額返金させて頂きます。
■料金
10,000円(サービス内容すべて込み)
※複数ページでも10,000円にて対応させて頂きます。(追加料金は一切かかりません!)
◆制作の流れ
1.「見積り・カスタマイズを相談する」よりご相談ください。
2.デザインデータお預かり
3.コーディング(毎日進捗のご共有をさせて頂きます。)
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
・サーバーへのアップロード(FTP情報(ホスト名、ユーザー名、パスワード)のご共有をお願い致します。)
◆納期
受注から5日~14日程度でございます。
※あくまで目安とさせていただき、内容によりご相談させてください。
発注していただいた際は、納期の厳守、迅速なレスポンスを徹底し誠心誠意取り組ませていただきますのでご検討のほどよろしくお願いします。
【高品質】レスポンシブ対応で丁寧にコーディング代行いたします
業務内容
ご覧いただきまして、ありがとうございます。
当サービスはデザインデータからWebサイトのコーディングを承っております。
■このようなお悩みのある方におすすめ
①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手
■サービス内容
【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・タグ最適化
・gulpによる画像圧縮(表示高速化)
・テストアップ後の修正作業
■実績
Webコーダー歴は、1年。
個人で頂いた案件数は、5件以上。
現在は、Web制作会社と業務委託契約を結び、案件を頂いております。
■クライアントの声
ご契約いただいたクライアントの方からは、
・予定していた納期よりも早かったのでとても助かった。
・素早い連絡で、スムーズに案件を進められた。
・こちらの要望に柔軟に対応してくれた。
こちらのお声を多数いただいております。
■無料アニメーション一覧
・簡単なスクロールアニメーション
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
■納期ーデザイン、ボリューム、稼働状況により変動いたします。
・トップページ:3~4日
・下層ページ:2日~
※デザインデータ受け取り翌日からの日数です。
ご満足いただけるよう、責任をもって対応させていただきます!
ご不明な点があれば、お気軽にご連絡ください。
【丁寧対応】Web制作でデザインからのコーディング・WordPressに対応します
業務内容
◆こんな方へ
Webサイトを立ち上げたい方
既存のサイトをリニューアルしたい方
コーディングが苦手な方
◆どんな課題に対して
◆納品物
HTML / CSS / javascript
◆進め方
①具体的な内容と納期についてヒアリング
②週に1回の進捗報告
➂納品前チェック(修正3回までOK!)
④納品
◆ご自身の強みや経験
メーカーで製品のソフトウェアエンジニアとして16年間従事しており、コーディングが得意です。
デザインの再現性が高く、保守・可読性の高いコーディングを目指します。
HTML,CSS,簡単なJavascriptで静的ページを作成します。ます
業務内容
▼こんな方へおすすめ
Webページのデザインをしてみたけど、具現化できない方。
▼オプション
DBを持ちたい、サーバーにDeployしたい、クラウドで運用したい等の相談も受け付けます!
使用する技術が変わるので、料金は別途相談。
(React,Typescript,Postgres,node.jsで対応させていただきます)
WordPress&レスポンシブ対応!HTML/CSSコーディング承ります
業務内容
▼パッケージ内容
・HTML静的ページのコーディング
・WordPressサイトのコーディング
・JavaScriptを使用した表現
・スクロールに合わせたアニメーション
・スライドギャラリー
・ハンバーガーメニュー
・アコーディオンやタブ等
▼コーディング料金
・TOPページ:15,000円〜 / 1ページ
・下層ページ:10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・WordPress TOPページ:30,000円〜 / 1ページ
・WordPress 下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によっては別途料金をいただく場合があります。
※料金は全てレスポンシブ込みです。
▼納品までの流れ
①ヒアリング(内容の詳細をお聞かせください)
②納品日と金額をお伝え。
③ご契約(デザインや素材等コーディングに必要なデータをお送りください)
④コーディング開始
⑤ご確認
⑥納品(サーバーへのアップ・もしくはファイルの送付)
※対応ブラウザは「Chrome・safari・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。
宜しくお願いいたします。
HTMLコーディング 1ページ(レスポンシブ可) を行います
業務内容
ご用意いただいたデザインデータ(psd、ai、xdなど)を元に、
HTML・CSSでコーディングを行います。
制作会社でWebデザインを行なっていた経験があり、
デザインを丁寧に再現することが得意です。
WEBテンプレート作成
業務内容
HTML/CSSテンプレート作成します。
1ページ4000円~承ります。
コーディングのみのご依頼も可能です。
作成物は、画像や見出し、テキストを入れるスペースなどを配置したテンプレートとしてご利用いただける状態です。
テンプレートではなく、実際のテキスト等のコンテンツまですべて入ったウェブページの作成は作業時間の関係でお受けできません。
ホームページ作成いたします
業務内容
ホームページ1画面を約1日で作成いたします。
挿入する写真や文章等をお客さまで用意していただけると、時間の短縮が可能です。
VBAマクロの作成も実施しております。
お気軽に申し込みください。
業務内容
ホームページからお好みのfacebook(約10点程度に厳選)が眺められるサイトの登場です。
次のダクをhtmlに貼り付けることで、ホームページ画面でフェースブックを覗くことができます。このサイトには2015.12現在10点程度のfacebookを搭載されています。ご自分のパソコンに登録しておけば、いつもラクラク、スピーディにfacebookを見ることができます。工夫により、次々にウエブデザインを展開することも可能です。
以下は、民田工房Facebook例です。
表現タイプは①~⑤お好みのタイプをゲットすることが可能です。
パララックス機能を最短即日で納品 JS、css調整のみ対応
業務内容
パララックスはオリジナルでライブラリ制作できる程度の知識があります。
パスに沿って動かす等ニッチな表現も可能ですのでデザインの幅を広げることができます。JSの処理に強いのでこんなことできる?といったこともお気軽にお問い合わせください。
【表示崩れ、不具合の修正/タグ設置】Webサイトの便利屋です!
業務内容
Webサイト(WordPress含む)を運用していて
このようなお悩みはありませんか?
■Webサイトの表示崩れの悩み
・電話番号を変えたら行落ちした
・横並びのリストがガタガタになる
・テキスト登録部分が1行ならキレイなのに2行だと変になる
・スマホで見ると変な空白、横スクロールバーが出る
・少しのことなんだけど、デザインを直したい
■動作の不具合の悩み
・「ページ上部へ」ボタンが動かない/追加したい
・押せるはずのリンクが押せない
・設置したグーグルマップのピンの位置を修正したい
・グーグルマップの色を変えたい
■タグ設置の悩み
・アナリティクスやタグマネージャーのタグの設置場所がわからない
・ボタンやリンクにトリガーを設置したいけどやり方がわからない
これらのお悩み、修正したいと思っても
変なところを触っておかしくしたくない...
対応していた担当者が退職してしまった…
制作会社がなかなか対応してくれない...
などなど事情、心配事は様々だと思います。
そんな時には、コーディングの専門家にお任せください!
Web制作会社で4年、現在のフリーランスとしての業務も合わせて
5年以上のキャリアで培ってきた不具合対応力には自信があります!
初心者の方がオリジナルで組んだコードでもご安心ください。
ゼロからスタートの新入社員のコードも数多く見てきたため
つまづく箇所を見つけるのも得意です。
是非、お気軽にご相談ください!
HTMLのコーディング作業を代行いたします
業務内容
手書きや、自分の中でのイメージとしてはホームページのデザインは出来ているが、実際にホームページを作る事は知識がないので出来ないし、業者に任せれば高いし。。
そんな人へピッタリのサービスです。
PhotoshopやIllustratorの画像データ、参考になるサイトのURL、手書きの写真でもかまいません。
データをお渡しいただけましたらその通りにHTMLでコーディング作業をいたします。
料金は、1ページ分の料金です。(PC、スマホ両方制作する場合は2ページとなります)
縦の長さが5,000ピクセル以上になる場合は追加料金をいただきますが、多少は融通をきかせますのでご相談ください。
複数ページで、似たようなレイアウトの場合は料金割引で追加制作させていただきます。
レスポンシブなしの1ページでしあれば1~3営業日程度で納品させていただきます。
※決まった納期などがある場合は必ず事前にお問い合わせくださいませ。
SEOを意識したHTML・CSSコーディング(レスポンシブ対応)を代行します
業務内容
SEO会社様と10年以上お付き合いさせて頂いている、フリーエンジニアです。
SEOを意識したコーディング、スピーディな納品を強みとしています。
Photoshop、illustorator、Fireworks、XD、figma等のデータを頂ければ、コーディングデータ一式を納品します。
【概要】
■静的コーディングのみ(HTML、CSS)
※jsやphpを使用する場合、別途見積り対応です。
ハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で作業させて頂きます。
【以下のような場合も別途対応可能です】
■PC又はスマホ単独ページの場合
レスポンシブ対応が必要ない場合は金額を下げさせて頂きますので別途ご相談ください。
■複数ページの場合
1ページコーディングの金額です。
複数ページの場合も対応可能ですので別途ご相談ください。
■WordPress等のCMSの組み込み納品やカスタマイズ修正について
CMSの組み込みやカスタマイズ修正に関しては別途ご相談ください。
デザインデータを元にLPをコーディングいたします!
業務内容
2021年8月2日更新!
只今ランサーズ外でのご依頼が多く、新規受付を休止しております。
納期に余裕がある場合は時期によってご相談可能ですので、
希望される方はメッセージの方でお問い合わせいただけますと幸いです。
ご覧頂きありがとうございます。
HTML&CSSを使用してLP(ランディングページ)をコーディングいたします。
コーディングのみ依頼したい、もしくは当方で制作したデザインデータを元にHTML&CSSコーディングをされる方向けのサービスになります。
▼出品料金での対応内容
・LP1ページ分の画像コーディング(PC・スマホでレスポンシブ対応可)
・コーディングデータの納品・サーバーアップロード対応
※こちらのサービスにはデザイン制作は含まれておりません。詳細はこちらの出品ページを御覧ください。
https://www.lancers.jp/menu/detail/99925
▼事前のお見積りまでにご準備いただくもの
・コーディングのみ依頼を検討されている方
LPの長さと、ページリンク等仕様がわかる資料(箇条書き等で構いません)をご用意お願いします。
お問い合わせフォームや機能に関するコーディングが必要な方はご要望をできるだけ具体的にお知らせください。
・当方でデザイン制作の依頼をされた方
コーディング方法や希望、その他仕様についてご要望があればまとめてご共有下さい。
▼納品形式
・HTML、CSS、画像、その他データファイルをまとめてお送りします。
・サーバーアップロード対応(任意)
▼納期について
サービスのご購入から約3~4営業日でコーディングしたLPを共有いたします。
※サイトのボリューム、受注時期によっては上記日程でご案内できない可能性がありますので、希望納期のある方はメッセージにてご相談ください。
▼対応環境
・HTML&CSS
・Wordpress
・カラーミーショップ(※フリーページのみ)
・JIMDO(※JIMDO AIは除く)
・Wix(※テキストコーディングは一部制限あり)
・ペライチ(※画像コーディングのみ)
※上記以外の対応環境についてはお問い合わせいただいた際に仕様確認を行い、当方で問題なく対応できる場合のみご依頼を承ります。
▼オプション料金一覧
・Wixコーディング(テキストコーディング):+30,000円~70,000円
・Wordpressコーディング(テキストコーディング):+30,000円~100,000円(※制限あり)
・Wordpressコーディング(テーマ設定&テキストコーディング):+40,000~120,000円
・JIMDOコーディング(自作テンプレート・テキストコーディング):+30,000円~70,000円
・1ページ追加:+20,000~50,000円(※内容次第)
・お問い合わせフォームの設置(Wix・JIMDO):+5,000~10,000円
・お問い合わせフォームの設置(Wordpress):+5,000~30,000円(※プラグイン次第)
・対応環境以外でのコーディング:+0,000~30,000円
・デザイン変更によるコーディング追加対応(1コンテンツあたり):+1,000~10,000円
※テキストコーディングはページの長さやボリュームによって異なります。(詳細費用はデザインや長さに合わせてお見積りいたします。)
▼お問い合わせフォーム設置の対応環境
Wix
Wordpress
JIMDO
※JIMDO及びWixのお問い合わせフォームはデフォルトのデザインでのご提供のみとなります。
※Wordpressのお問い合わせフォームはプラグイン機能による導入及びCSSの編集までとなります。
※HTML&CSSデータによるコーディングの場合、お問い合わせ内容の管理画面、自作フォームの作成などは承っておりません。(商用フリーで配布されているテンプレートフォーム等であれば一部組み込み可能です。)
▼その他機能関連の導入について
ショップ機能、シミュレーション機能、といったプログラミング要素のあるものについては基本的にご依頼をお受けしておりません。(内容次第では対応できるものもありますが、希望のある場合のみご相談ください。)
デザインはあるけど、コーダーがいない・・・
デザインだけでなくコーディングも依頼したい・・・
そんなご要望がありましたら
お気軽にお問い合せ下さい。
【ランディングページ】HTML/CSS コーディング代行します
業務内容
ご覧いただきありがとうございます。
個人の方・企業様問わず下記のお悩みにご助力いたします。
・デザインはできるけどコーディングは苦手…
・約束していたコーダーさんが体調不良で急遽人手が必要
・納期が差し迫っていてコーディングだけでもお願いしたい…
など、コーダー不足でお困りの方
ご相談ください!
■できること
・ランディングページのデザイン・制作
・Webサイトコーディング
※HTML/CSS/javascript
・WordPressを使ったwebページ、ブログ作成
など
記載のない内容については要相談でお願いします。
Webサイトを初めて作る方、コーディングが苦手なデザイナーさんなど
低価格、お急ぎ納品でご対応いたします。
■サービス内容
・HTML/CSSコーディング
・レスポンシブ対応
・簡単なjQuery/JavaScriptのアニメーションの実装※1
・既存ランディングページのちょっとした修正
※1 簡単なアニメーションの範囲
→ハンバーガー・アコーディオンメニュー / スムーススクロール / ホバーアニメーション / TOPへ戻るボタン / スライダー
■対応可能データ
PS、AI、Figmaのいずれか
その他データをご希望の場合はご相談ください。
■納品形式
ZIPファイル送付、またはご指定いただいたサーバーへのアップロード
【HTML/CSS】Webサイトのコーディング、修正いたします
業務内容
ランディングページのコーディングを承ります
ほんの少しの修正が必要だけど、コーダーの手が空いていない!
Webデザイナーの方で、コーディングだけ外注したい!
コーディングが苦手で誰かに任せたい!
Web制作会社様でコーダーのリソースが急に必要になった!
など、必要な時に十分なスキルでコーディング対応が可能です。
当サービスはHPやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。
こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。
・スマホでは表示が崩れる
・お問い合わせフォームをつけたい
・文書を変えたい
・デザインはあるけど、コーディングができない、など
デザインについては、PC用デザインのみでもスマホ対応(レスポンシブ)が可能です。
★ 対応可能データ★
・Figma、XD、Photoshop、Illustratorのいずれか
Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
など
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
お客様よりデザインデータのご提供
コーディング・テスト
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
《オプション料金にて対応可能》
・アニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
★ 動作確認ブラウザ★
・Windows
Chrome、Microsoft Edge
・Mac
Chrome、Safari
・iOS11以降
Safari
・Android5.0以降
Chrome
※いずれも最新版です。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【レスポンシブ対応込み】HP・LPコーディング代行いたします
業務内容
HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。
特別なご希望がなければ、PC・スマホの2デザインを頂戴し、リキッドレイアウトで対応します。
*****
【サービス内容】
・完成されたデザインデータを元にしたコーディング
(HTML/CSS、JavaScript)
・フェードイン、スライドショー、ハンバーガーメニュー(スマホ時)など、基本的なアニメーションに対応
・レスポンシブ対応
・テスト環境による動作確認
【納品形式】
Zipファイル
(HTML、CSS、JavaScript、画像等をフォルダにまとめ圧縮したもの)
【ご準備いただくもの】
・完成されたサイトデザインデータ
(Figma、PhotoShop、Illustrator、XDを想定しています。)
※テキスト、画像もご用意をお願いいたします。
【納期】
1週間〜
※作業ボリュームによって変動します。
※こまめにやりとりを行いながら進めてまいります。
スムーズな納品のために、お早めの返信にご協力ください。
【修正回数】
無制限
ご納得いただけるまで対応いたします!
【こんな方にオススメ!!】
・コーディングパートナーが欲しいデザイナーの方
・リソース不足でコーディングを依頼したい方
【制作の流れ】
-
まずはお気軽にご相談ください。
ご相談の際、デザインデータをご提供いただけますと助かります。 -
ご相談内容、デザインデータをもとに、さらに詳細な制作内容をヒアリングいたします。
ヒアリング後、お客様と当方で制作内容・価格・納期などの合意が得られ次第、正式に商品を購入いただきます。 -
コーディングを行います。
進捗は随時報告いたします。
修正は無制限ですので、ご納得いただけるまで修正内容をご指示ください。
あなたがお持ちのデザインデータをコーディングいたします
業務内容
・HTML/CSSコーディング(レスポンシブ対応)
お持ちのデザインを忠実に再現し、スマホやタブレット
にも対応したサイトを構築します。
・WordPressサイト構築・カスタマイズ
操作しやすいWordPressサイトの構築から、既存
サイトのWordPress化、プラグインのカスタマイズ
まで対応します。
・Webサイトの修正・更新
既存サイトの修正や更新、レスポンシブ対応など、
細かな調整もお任せください。
即対応! HP・LPコーディング承ります。現役フロントエンドエンジニアます
業務内容
■YAMADA Takahiro山田隆広にお手伝いできること
・HTML CSS Javascript のコーディング
・SPAページのコーディング
・オリジナルテーマでのWordPress構築
・既存webサイトの更新
「安心して任せたい」
「信頼できる人がいい」
「提案してくれる人がいい」
「コーダー不足」
「コーディングが苦手だから任せたい」
■YAMADA Takahiro山田隆広が大切にしていること
・柔らかく温かなコミュニケーション
・早急なレスポンス(即~半日以内)
・毎日の進捗状況のご報告
・可能な限り前倒しの納品
・何より、完成品をお客様にご満足いただけること
■使用できるソフト
・HTML
・CSS SASS
・Javascript
・Typescript
・React app
・React Native
・AngularJs
・Bootstrap
・Wordpress
・Figma
・Adobe XD
・Adobe Illustrator
・Adobe Photoshop
・Git GitHub
・Git GilLab
■稼働可能時間帯
平日・土日祝 16:00〜25:00 (日本時間)
※2024年現在フランスに居住しているため対応不可な時間帯がございます。
※ご相談やお取引中のメッセージのやりとりは半日以内にご対応いたします
■居住地
フランス パリ
■趣味・特技
コミュニティ運営 ダンス 新技術の習得
もしご興味を持っていただけましたら、どんな些細なことでもお気軽にお問い合わせくださいませ。どうぞよろしくお願いいたします。
HTML、CSS、javascript。デザインに合わせた最適なページ作成します
業務内容
\デザインを持っているがコーディングして欲しい/
ぜひご相談ください!
こんな方におすすめ
✅「自分でコーディングする時間がない」
✅「デザインは持っているがコーディングは外注したい」
✅「現状のサイトでPCデザインしかないので、レスポンシブデザインに対応したい」
✅「既存のサイトを一部修正してほしい」
制作の流れ
1.メッセージにて打ち合わせの日程調整を行う
2.メッセージにて打ち合わせ、素材提供
3.ご購入
4.制作開始
5.ページ確認(お客様にてご確認いただきます)
6.納品
WordPressについて
作成したページをワードプレス化することも可能です。
◼ご用意いただくもの
- ご自身がお持ちのデザインカンプ
[制作会社様、デザイナー様向け]信頼関係を大切に、コーディング業務を代行いたします
業務内容
ご覧いただきまして、ありがとうございます。
信頼関係を大切に、丁寧な対応を心がけております。
本サービスはWordPressオリジナルテーマ構築やコーディング代行サービスです。
【半額キャンペーン】
Lancers駆け出しの為、モニター価格としてお見積りより半額で対応させていただきます。
【当サービスの対応可能範囲】
・HTML、CSS(Sass)、JavaScriptを用いたコーディング、アニメーションの実装
・レスポンシブ対応(どのような画面幅でもデザイン崩れなく綺麗に表示するよう努めております。
・WordPressオリジナルテーマ構築、セキュリティ対策
・お問い合わせフォーム
・公開作業
【納期】
【LPコーディング】
6日〜
【HPコーディング】
14日〜
※デザインデータ受け取り翌日からの日数です。
内容によって柔軟に対応いたしますので、ぜひ一度ご相談ください。
【主な制作の流れ】
①ヒアリング、お見積り、要件確認
②デザインデータ、画像等のご提示
③コーディング・テスト
④ご確認※修正等あれば柔軟に対応させていただきます
⑤納品
【納品方法】
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)
納品後の修正等あれば迅速に対応させていただきます。
ご相談だけでも、ぜひお気軽にお問い合わせください
【基本料金】
・トップページ¦10,000円~
・下層1ページ¦5,000円~
・LPコーディング¦10,000円~
また、簡単なアニメーションは無料で対応させていただきます。
※料金は目安となります。
お一人ずつお見積りをしておりますので一度ご相談くださいませ。
【ご依頼に当たっての注意事項】
・ご準備いただきたいもの
・デザインデータ
・素材 (画像の加工は行なっておりません)
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
レスポンシブサイトのコーディング作業代行(1ページ)
業務内容
ホームページの構想やデザインはあるが、ホームページを作る知識がない…
そういう方にピッタリなサービスです。
PSD形式のデータ、参考にしたいサイトのURL、手書きメモの写真などをいただけましたら
できる範囲でHTMLコーディング作業をいたします
納品はHTML、CSSファイルです
【できること】
・HTML、CSS、Javascript
動的サイト、レスポンシブサイトの作成ができます。
・画像加工、ロゴデザイン、バナー作成
追加料金になりますが、訴求バナーなどの作成希望がありましたらご相談ください。
和英両表示Webデザイナー(HTML,CSSコーディング)
業務内容
ホームページの新規作成、リフォーミングができます。フォロントエンドエンジニアです。HTML・CSSコーディングを主な対応内容になります。
外国人向けに英語表記のホームページを作りたい場合も、ご対応することができます。
【HTML・CSS・WordPress】HP・LPのコーディングをプロが代行します
業務内容
Webコーダーをお探しの方必見! ホームページ・ランディングページのコーディングを代行します。
マークアップエンジニアとして10年以上の経験を活かして、HTML5とCSS3の仕様に準拠し、SEOとアクセシビリティに配慮した高品質なコーディングをご提供いたします。
- デザインはあるけどコーディングはお願いしたい
- デザインをきちんと再現してくれるコーダーを探している
- JavaScriptでサイトに簡単なインタラクションを加えたい
など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。
【パッケージ内容について】
■ベーシック
下層ページの静的コーディング1P(デザインカンプ 縦 3000px 前後まで)、既存ページの一部修正など、まずはお試しでご利用いただく方におすすめです。
■スタンダード
トップページの静的コーディング、LPのコーディングもこちらから。(デザインカンプ 縦 6000px 前後まで)
■プレミアム
トップページの静的コーディング+下層ページ3Pまで。
【各プラン料金に含まれるもの】
- レスポンシブ対応(PC / SP)
- JavaScript(jQuery)を使った簡単なインタラクションの実装
- 画像の圧縮
- 表示確認・品質チェック(W3C Validation Service)
【オプション料金で対応可能なもの】
- WordPress構築
- お問合せフォームの実装(WordPressプラグインで対応)
- ブレイクポイントの追加(タブレット用など)
- JavaScript(jQuery)を使った複雑な動きの実装
- 下層ページの追加
- IE11表示対応
【JavaScript(jQuery)について】
一般的なプラグイン等で提供できる機能であれば各プラン料金内で対応可能です。
例:
- スライダー
- カルーセル
- スムーズスクロール(ページ内リンク、ページ先頭へ戻るボタン など)
- タブ切り替え
- ハンバーガーメニュー
- ヘッダー固定
ほか
オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。
【対象ブラウザについて】
■パソコン(Windows・Mac)
Chrome、Firefox、Edge、Safari 各最新版
■スマートフォン(Android・iOS)
Chrome、Safari 各最新版
メーカーサポートの終了したIE11は、オプション料金での対応となりますのでご了承ください。
【ブレイクポイントについて】
ブレイクポイント(デザインが切り替わるポイント)は1箇所まで無料で対応可能です。
PC用とスマートフォン用のデザインデータをご提供ください。
タブレット用など、上記以外の画面サイズにも対応させる場合は、オプション料金での対応となりますのでご了承ください。
【納品形式について】
原則としてデータ納品(ファイル一式を zip 圧縮したもの)になりますが、サーバーへのアップロードにも対応可能です。
その場合は FTP 情報をお知らせください。
【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
デザインや納期などを確認させていただき、こちらから見積りを提出いたします。
↓
見積り、納期などに問題なければ、仮払い手続きをお願いいたします。
同時にデザインデータなど、コーディングに必要なデータをご提供ください。
↓
コーディング開始
↓
テストアップ・修正対応
テスト環境にページをアップしますので、ご確認をお願いいたします。
修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
↓
最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。
【営業時間について】
10:00〜19:00(土日祝を除く)
【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。
HTMLCSSのコーティングのお仕事ありますか?
業務内容
1時間辺り2000円ぐらいでコーティングのお仕事があればご応募します。また1週間辺りの業務時間はどれぐらいかかるのか?とかポートフォリオがあれば貼って頂けると幸いです
将来的にはLP製作とかWEB製作を考えていてコーティングよりも単価が上がる可能性があります
この辺は相談という事で考えていますので
機会がありましたら
よろしくお願いします
【TOPページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
WebサイトのTOPページデザインのコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。
※下層ページやLP(ランディングページ)は、各専用メニューからご依頼ください↓
【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439
【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452
このようなお悩みはありませんか?
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」
当方では、これらすべてをクリアしてコーディングいたします。
一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。
その他にも、以下のような作業を心掛けています。
・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング(BEM、FLOCSS)
デザイナーとしての実務経験もございますので、
PC用デザインのみ(スマホ用デザインがない場合)でも、
見た目の整ったコーディングが可能です。
● 作業者について ----------------------------------------------------
制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。
● 対応可能データ ----------------------------------------------------
・PSD、AI、XD、Figmaのいずれか
確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
● 動きのある要素について ---------------------------------------------
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
【オプション料金にて対応可能】
・アニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
● ブレイクポイント --------------------------------------------------
一箇所が料金内です。(PC・スマホの切り替え)
※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。
● 動作確認ブラウザ --------------------------------------------------
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS バージョン15
Safari
・Android バージョン11
Chrome
※いずれも最新版です。
● 納品形式 ---------------------------------------------------------
・ファイル送付、もしくはご指定のサーバーにアップロード
● 納期について -----------------------------------------------------
標準納期は、「デザインデータ受領から」5営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
あなたのデザインをコーディングで形にします❗️
業務内容
本サービスをご覧いただきありがとうございます。
Web制作事業Starship 代表の古川です。
◎こんな方におすすめ
「デザインはできるけどコーディングができない」
「綺麗なコーディングをして欲しい」
「案件が多く外注したい」
◎用意していただくもの
・デザインカンプ(Photoshop・XD・Illustratorなど)
・ 素材(ロゴ、画像等)
※サーバーへのアップロードをご希望の場合、必要な情報をご共有お願いいたします。
◎基本の価格に入っているもの
・レスポンシブデザイン(スマホでも綺麗に表示 519px 変更可)
・内部SEO対策(alt,section,h1,h2など)
・1ページ(静的)
◎ 制作の流れ
- 「メッセージを送る」からデザインと合わせてご連絡ください
- デザインを基にお見積もりを提示いたします。
- コーディング開始(毎日進捗報告をいたしますので、いつでも確認していただけます。)
- 検品
- 問題が無ければ納品
◎直近の実績
・Illustratorを基にしたコーディング+WordPress構築 一部下層ページ
https://chikushin.net/ 制作期間1日
・PSDカンプを基にしたコーディング
http://xs384652.xsrv.jp/ 制作期間4日
・XDカンプを基にしたコーディング
https://ic-incorporated.net/ 制作期間4日
※クライアント様の要望のサイズとなっておりますので、1920px以上のPCまたはスマホでご覧ください。
他にも多数実績がございます。
ご希望の場合は、メッセージでお伝えください。
その他、気になること等ございましたらお気軽にご相談ください!
依頼者様のパートナーとして尽力いたします。どうぞよろしくお願いします。
Webサイト・LP レスポンシブ対応でコーディングします。
業務内容
多くのサービスがある中ご覧いただきましてありがとうございます。
このサービスでは【Webサイトが重くならない】コーディングを提供致します。
■Webサイトでなかなか開かないサイトってありますよね?
→ホームページのコーディングで不要なファイルが原因になっている場合が
ございます。
またHPをお持ちの方でも、自分のHPがすぐ読み込まない…
といったお悩みも同じ問題の可能性があります!!
「ホームページがなかなか開かない」問題の一つとして、
例えば、WordPressのようなオープンソースのソフトウェアは一般の方でも使いやすい分、
実際は使用しきれない不要なソフトが実装されていてデータが重くなっています。
(他にも世界中で使用されているソフトウェアは
ハッカーに狙われやすくセキュリティの機弱性が問題視されています。)
集客UPを狙うなら顧客をローディングで待たせてしまうのは、意識を削げてしまう可能性ございます。
本当に多くのWebサイトが重いコーディングになってしまっているのが
私はとても勿体ないと感じております。
この問題を解消し、ページが重くなる原因を避けながら
お客様のデザインをコーディング致します。
【サービス内容】
ーーーーーーーーーーーーーーー
■静的コーディング(HTML、CSS)1ページ〜
ハンバーガーメニュー/スライダー/アコーディオン機能などの
JavaScriptを使った動作デザインの実装は
別途料金になりますがもちろんご相談可能です。
■レスポンシブ対応
1ページのご料金になります。
PC版で作った動作デザインの実装も反映します。
ーーーーーーーーーーーーーーー
【ご相談可能なサービス】
◎複数ページご希望の場合
サービス内容は1Pの価格としておりますが
他ページ(下層ページ)は トップページより複雑なものでなければ
サービス価格でお受けできます。ご相談ください!
◎LPのコーディング
6000px以上のものは1回1000pxで3000円でご案内できます。
◎レスポンシブ対応の下層ページ
複雑なものでなければPC版同様にサービス価格でお受けできます。
◎追加のJavaScriptの機能実装 別途お見積もりになります。
◎お問合せフォームの設置:内容に応じて別途お見積もりになります。
◎WordPress化:内容に応じて別途お見積もりになります。
【納品について】
コーディングしたファイルを納品いたします。
納期につきましては3日〜14日を予想しております。
ご相談内容によって納期が変動しまスノでお見積もり後に
具体的に何日かかるかをお知らせさせていただきます。
幅広くお客様のニーズに対応できるよう頑張っていきますので
ぜひお気軽にご相談くださいませ!
コーディング代行します・デザイン完全再現
業務内容
サービスを閲覧いただきありがとうございます。
まずはお見積もりからお願いしております。
◆作業内容
・HTML/CSSを用いた静的コーディング(1ページ〜制限なく複数ページまで作成します)
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど何でもご相談ください)
・お問い合わせフォームの実装
・WordPress化(初期設定やSSL化~カスタム投稿などのカスタマイズまで幅広く対応します)
◆料金表
・トップページ、下層ページのコーディング:10,000円~/ 1ページ
・LPのコーディング:20,000円~
・レスポンシブ対応:上記ページコーディングの半額・又はサービス込みご相談下さい
(例)トップ、下層ページ:5,000円、LP:10,000円
・JavaScriptの機能実装:3,000円~ / 1点
(簡単なハンバーガーメニューやアコーディオンメニューは無料)
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress化:内容に応じて別途お見積もり
<無料オプション(ご希望の場合)>
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築(ご希望の際はご当方のテストサーバーでサイトをご確認頂くことが可能です)
◆制作の流れ
1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法はご希望に対応可能ですのでお申し付けください。
◆納期
最短で3日〜
ご希望の納期がある場合はご相談くださいませ。
迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
こちらコーディング代行ページになります。
その他サービスも出品しておりますので
お気楽にご相談下さい。
デザインから丸投げ等もお受けしてますのでそちらもご確認ください。
ウェブサイト、システム、モバイルアプリの製作、デザイン・コーディングとWeb運営
業務内容
◎画期的な効率と最終的な結果を推進する、ユーザー中心の堅牢なソリューションのエンジニアリング
◎ソフトウェアマーケティングキャンペーンのリードデベロッパーおよびディレクターとして7年以上の経験
◎最適な結果を更新し、献身的に努力して予算通りにお客様に提供します。
◎ソフトウェア開発ライフサイクルのすべての段階で熟練している。ビジネス要件を技術ソリューションに変換する専門家。品質、使いやすさ、セキュ
"<123>" "<123>" "<123>" "<123>" "<123>"ます
業務内容
-
https:
-
https://"
-
ftp://www.google.com/
-
lancers@google.com
-
javascript:alert('foo')
javascript:alert('foo')
[link](http://www.google.com/)

[jslink](javascript:document.location='http://www.google.com/')
[foo]: /url "title"
<A HREF="javascript:document.location='http://www.google.com/'">XSS</A
<a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
- <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
- <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
* <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
* 123 <a href="https://www.lancers.jp/">alert('foo')</a>
* 123 <script>alert('foo')</script>
-
123 <a href="https://www.lancers.jp/">alert('foo')</a>
-
123 <script>alert('foo')</script>
-
<a href="https://www.lancers.jp/">alert('foo')</a>
-
<script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <a href="https://www.lancers.jp/">alert('foo')</a>
<a href="https://www.lancers.jp/">alert('foo')</a>
<a href="https://www.lancers.jp/">
alert('foo')
</a>
123<a href="https://www.lancers.jp/">alert('foo')</a>
123<a href="https://www.lancers.jp/">alert('foo')
</a>
<script>
alert('foo')
</script>
123<script>alert('foo')</script>
123<script>alert('foo')
</script>
コーディング代行いたします!!
業務内容
ご覧いただきありがとうございます。
デザインのコーディング代行をさせていただきます。
★こんな方におすすめ
・忙しくて手が回らない
・とにかく安く済ませたい
・デザインはあるけどコーディングができない
★サービス内容
・HTML/CSS/のコーディング作業を代行いたします。
・JavaScriptを用いたアニメーションを可能な範囲で実施いたします。
・スマホ対応(レスポンシブ)は無料になります。
★お客様にご用意いただくもの
・デザインカンプ
→ファイルはPhotoshop・Illustrator・XD、画像ファイル等
・サイト内の文章
・画像素材
★料金について
・1ページ3000円となります。
※極端に長いページはお受け出来ない場合があります。
・ページの追加は、オプションにて承ります。
★納品
・納期は素材をお受け取り後、10日以内(予定)に納品します。
※ページの量や枚数にもよります。
・HTML/CSSをzipでまとめて納品となります。
◆アフターフォロー(納品後1ヶ月以内)
・不具合があれば無料で修正させていただきます。
現在、実績がないため、経験を積むための出品になります。
安く実施させていただきますが、仕上がりは今一つの可能性もございます。
出来る限り、クライアント様のご要望に応じて作品を制作し、気に入らなければ納得がいくまで、修正させていただきます。
完璧を求めない方大歓迎!!
心が太平洋の方大歓迎!!
おおめに見てくれる方大歓迎!!
是非よろしくお願いします。
ウェブサイトの作成,HTML,CSSコーティングを専門にしています
業務内容
デザインがあるけど、コーディングはできない方やにはHTML ,CSSのコーティングでのサービスをご提供しています。個人事業主の方で広告にお金はかけられない方やウェブサイトは一任したい方などにもおすすめです。
お値段は基本料金になっていますので、ご相談もお受けいたします。
修正は2回までは無料で承ります。細かい修正は納期内で予定していますが、大きな修正に関しては追加で日程をいただく場合がございます。
サーバーサイドとの連携は致しかねます。お問い合わせフォームなどでの情報の集積が必要なものなどはお受けしておりません。
あくまでウェブサイトとして会社や店舗、サービスの周知を目的としたウェブサイトの作成を専門で行わせていただいております。
もちろん1ページではなく、ページの追加も承っております。複数ページの場合などもご相談ください。ご料金や納期はご相談させていただきます。
【Wordpress/HTML】コーディング、スピード対応いたします
業務内容
コーティング経験は7年ほどです。
html,Wordpressも問題なく対応可能、オリジナルテーマでのカスタマイズも可能です。
Wordpressでの投稿、複製による修正作業。
ホームページの不具合修正対応。
HTMLメールのコーディングを代行します
業務内容
数あるサービスの中から当ページをご覧いただきありがとうございます。
当方、以前MAツールの運用サポートに携わっており、主にメールマガジンの作成全般を担当しておりました。
その経験を、みなさまのお悩み解決に生かせれば幸いです。
どうぞよろしくお願いいたします。
【こんな方におすすめ】
・デザインは決めたいが、コーディングは外注したい
・HTMLエディタを使ってもコーディングに時間がかかる
・各メーラーでの表示チェックに使う手間を極力減らしたい
※One to Oneメールで差し込みやブロック出し分け用のタグが必要な場合も
対応可能な場合がありますので、まずはお気軽にご相談ください。
【サービス内容】
HTMLメールのコーディング
デザインデータからの画像素材作成
【納品までの流れ】
- ご依頼者様より頂いたデザインデータ、画像データを元にコーディングします。
プレミアムプランの場合は、併せて画像素材の作成も行います。 - 制作物をご確認いただき、必要に応じて修正を行います。
- 問題がなければ、正式に納品(zipファイル送付)となります。
デザインカンプからのコーディングからWordPress化までを提供します
業務内容
HTML/CSS/jQuery/JavaScriptを用いたコーディングや、WordPress化を提供します。
CSSについては、BEMを用いたCSS設計でコーディングをすることができます。
WordPress化については、カスタム投稿タイプ・カスタムフィールド・カスタムタクソノミーを用いて使いやすいサイト構築を行います。
リソースが足りない方へ。HTML&CSSのコーディングをします
業務内容
私はHTML&CSSのコーディングを専門とするフリーランスです。主にWebサイトやLPの制作において、デザイナーから提供されたデザインデータをもとに、HTML&CSSのコーディングを行います。
コーディングにおいては、Web標準に基づいたマークアップを心がけ、レスポンシブデザインにも対応します。また、必要に応じてJavaScriptを利用したアニメーションや動的なコンテンツの実装も可能です。
コーディングに際しては、クライアント企業の要望に合わせた細かい修正や改善提案を行い、高品質な成果物の提供に努めます。納品前には必ず動作確認を行い、クオリティーの向上に努めます。
実績として、Webサイトのトップページや商品ページ、LPなど、様々な案件に携わってきました。常に最新の技術トレンドを意識し、最高の品質とスピードで仕事を進めることを心がけています。
お気軽にご相談ください。
HTML/CSSコーディングで簡単なホームページ作成します
業務内容
ご覧頂きありがとうございます。
HTML/CSSでホームページ作成いたします。
◆基本内容
HTML/CSSを用いた静的コーディングのみ
(イメージとしては、簡単なホームページ•部分的なコーディングです。)
◆その他のサービス内容
レスポンシブ対応
簡易的なお問合せフォーム作成
ハンバーガーメニュー
◆ご用意していただくもの
デザインカンプ
データ(会社概要/サービス内容/画像等)
◆制作の流れ
①ヒアリング、お見積り
②デザインデータ等お預かり
③コーディング
④ご確認、修正
⑤最終確認、納品
ご不明な点がございましたら、お気軽にお問合せください。
web制作10年のチームがホームページ・ランディングページのコーディングをします
業務内容
下請けを10年以上続けて制作をしているため、修正・保守しやすいコードを意識し、高品質なコーディングを致します!
・HTML/CSSを用いた静的コーディング※1
・jQueryを用いた動的機能の実装※2
・テスト環境でのチェック
・納品後3回までの無料修正
・画像圧縮によるサイトスピード高速化
※1)TOP・下層ページは 5,000px以上の長さの場合には1,000pxにつき1,000円の追加料金を頂いております。
ランディングページは、12000px以上の長さの場合1000pxにつき1000円追加料金が発生します。
※2) SPのメニュー表示・メインビジュアルの基本的なスライドショー
◆納期
簡単なものでしたら、デザインデータお預かりから3日ほどでの納品も可能です!
基本的には5〜7日を目安にお考えください。
◆ご用意いただくもの
・デザイン(XD、Photoshop、Illustrator など)
・画像素材
・テキスト
◆納品方法
zipファイル形式(サーバーアップロードも可)
◆ご購入前後の流れ
1、見積もり相談、ご購入
↓
2、デザインデータのお預かり
↓
3、コーディング
↓
4、テストサーバーにアップ
↓
5、ご確認・修正
↓
6、納品(zipファイル形式やサーバーへアップロード)
◆オプション
・5,000px以上のコーディング(1,000px追加ごと) : 1000円
サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください!
【高品質・低価格】HTML/CSS/WordPress/PHPコーディング致します
業務内容
私のサービスをご覧いただき誠にありがとうございます。
まずはお見積もりからお願いしております。
◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・WordPressサイトのコーディング
・WordPressへの機能実装(カスタム投稿・カスタマイザーの設定など)
※WordPressはカスタマイズによって別途費用がかかる場合がございます。
各パッケージの追加対応も可能ですので、ご相談ください。
◎ 制作内容 ◎
1ページから複数ページまで対応いたします。
◎ コーディング費用 ◎
・TOPページ:10,000円〜 / 1ページ
・下層ページ:10,000円 / 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
※簡単なハンバーガーメニューやスライダーは無料となります。
・WordPress-TOPページ:15,000円〜 / 1ページ
・WordPress-下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によって別途追加料金をいただく場合がございます。
※料金は全てレスポンシブ込みです。
◎ 無料対応範囲 ◎
・画像圧縮
・SEO対策のmetaタグ設置(内容はご提供お願いします。)
※WordPressの場合はプラグインを使用
・サーバーへのアップロード(FTP情報のご提供をお願いいたします。)、もしくはZipファイル
◎ 流れ ◎
コーディング内容の詳細をお聞かせください。
↓
納品日と金額をお伝えいたします。
↓
問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
↓
コーディング開始(必要な材料は受領済みの想定です)
↓
ご確認
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓
納品
※対応ブラウザは「Chrome・Edge・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
土日祝日の対応も可能です。
まずはご相談からお願いいたします!
宜しくお願い致します。
現役WebコーダーがCSS設計に基づいた、美しいコーディングをおこないます
業務内容
フリーランスでWebエンジニア、Webコンサルをしております、市川喬士と申します。
私のサービスに興味を持っていただき、ありがとうございます。
是非、以下ご確認ください。
▷最新の制作物はこちら(デモサイト)
http://takashi0520.html.xdomain.jp/demosite2/
また、制作物一覧はこちら
https://vanilla-fireplace-f3c.notion.site/5396253653fd4ad8ab074a7dec4cbdbf
【こんな方にオススメ!】
・コーディング作業が苦手なデザイナーの方
・デザインデータはあるが、コーダーが不足しているディレクターの方
・どのようなデザインにしたいかのイメージはあるが、それを制作することが困難な方
・外注先をお探しのweb制作会社の方
【費用に含まれているもの】
・Adobe Photoshop/XD/Figmaで作成されたデザインカンプからのHTML/CSSコーディング
・マルチ画面対応のコーディング
・jQuery & CSSアニメーション
・画像圧縮による表示速度最適化
・予測・再利用・保守・拡張を意識したCSS設計による、保守性の高いコーディング
・chrome、safari、Microsoft Edge、firefoxによる確認
【追加でご提供できること】
・HTML/CSSコーディングファイルのWordPress化
・JavaScript(jQuery)を用いた動的サイト(高度なもの)
・gsapによるアニメーション
・gulp環境下での制作
・貴社指定サーバーへのアップロード
・納品後の修正作業
・スピード納品(即日可)
・WordPressテーマを使用してのWebサイト制作
【納期】
時期により、少し変動はしますが、1ページあたり5日〜1週間で納品させていただきます。
ご希望の納期がある場合はご相談いただければ、可能な限り、対応いたします。
【スケジュール】
①ご相談・お見積り・スケジュール確認(無料)
②デザインデータを確認(Photoshop、XD、Figma)
③コーディング開始
④弊社テストサーバーにアップロード
⑤ご確認、修正
⑥納品(zipファイル納品・テストサーバーアップロード)
サービス提供前に、一度DMで詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)
顧客様の要望通りの成果物・プログラムをいち早く納品します
業務内容
発注に沿った成果物を納品するのはもちろん、細かいヒアリングを重ねることで想定以上のものをお渡しできるよう心がけております。
【品質重視】HP・LPのHTML/CSSコーディングをいたします
業務内容
【HTML・CSSのコーディング】
Webサイト、LPの、HTML・CSSコーディングいたします。
品質重視で対応させていただいております。
安心してご相談いただけるよう、丁寧なコミュニケーション、定期的な状況連絡を心がけておりますので、ご安心ください。
【おすすめの方】
・品質重視されている方
・デザイン会社様、デザイナー様、社内リソースが不足している制作会社様
・他の方へ依頼して、失敗された経験のある方
【料金目安】
・トップページコーディング :30,000円~
・下層ページ:10,000円~
・LPコーディング:40,000円~
【納期目安】
・ベーシック:作業開始から約3日後
・スタンダード:作業開始から約7日後
・プレミアム:作業開始から約10日後
提示価格や納期は、目安となります。
デザインやボリュームにより変動することもございますので、まずはお気軽にご相談ください。
最後まで責任もって、対応いたします。
迅速・丁寧なコーディング代行!デザイン通りに納品いたします
業務内容
◾サービス内容
・HTML / CSS / jQuery を使ったコーディング
・保守、運用を考慮したCSS設計
・スピーディーかつ思いやりのある報連相
・gulpの環境構築
・gitでのコード管理
◾制作内容詳細
・静的コーディング(1ページ〜)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの設置(内容に応じて別途お見積り)
・jQueryによるアニメーション実装
・WordPress化:内容に応じて別途お見積り
◾サービス料金について
上記に記載してある金額はあくまでも目安となっております。
作成するページ数や案件内容に応じて金額は変動いたします。
ご予算に応じて調整できますので、お気軽にご相談ください!
◾納品までの流れ
「見積り・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションが有る場合ご案内いたします。
↓
お見積り・サービス内容に問題がなければ、ご発注ください。
その際にサイトのデザインデータ(XD、Figma、Photoshop、Illustrator)をお送りください。
また、デザインデータから書き出すことのできない素材(画像など)に関しても、お送りいただけますようお願いいたします。
↓
最終的な納品日を再度お伝えし、サイト構築を開始いたします。
↓
コーディング完了後、ご確認いただき3回までは無料修正対応いたします。
最終チェックが完了後、データ納品となります。
◾経歴
名古屋大学工学部にて機械系システムのプログラミングを学習。(現在学部4年生)
プログラミングスクール「デイトラ(Web制作コース)」を卒業。
現在のWebサイト制作会社にて、長期インターン生として実務経験を豊富に積んでおります。
「丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗報告、納期厳守」を
常に意識し、クライアント様を不安にさせません。
ご不明点がありましたら、お気軽にご連絡ください。
【経験を積むため低価格でご提供!】デザインデータから正確・丁寧にコーディング致します
業務内容
ご覧いただきありがとうございます(^^)
WEB制作でお仕事している、ぽなぞうと申します。
\《1Pあたり4000円以下!》実績を積むため、破格のお値段で迅速・丁寧なコーディングを致します/
今なら無料オプション付き!
【おすすめの方】
- デザインはあるがコーディングができない
- とにかく忙しくてコーディングを任せたい
- できるだけ安く仕上げたい
ご希望に対して真摯に対応いたします!
【サービス内容】
- デザインデータからHTML・CSSを使用したコーディング
【無料オプション】
- レスポンシブ対応(スマホ・タブレットに対応)
- 基本のSEO対策(HTMLタグ)
【有料オプション】
- 早期納品希望
- CSSアニメーション追加
- サーバーアップ
【スキル】
- HTML
- CSS(CSSアニメーション)
- Javascript(jQuery)
- Sass
- GIT
- CSS設計(BEM,FROCSS)
- WordPress
【納品までの流れ】
-
出品者へDM(ダイレクトメッセージ)を送信
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力していただきます。 -
出品者から相談者様へ返信
送っていただいた内容について質問や回答を行います。 -
注文・仮払い
納得いただいた場合に注文をお願いします。 -
製作開始
-
納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。 -
最終納品
【納品】
- html・css・jsファイルをzipでまとめて納品いたします
- サーバーへのアップロードをご希望の方は、オプションをご選択下さい。
【ポートフォリオサイト】
URLをコピペしてご確認ください。
個人ポートフォリオです。現在可能な制作物と、職歴についてご確認頂けます
業務内容
HTML、CSSを中心としたコーディング業務をさせて頂きます。
簡易な物であればjQuery実装も可能です。
単発ページから複数ページまでHTML/CSSコーディング代行いたします
業務内容
本サービスをご覧いただきありがとうございます。
こんな悩みを抱えていらっしゃる企業様、個人事業主様におすすめです。
-
コーディングができる外注先を探している企業様、個人事業主様
-
デザインはできるけどコーディングができない方
-
お問い合わせフォームだけを導入したい方
-
自分の作ったデザインをサイトにしてみたい方
【提供内容】
-
HTML/CSSを用いた静的ページのコーディング
-
レスポンシブ対応(デスクトップ、タブレット、スマホ対応)
-
jQueryなどを用いた動きのあるサイトの構築
-
お問い合わせフォーム
【制作フロー】
①ヒアリング
ご依頼内容の詳細をお聞かせください。
②お見積り
ヒアリングを基にお見積り、納品日をご提示します。
内容に納得いただけましたら、ご発注をお願いいたします。
③コーディング、初稿、修正
コーディング完了後、サイトの確認をお願いいたします。
ご納得いただけるまで修正対応いたします。(デザインにない修正には対応いたしかねます)
※ブラウザチェックはChrome/Edge/firefox、IPhone11(Safari/Chrome)にて行います。(Macでの確認は行っていません)
④納品
最終確認が完了次第、データ納品となります。
※納品方法について、ご指定が無ければZipにて納品いたします。
※お客様のサーバにアップロードも可能です。(別途費用発生)
ご相談・お見積もりのみでも問題ありません。
ご不明点等ございましたら、お気軽にお問い合わせください。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。