人気ランキング 期間:4月24日 〜 5月1日
【デザイナー様向け】高品質!ホームページデザインのコーディング代行をします
業務内容
【ホームページのコーディング代行をさせていただきます】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」
そんな方のためのサービスです。
デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
(※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。)
レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■当サービスの特徴
・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。
・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社5社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。
・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■ご契約の流れ
1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。
3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。
4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。
5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません!
即レス・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします!
HTML/CSSコーディングします
業務内容
ご覧頂きありがとうございます。
参入価格としまして、安価で対応いたします!
制作のご相談・お見積り気軽にご連絡ください。
<作業内容>
・HTML/CSSを用いたコーディング
(1ページ〜複数ページ対応可能です。)
・レスポンシブ対応
・JavaScriptによるアニメーション作成
(ハンバーガーメニュー、スライダー、モーダルウィンドウなど。)
<制作の流れ>
1.ヒアリング&ご相談
2.お客様よりデザイン等のご提供
3.コーディング・テスト
4.ご確認・修正
5.最終確認・納品
細部までこだわって作業いたします!
ご相談・お見積りのみでも構いませんので、気軽にご連絡ください。
コーディング・WordPress構築代行いたします
業務内容
- コーディング,WordPress構築を外注できるパートナーが欲しい
- Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
- どれくらいのスキルがあるのか分からなくて外注できない
などのお悩みを抱えているWeb制作会社様・個人事業主様はいらっしゃいませんか?
Kyoto Web Designでは長期での契約を優先させていただいています。
もちろん単発でのご契約も可能です!
デザインを別で用意していただくことも、デザイナーをこちらで探すことも可能です。
テンプレートを修正する形でデザインなしも可能です。
【デザインを忠実再現】高品質なコーディング代行いたします
業務内容
【提供業務】
数ある中からご覧いただきありがとうございます!
===========
【再現性・丁寧な対応・高品質】 を重視したコーディングを行います。
■こんな方にオススメ!
・コーディング業務の依頼先をお探しの法人様、制作会社様
・コーディングを任せたいコーダーをお探しのデザイナー様
===========
■作業内容
・HTML / CSSによる静的コーディング
・JavaScript / jQueryを用いたアニメーション機能実装
・レスポンシブ対応
・お問い合わせフォーム設置
・品質チェックシートを活用した品質管理
・Wordpress化 *内容に応じて別途ご相談となります。
===========
■ご契約時の流れ
①まずはお気軽に「見積り・カスタマイズの相談に進む」よりお問い合わせください。
お問い合わせいただいた後に、ヒアリングをさせていただきお見積もりいたします。
②お見積もりのご提案
ヒアリング内容をもとにお見積もりの提案をさせていただき、ご納得いただけた場合に契約となります。
③制作開始
④初稿提出・修正(修正回数5回まで)
初稿提出までに不明点がある場合は、随時お打ち合わせなどを設定いたします。
⑤最終確認
⑥テスト環境にアップロード
⑥納品(ZIPファイル or サーバーへのアップロード)
*サーバー契約はお客様の方でご対応いただいております。
サーバー契約のご相談については承ります。
===========
ここまでご覧いただきありがとうございます。
ご不明点がありましたら、お気軽にご連絡くださいませ。
和英両表示Webデザイナー(HTML,CSSコーディング)
業務内容
ホームページの新規作成、リフォーミングができます。フォロントエンドエンジニアです。HTML・CSSコーディングを主な対応内容になります。
外国人向けに英語表記のホームページを作りたい場合も、ご対応することができます。
ウェブサイト、システム、モバイルアプリの製作、デザイン・コーディングと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を使用したコーディング
・レスポンシブ対応(スマホ・タブレットに対応)
・WordPress化
◆サービスのメリット
・他クラウドソーシングサイトにて100件以上のコーディング実績がございます。
ランサーズでの実績を積むため、格安でサービスをご提供いたします。
・通常プラス料金を頂くメニューも無料で行います。
・保守性の高いコーディングを行います。
◆料金
コーディング料金
∟トップページ 10,000円(税抜)
∟下層ページ 5,000円(税抜)/1ページ
∟ WordPress化 10,000円(税抜)
☆以下、無料で行いますのでご希望の方はお申し付けください☆
・レスポンシブ対応
・基本のSEO対策(metaタグなど)
・OGP設定
・テスト環境のご提供
◆制作の流れ
①ヒアリング・お見積もり
→ページ数・内容量・アニメーションに応じてお見積もりします。
→ デザインデータまたはデザイン構成、ご希望納期がございましたらご共有くださいませ。
②ご契約
③コーディング作業開始
④ご確認・修正
→修正は3回まで無料で対応いたします。
⑤最終確認
⑥納品
→zipファイルでの納品、またはサーバーにアップでの納品となります。
◆納期
1ページあたり3日程度で納品いたします。
また1ページあたりの量によってはさらに早い納品が可能です。
※デザインデータを頂いた日から3日程度の納品となります。
連絡を密にとり、迅速、丁寧に対応いたします。
お気軽にご相談くださいませ。
1万円であなたのWebサイトをコーディング致します
業務内容
初めまして、
mocking_birdと申します。
1ページ1万円で
あなたのWebサイトを
コーディングいたします!
動的な動きをつけたい人など
お気軽にご相談ください。
こちらの基本サービスは、
●レスポンシブ対応
●お問い合わせフォームの設置
●Javasprict等での動的なページに変更
●1ページのみ
●html/CSSでの納品など
となります。
⭐︎作成の流れ⭐︎
DIRECTION
Webサイト制作で1番大切なことは
ヒアリングだと思っています。
「こんなサイトにしたい」
「こんな課題がある」
など何でもお気軽にご相談ください。
ご要望にあったものを提案いたします。
お客さまの思いを反映した
ウェブサイトに仕上げます。
DESIGN
お客さまのご要望に沿って、
Webデザインを構築していきます。
「ターゲットユーザーに特化したもの」
「誰が見てもわかりやすいもの」
ご要望に沿ったデザインをご提案。
CODING
サイトに応じて
最適なコーディングを行います。
操作性なども加味していき、
さまざまなサイトに対応いたします。
⭐︎ご用意頂くもの⭐︎
・コーディングしたいHTMLやCSS
・必要な画像やテキスト
まずは、お気軽にご相談ください。
3年間で100件以上の制作実績あり!あなたのサイトの問題を解決します
業務内容
数多くの中からご覧頂きありがとうございます!
現在、WordPress構築をメインに活動している
フリーランス3年目のコーダーの小山田優也と申します。
これまで実務を通して、100件以上のトラブルを解決してきた経験から、
Webサイトのトラブル解決に対して評価をいただいており、
本サービスでも、お客様が抱えているサイトの問題を迅速に解決させて頂きます!
◼️こんなお悩みありませんか?
・サイト更新やメンテナンスで手間取っている方
・Webサイトのトラブルでどうしたらいいかわからない方
・Webサイトを更新/修正したものの、新しくトラブルができた・保守しにくい方
◼本サービスのおすすめPOINT
・迅速なコミュニケーションで、素早く問題を解決できる!
・3年のコーダー歴から、すでにあるWebサイトのシステムに合わせたご提案ができる!
・100件のトラブルシューティング経験から、根本的な問題解決ができる!
・エンジニアとしての経験もあるので、サーバーへのアップも対応できる!
◼お客様の声
・能動的に原因を調査して頂き、問題解決能力があると感じました!
素早く解決していただいてありがとうございます!
・既存サイトの一部を修正して頂きましたが、既存サイトのコードに合わせて修正頂き、
高品質な状態で納品いただきました!
・時間がなく、自社サイトを更新できずにいましたが、
少ないコミュニケーションでも要件を汲み取って更新をしてくださり、
大変助かりました!またお願いしたいです!
◼サービス内容
プランは3種類、ご予算と必要な作業に応じてお選びいただけます。
⦅作業内容の例⦆
・コード整理
・画像変更
・テキスト変更
・サイト表示速度の改善
・表示崩れの修正
Webサイトに関するさまざまな作業を提供します。
◼ご依頼の流れ
①ヒヤリング
…お客様の問題や希望納期などをヒアリングさせていただきます。
②契約
…お見積り、対応スケジュールをご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
…制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
…ご確認いただき、問題なければ、制作物を納品させていただきます。
納品形態は、作業内容に合わせて柔軟に対応させていただきます!
どんな小さなことでも、お気軽にご相談ください。
Webサイトの問題を一緒に解決し、お客様のビジネスをさらに前進させるお手伝いをさせていただきます。
まずはメッセージでのお問い合わせお待ちしております!
【レスポンシブ】LP(ランディングページ)コーディングいたします
業務内容
ディレクターとしての実績もございますため、
クライアント様のご要望を汲み取ったデザインを起こすことに力を入れております。
「計算式やシュミレーションを搭載したい」
「デザインはPCのみだけれど、スマホにも対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」
このような場合でも対応いたします!
もしお見積もり金額が予算を超える場合はお気軽にご相談ください。
【対応可能データ】
・Adobe Photoshop
・Adobe XD
※↓相談必須、場合により対応可能↓
・Adobe Illustrator
・Figma
【プランに含まれるもの】(オプションで選択のもの有)
・HTML/CSS(Sass)/JSを使用し静的にて構築(scssファイルは納品いたしません。)
・レスポンシブ対応
・ハンバーガーメニュー
・スライダ(1ヶ所まで)
・アコーディオン
・出現アニメーション
・トップへ戻るボタン
・スマホデザインがない場合、コーディングベースにて柔軟に作成
・ファビコン作成
★WordPress構築
★ライトボックス
★その他アニメーション
★スクリプトやPHPを使用したシュミレーション・フォーム ※※
(★は別途費用となる場合がございます。ご相談ください。)
※※シュミレーション機能について
計算式や、スロットのような動き、問題形式など様々なものに対応可能です。
金額感は変動がありますので、事前にご相談ください。
【プランに含まれないもの】
・サイト公開対応(可能な場合もありますのでご相談ください)
・サイト引っ越し
・ドメイン設定
・データベース作成
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行(埋め込みは可能)
【納品までの流れ】
①ヒアリング(ご相談・スケジュール確認)
②発注
③素材、ある場合デザインデータご入稿
④制作開始
⑤確認・修正対応
⑥納品
【対応できる時間帯】
フリーランスのためスケジュール、リソースに空きがあれば基本柔軟に対応可能です。原則期日は2週間前でお願いいたします。ただし、継続契約の場合別途相談ください。
また、私と契約のあるパートナーへ委託する場合ございますので、NGの際は事前にご連絡いただけますと幸いです。
【修正について】
基本こちらの不備である場合は対応いたしますが、
依頼の際より大幅なデザイン変更や仕様変更など、此方に不備が場合は別途相談させていただきます。
【その他】
・納品後の修正は別途相談させていただくことがあります。
・正当な品質不足以外の途中キャンセルの場合、対応分はお支払いいただきます。
・フリー素材の契約はなく、ほとんど所持しておりません。素材はご提供ください。
【細かい修正も対応】ホームページ修正、コーディング承ります
業務内容
ホームページ、LPの修正やコーディング承ります。
===【修正について】===
画像の変更、テキストの変更など、軽微な修正も是非お問い合わせください!
修正1箇所につき、2,500円~対応いたします。
Lancersのシステム上、パッケージ最低価格が10,000円となっておりますので、
修正ご希望の場合はお気軽にDMをお願いいたします。
詳細ヒアリング後、正式な御見積をご連絡いたします。
複数箇所まとめて修正の場合、割引も可能です。
【こんなお悩みを解決します】
・画像やテキストを変更したい
・アニメーションを追加したい
・スマホで見たときに気になる部分を修正したい
・お問い合わせフォームを追加したい
・今あるサイトのブログやお知らせを簡単に更新できるようにしたい
・HP、LPのコーディングをお願いしたい
など、Webサイトのことならなんでもご相談ください!
【納期】
・最短即日納品
【納品までの流れ】
①ご依頼前にDMにて打ち合わせ
②ご契約、仮払い
③作業開始
④確認、修正
⑤納品
===【ご確認ください】===
※ご依頼頂く場合、上記金額にシステム手数料(5.5%)がプラスとなりますので、
ご依頼頂く前にぜひご確認くださいませ。
詳しくは、下記URLをご参考になさってください。
https://www.lancers.jp/faq/A1034/936
===【最後に】===
Lancersを初めてから、ありがたいことにリピートでご依頼頂けるようになりました。
これからのお客様にもリピートでご依頼頂けるよう、丁寧で細やかなに対応し、信頼頂けるようなお仕事をしてまいります。
まずはお気軽に、DMでご相談頂けると幸いです^^
【制作会社様・デザイナー様向け】コーディング代行します
業務内容
▼以下の3つでお困りでしたら、まずはお気軽にご相談ください!
1.「案件が溢れてコーディングの対応がしきれない」
2.「円滑にコミュニケーションを取れるコーダーを探している」
3.「専属でコーディングを代行してほしい」
3つのお悩み全て解決いたします!
▼スケジュール、強み
✅フリーランスの方2名とWeb制作会社様2社と業務提携中。
✅1分以内の超即レス
✅品質管理チェックシートで品質チェックいたします。
✅SEO対策を意識したコーディング。
✅365日いつでも対応可能!
▼提供できること
✅HTML/CSS/SCSS/jQuery/JavaScript/コーディング
✅WordPress化
✅表示崩れの起きないレスポンシブ対応
✅サーバーへのアップロード
BEM記法で静的コーディング~WordPress構築まで承ります
業務内容
◆こんな人におすすめ!
・デザインできるけど、コーディングは外注でお願いしたい人
・代わりにホームページを更新してほしい人
・既存ホームページの修正したい人※
※デザインやライティングにつきましては、こちらからデザイナーとライターを別途紹介します。
◆ご提供内容
・HTML設計
・BEM記法でのCSS設計
・jQueryでアニメーション実装
・WordPress構築
◆ご購入の流れ
私宛へご連絡⇒ヒアリング⇒見積書の提示⇒同意⇒作業開始⇒納品
【スピーディーに納品!】HTML,CSSのコーディング代行いたします
業務内容
この度は、数多くのランサーの中から弊社のページをご覧頂きありがとうございます。
HTML/CSSのコーディングを代行させて頂きます。
■こんなお悩みはありませんか?
「 デザインはあるけどコーディングする時間がない」
「スピーディーにコーディングしてくれる人を探している」
などコーディングに関する様々なお悩みがあるかと思います。
どんなお悩みをお持ちの方でも、ぜひ一度、弊社にご相談ください!
■自己紹介
私達はTECHCARAVAN合同会社という千葉県にある制作会社です。エンジニア1人とデザイナー1人という少数精鋭で日々、様々な業種のお客様のクリエイティブのご相談に乗っております。
■私たちの強み
丁寧なヒアリング
実際にコーディングするエンジニア・デザイナーが直接ヒアリングいたします。間に営業が挟まらないので密でスピーディーなコミュニケーションが可能です。不安な事は何でも聞いてくださいね。
柔軟なサイト設計
「こんな機能を追加して欲しい」「SNSを連携したい」などお客様のご要望に柔軟にお応えいたします。まずは「こんなことできる?」とご相談ください。
知見を生かしたご提案
弊社はホームページ制作だけでなく小売の店舗も運営しています!集客や店舗運営の知見を活かしたホームページのご提案ができます。ホームページ以外の知見をホームページに活かせるのも弊社の強みです。
少数精鋭が叶える低予算
弊社はエンジニア1人、デザイナー1人の少数精鋭でホームページ制作をしています!少ない人数なので、予算を抑えた対応が可能です!
■ご契約後の流れ
①お客様から弊社にご連絡
ご希望のプランを選択して「まずは相談する(無料)」のボタンからご連絡くださいませ。
②弊社からご連絡
お問い合わせいただいた内容を確認し、弊社からご連絡いたします。
追加の質問や必要に応じてお打ち合わせ(リモート/対面)のご提案をいたします。
※対面でのお打ち合わせはよくある質問をご確認ください
③事前のヒアリング・お見積もりの提示
詳細な希望をヒアリングし、プラン以上の金額になる場合はお見積もり提示いたします。
④契約・仮払い
ご提案内容にご納得頂けましたら、この段階でご契約・仮払いとなります。
⑤お客様からの素材提供・追加のヒアリング
写真やテキストなどの素材をご提供いただきます。
必要に応じてお打ち合わせ(リモート/対面)のご提案をいたします。
⑥制作開始
⑦制作サイトの確認と修正
お客様に制作サイトをご確認いただき、修正が必要な箇所をご指示いただきます。
修正は3回まで無料対応いたします。
⑧納品
最終チェック作業を行ったあと納品。
下記記載の【注文時のお願い】【よくある質問】もぜひご覧ください!
HTML/CSSでデザインに忠実な静的コーディング代行を致します
業務内容
本パッケージをご覧いただきありがとうございます!
デザインデータからのコーディング代行を行っております。
コーディングを行う際は、デザインの提供をお願い致します。
お気軽にご連絡ください!
※また制作後のキャンセルはお断りしていますので、ご了承ください。
※レンタルサーバーの用意や、ドメイン取得はお客様自身でお願いします。
※画像に関してはお客様でご用意お願いいたします。
※ヒヤリング以降の仕様変更等はお断りしております
■こんな方におすすめ
・コーディングが苦手な方、
・コーダーの外注先をお探しの制作会社
■納期
1~14日ほど、お待ちいただきます。
※注文パッケージや、稼働時間によります。
■納品までの流れ
ヒヤリング(実装機能等の確認)
↓
契約(納期やお見積り等の提示)
↓
デザインデータのお預かり
↓
コーディング
↓
テスト(ご確認、修正等)
↓
納品
お急ぎの方、必見!最短1日でホームページを格安で作成します
業務内容
▼こんな方へおすすめ
とにかく安価にホームページを作成したいと考えている方
▼やすくできるための理由
テンプレートを利用した作成のため、安く作成ができます。
▼サーバーへのアップロード
サーバーへのアップロードはお客様にてお願いいたします。
サーバー構築、サーバーへのアップロードをご希望のお客様は、別料金にはなりますが対応可能ですので、おっしゃってください。
▼注意事項
テンプレートを使用していますので、内容確認時点では著作権表示があります。
著作権表示は、ご入金後に、削除いただくことが可能です。(削除したものを納品させていただきます)
【先着10名様モニター価格】WordPress対応+HP・LPコーディング承ります
業務内容
数あるサービスの中から、ご覧いただきありがとうございます!
< 先着10名様限定のモニター価格>
現在ランサーズでの実績を積むため、先着10名様限定の特別価格でご提供しております。
お見積もりは無料となっておりますので、ぜひお気軽にご相談ください!
■こんな方におすすめです!
・ WEB デザインはできるけど、コーディングが難しい方
・ コーディングだけ誰かにお願いしたい方
・ 既存サイトを改修・補修されたい方
・・・など上記以外でも、お気軽にご相談ください。
【各プラン料金に含まれるもの】
• レスポンシブ対応(PC / Tab / SP)
• 簡単なjQuery/JavaScriptのアニメーションの実装※1
• 画像の圧縮
• 表示確認・品質チェック(W3C Validation Service)
※1 簡単なアニメーションの範囲
ハンバーガー・アコーディオンメニュー / スムーススクロール / ホバーアニメーション / スライダー
など。オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。
【オプション料金で対応可能なもの】
• WordPress構築
• お問合せフォームの実装(WordPressプラグインで対応)
• JavaScript(jQuery)を使った複雑な動きの実装
• 下層ページの追加
• Illustrator、Photoshopのデザインカンプからのコーディング
【料金表】
・コーディング(トップページ・LP 縦6000px前後)※1:¥20,000~/ページ
・コーディング(下層ページ 縦3000px前後)※2:¥10,000 /ページ
・Photoshop, Illustratorのデザインカンプからのコーディング: プラス¥1,000 /ページ
・アニメーション(複雑なもの):¥3,000円/1実装
・WordPress化: ¥5,000円/ページ
・カスタム投稿タイプなど更新機能追加:プラス¥10,000円~
・お問い合わせフォーム追加:プラス¥10,000円
※1,2デザインカンプ追加縦1,000pxにつき1,000円加算させていただきます
【納品までの流れ】
①ヒアリング・お見積り
デザインデータの詳細確認、素材(画像・ロゴ・テキスト)の確認、希望納期等のお打ち合わせ
↓
②お見積りご案内・ご契約締結
作業内容・見積もり・納品予定日をご提示いたします。(ここまでは無料です)
↓
③必要な情報・データの受取
デザインデータなど、コーディングに必要なデータをご提供ください。
↓
④コーディング開始
↓
⑤ご確認・必要に応じ修正
テスト環境にページをアップ
修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
↓
⑥最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。
【納期について】
約2週間(既存ページの一部修正は、3日~1週間)
※ページ数やボリュームにより変動する場合がございます。
※既存ページの軽微な修正は、修正内容により納期を早めることが可能です。お気軽にご相談ください。
お急ぎの場合は、事前にお問い合わせください。
【検証ブラウザについて】
コーディング後の表示確認は、以下のブラウザで確認いたします。
■パソコン(Windows)
Chrome、Firefox、Edge、Safari
■スマートフォン(iOS)
Chrome、Safari
【納品方法】
基本的に HTML / CSS / JavaScript(jQuery)ファイルを ZIP ファイルでお渡しいたします。
※サーバーへのアップロードをご希望の際は、必要な情報を共有いただきます。
【連絡方法】
Chatwork、Slack、Discord、Zoom等対応可能です。
その他ご希望の連絡方法がございましたら、ご相談ください。
最後まで ご覧いただき、ありがとうございました!まずはお気軽にご相談ください。
WEBサイトコーディング。Wordpress構築。ます
業務内容
【作業内容】
・WordPressを用いた 企業サイト制作、LP作成
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロール、アニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します)
【制作の流れ】
・ヒアリング/お見積り(お気軽にご相談ください)
・デザイン制作
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はzip納品、GitHubコミット、FTP送信などが可能です。その他の場合もご相談ください。
【納期】
内容により異なりますが、基本的には1週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。
定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。
【ランディングページ】HTML/CSS コーディング代行します
業務内容
ご覧いただきありがとうございます。
個人の方・企業様問わず下記のお悩みにご助力いたします。
・デザインはできるけどコーディングは苦手…
・約束していたコーダーさんが体調不良で急遽人手が必要
・納期が差し迫っていてコーディングだけでもお願いしたい…
など、コーダー不足でお困りの方
ご相談ください!
■できること
・ランディングページのデザイン・制作
・Webサイトコーディング
※HTML/CSS/javascript
・WordPressを使ったwebページ、ブログ作成
など
記載のない内容については要相談でお願いします。
Webサイトを初めて作る方、コーディングが苦手なデザイナーさんなど
低価格、お急ぎ納品でご対応いたします。
■サービス内容
・HTML/CSSコーディング
・レスポンシブ対応
・簡単なjQuery/JavaScriptのアニメーションの実装※1
・既存ランディングページのちょっとした修正
※1 簡単なアニメーションの範囲
→ハンバーガー・アコーディオンメニュー / スムーススクロール / ホバーアニメーション / TOPへ戻るボタン / スライダー
■対応可能データ
PS、AI、Figmaのいずれか
その他データをご希望の場合はご相談ください。
■納品形式
ZIPファイル送付、またはご指定いただいたサーバーへのアップロード
【丁寧対応】Web制作でデザインからのコーディング・WordPressに対応します
業務内容
◆こんな方へ
Webサイトを立ち上げたい方
既存のサイトをリニューアルしたい方
コーディングが苦手な方
◆どんな課題に対して
◆納品物
HTML / CSS / javascript
◆進め方
①具体的な内容と納期についてヒアリング
②週に1回の進捗報告
➂納品前チェック(修正3回までOK!)
④納品
◆ご自身の強みや経験
メーカーで製品のソフトウェアエンジニアとして16年間従事しており、コーディングが得意です。
デザインの再現性が高く、保守・可読性の高いコーディングを目指します。
【初回限定割引アリ】現役コーダーが破格でホームページ・LPコーディング承ります
業務内容
ご覧いただきありがとうございます!
普段はWeb制作会社に勤務しながら、個人でお仕事をいただいております^^
Web制作会社へ依頼される際の一般的な相場よりお安く対応できるように尽力しますのぜひ相見積もりをお願いします!
新規コーディング以外にも既存ホームページの部分的な修正、既存WordPressサイトのカスタマイズも可能です。(こちらでコーディングを行っていないサイトの単発修正は工数の関係上、単価がやや高めになります。)
表示価格は1ページ単価コーディング最低価格となります。"どのようなデザインでもコーディングができる"という意味ではなくpx数やデザインの難易度などの内容によって費用が変わる為、まずデザイン内容などメッセージでご相談ください。
※例えば3,000円ではプライバシーポリシーページのような簡易ページがコーディングできます。
◆作業内容
・HTML/CSSを用いたコーディング
・JavaScriptを用いた仕掛けの実装(ハンバーガーメニュー、スライダー、アコーディオン etc)
・お問い合せフォームの実装
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)
◆制作の流れ
①ヒヤリング(※ご依頼や困りごとの内容などお聞かせください)
↓
②お見積り
↓
③デザインのご提供 ※デザインから作成の場合は除く
↓
④コーディング
↓
⑤テスト&ご確認、修正
↓
⑥最終確認、納品
※納品方法についてはご希望があればお申し付けください
◆納期について
3日〜2週間ほどお時間をいただいております。
作業量により変わってきますが、ご希望があればご相談ください。
◆実績
<ホームページ制作>
・海外医療系ホームページの日本語版サイトを制作(コーディング〜WordPressサイト)
・不動産屋ホームページ(コーディング〜WordPressサイト )
・歯医者のホームページ(コーディング)
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
【プロフィール】
「修正しやすい!」デザインカンプからコーディングします
業務内容
数多くのサービスの中からご覧いただきありがとうございます!
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
CSS設計(BEM設計)を意識した綺麗なコーディング代行承ります
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
私自身、過去、コーディングを依頼した時に、
レスポンシブ対応がうまくできていなかったり、ロゴがずれていたり、
何度もやり取りした経験がございます。
そして何度も、修正依頼したためにプロジェクトの納期に
間に合わせることが難しくなってしまいました。
私は以下をお約束いたします。
◎進捗報告
→工程表を作成し、一目で進捗がわかるよう報告します。
◎チェックリストでの品質管理
→こちらを使用してチェックします。
◎こまめな報連相
→コーディング完了までに画像や文章が揃わない場合には、ご報告・ご提案いたします。
◎コーディング完了後の報告書の作成
→ピクセルパーフェクトでデザインを再現しますが、どうしてもデザインを実現出来ない時は、
コメントと一緒に報告書にまとめて報告します。
《ご用意いただく素材について》
デザインカンプ(Figma/Adobe Xd/Illustrator/Photoshop)
ご興味を持っていただけましたらDMでも結構ですのでご相談ください。
【コーディング】テンプレートでは再現できないデザインまで実現させます
業務内容
コーディング内容
ベース使用言語:HTML、SCSS(CSS)、JavaScript、jQuery
相談内容によって対応可能:PHP、WordPress、BootStrap
サーバーアップについて
基本的にお客様自身にご用意(契約)いただく予定です。
Up対応などは私の方で行うことも可能です。
納品物確認方法
私が契約しているレンタルサーバーに公開範囲を設定してUpし、発行されたURLからご確認いただく流れを想定しております。
低価格でデザインそのままのコーディング致します! ます
業務内容
▼
・最低価格でコーディング代行
・デザインそのままのコーディング
・何度でも修正可能
・数回のデザイン変更ok
※初心者ですので素早い業務は出来かねます
▼ご提供内容
・HTML/CSS
・jQuery可
・wordpress対応
・レスポンシブ対応
▼ご購入後の流れ
▼製作可能なジャンル
▼料金プランやオプション
▼納期について
【理想のデザインを再現】HP/ LPのコーディングいたします
業務内容
【サービス詳細】
はじめまして🙇♀️
ページをご覧いただきありがとうございます🙏
Web制作をしております、
muuと申します😊
早速ですが、
「 自分の想像した通りのデザインにしたいけれど、コーディングが難しくて手が出せない... 」
「 綺麗で信頼されるWebサイトを作りたいけれど、技術的な限界を感じている 」
このような悩みを抱えていませんか😭?
私は、ご依頼者さまの理想を形にする
Webサイトのコーディングを専門としており、
いただいたデザイン案を元に
HTML、CSS、jQueryの知識と経験を活かして
ご依頼者さまのイメージ通りのサイトを実現します!!
WordPressでの入稿など幅広く対応可能です🙇♀️
こちらのサービスをご利用いただくことで
🔶技術的な悩みから解放され、お客さまの得意に集中できます!
🔶専門家の手による高品質なコーディングで、使いやすく美しいサイトが完成します。
🔶時間を大幅に節約し、他の重要な業務に注力できます!
こちら私が過去に制作させていただいたWebサイトになります🙏
お手数ですが、ご覧いただけると嬉しいです😊
提供させていただくサービスの詳しい内容は以下の通りです🙏
🔶HTML、CSS、jQueryを使用したコーディング
🔶WordPressでの入稿対応( サーバーへのアップも可能です )
※ サーバー契約、ドメインの取得はお客様に行っていただきます🙏
( サポートは可能です )
🔶クライアントさまの要望に応じたカスタマイズ
🔶レシポンシブ対応( 携帯、パソコンどちらもズレなく表示させる機能 )
価格に関しては以下の通りです🙏
・TOPページ:10,000円
┗ WordPress化:+5,000円
・下層ページ:8,000円 / 1ページ
┗ WordPress化:+2,000円 / 1ページ
トップページが10,000円 + 2ページ目から+8,000円になります。
合計3ページの場合1万8,000円( TOP + 下層 ) + 8,000円で26,000円となり
全ページWordPressにされる場合は、
+9,000円(TOP5,000円 / 下層 2,000円 / 枚)で35,000円となります🙏
・お問合せフォーム設置:5,000円 / 1箇所
┗ WordPress化:5,000円 / 1箇所
・LP(1ページ):10,000円
不明点などありましたら
まずはお気軽にご相談いただけると嬉しいです🙇♀️🙏
ご相談の段階では費用は発生いたしません😊
プロジェクトの概要、ご希望のデザイン、機能についてお聞かせいただければ、
最適な提案をさせていただきます🙇♀️
サービスの流れは以下の通りです😊
① 相談・お見積り
② ご購入
③ コーディング開始
④ 初回納品
⑤ ご確認
⑥ 修正( 3回まで対応させていただきます )
※ こちら側のミスはもちろん無料修正にて対応させていただきます。
⑦ 納品
※大変お手数ではございますが、
デザインデータはAdobe XD もしくは Figmaにて
ご提供いただけますと幸いです🙏
丁寧にヒアリングさせていただき
全力でお作りさせていただきますので
🔶自分でデザインはできるが、コーディングが苦手なクリエイターさん
🔶ビジネスオーナーさんで、洗練されたウェブサイトを持ちたい方
🔶個人で活動しているアーティストやブロガーさん
上記に該当する方は特にご依頼お待ちしております😆
少しでも気になってくださった方は
お気軽にお見積りだけでもご相談ください🙏
最後まで読んでいただきありがとうございました🙇♀️
【最短1日】誰よりも早くと言える!デザインに忠実なLP、HPをコーディング代行します
業務内容
この度は、数多くのサービスの中からご覧頂きありがとうございます。
素早く実装、取り急ぎコーディングしたい方にはぜひおすすめしたいと思います!お客様に、安心・ご満足いただけるようなサービスを提供しています。
親切丁寧な対応を心掛けていますので、ご購入前に必ずメッセージにてご相談ください。
【ごんな方には是非オススメ】
■デザインを持って、取り急ぎコーディング化したい方
■デザイナーを務めているお客様(長期間協力の場合にはご相談お願いします)
【ご注文までの流れ】
1.ご相談と確認(見積もりなど)
2.デザイン図の受け取り
3.コーディング代行
4.納品前の確認と修正
5.最終納品
【サポート期間】
納品と同時に終了しますが、細かな修正には「納品前の確認と修正」段階で確認してお願いします。
【デザインデータについて】
XD、Sketch、Photoshop、Figmaでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
【実績】
■不動産(賃貸・建売・売買どれも経験あり)
■中小企業(コーポレートサイト)
■人材派遣
■採用ホームページ
■国際事業
■保育園
■美容室
■葬祭
■研究室
など
全てに同意をされ納得されてからご購入ください。
ご不明点がありましたら、お気軽にご連絡ください。原則12時間以内に返信いたします。
最後までご覧いただきありがとうございました。
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からお問い合わせできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
あなたがお持ちのデザインデータをコーディングいたします
業務内容
・HTML/CSSコーディング(レスポンシブ対応)
お持ちのデザインを忠実に再現し、スマホやタブレット
にも対応したサイトを構築します。
・WordPressサイト構築・カスタマイズ
操作しやすいWordPressサイトの構築から、既存
サイトのWordPress化、プラグインのカスタマイズ
まで対応します。
・Webサイトの修正・更新
既存サイトの修正や更新、レスポンシブ対応など、
細かな調整もお任せください。
[制作会社様、デザイナー様向け]信頼関係を大切に、コーディング業務を代行いたします
業務内容
ご覧いただきまして、ありがとうございます。
信頼関係を大切に、丁寧な対応を心がけております。
本サービスはWordPressオリジナルテーマ構築やコーディング代行サービスです。
【半額キャンペーン】
Lancers駆け出しの為、モニター価格としてお見積りより半額で対応させていただきます。
【当サービスの対応可能範囲】
・HTML、CSS(Sass)、JavaScriptを用いたコーディング、アニメーションの実装
・レスポンシブ対応(どのような画面幅でもデザイン崩れなく綺麗に表示するよう努めております。
・WordPressオリジナルテーマ構築、セキュリティ対策
・お問い合わせフォーム
・公開作業
【納期】
【LPコーディング】
6日〜
【HPコーディング】
14日〜
※デザインデータ受け取り翌日からの日数です。
内容によって柔軟に対応いたしますので、ぜひ一度ご相談ください。
【主な制作の流れ】
①ヒアリング、お見積り、要件確認
②デザインデータ、画像等のご提示
③コーディング・テスト
④ご確認※修正等あれば柔軟に対応させていただきます
⑤納品
【納品方法】
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)
納品後の修正等あれば迅速に対応させていただきます。
ご相談だけでも、ぜひお気軽にお問い合わせください
【基本料金】
・トップページ¦10,000円~
・下層1ページ¦5,000円~
・LPコーディング¦10,000円~
また、簡単なアニメーションは無料で対応させていただきます。
※料金は目安となります。
お一人ずつお見積りをしておりますので一度ご相談くださいませ。
【ご依頼に当たっての注意事項】
・ご準備いただきたいもの
・デザインデータ
・素材 (画像の加工は行なっておりません)
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
【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コーディング承ります。現役フロントエンドエンジニアます
業務内容
■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について
作成したページをワードプレス化することも可能です。
◼ご用意いただくもの
- ご自身がお持ちのデザインカンプ
【レスポンシブ対応込み】HP・LPコーディング代行いたします
業務内容
HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。
特別なご希望がなければ、PC・スマホの2デザインを頂戴し、リキッドレイアウトで対応します。
*****
【サービス内容】
・完成されたデザインデータを元にしたコーディング
(HTML/CSS、JavaScript)
・フェードイン、スライドショー、ハンバーガーメニュー(スマホ時)など、基本的なアニメーションに対応
・レスポンシブ対応
・テスト環境による動作確認
【納品形式】
Zipファイル
(HTML、CSS、JavaScript、画像等をフォルダにまとめ圧縮したもの)
【ご準備いただくもの】
・完成されたサイトデザインデータ
(Figma、PhotoShop、Illustrator、XDを想定しています。)
※テキスト、画像もご用意をお願いいたします。
【納期】
1週間〜
※作業ボリュームによって変動します。
※こまめにやりとりを行いながら進めてまいります。
スムーズな納品のために、お早めの返信にご協力ください。
【修正回数】
無制限
ご納得いただけるまで対応いたします!
【こんな方にオススメ!!】
・コーディングパートナーが欲しいデザイナーの方
・リソース不足でコーディングを依頼したい方
【制作の流れ】
-
まずはお気軽にご相談ください。
ご相談の際、デザインデータをご提供いただけますと助かります。 -
ご相談内容、デザインデータをもとに、さらに詳細な制作内容をヒアリングいたします。
ヒアリング後、お客様と当方で制作内容・価格・納期などの合意が得られ次第、正式に商品を購入いただきます。 -
コーディングを行います。
進捗は随時報告いたします。
修正は無制限ですので、ご納得いただけるまで修正内容をご指示ください。
【修正だけでもOK!】納期厳守でWebサイトのコーディングします
業務内容
Webサイトのコーディング、修正作業を外注したい方にオススメ!
コーディングの修正作業からWordPressのオリジナルテーマ作成まで請け負っております!
デザインを丁寧に再現し、レスポンシブ対応まで承ります!
即返信とこまめな連絡を約束し、スムーズに納品まで完了いたします!
【納期】
修正のみ(ベーシックプラン):1週間
静的サイトコーディング(スタンダードプラン):2週間
WordPressオリジナルテーマ作成(プレミアムプラン):4週間
※ページ数や機能の数によって、表記より延長させていただく場合がございます。
【注意事項】
コーディングのみを請け負うパッケージとなっております。
HTML&CSSのみのコーティングをお客さま最優先で承ります
業務内容
ご覧頂きありがとうございます。
主にHTML&CSSなどを使用してwebページをコーティング致します。
◆基本内容
主にHTML&CSSを用いた静的コーディングのみ
(イメージとしては、簡単なホームページ・部分的なコーディングです。)
◆その他のサービス内容
レスポンシブ対応
簡易的なお問合せフォーム作成
ハンバーガーメニュー
◆ご用意していただくもの
デザインカンプ
データ(会社概要/サービス内容/画像等)
◆制作の流れ
①ヒアリング、お見積り
②デザインデータ等お預かり
③コーディング
④ご確認、修正
⑤最終確認、納品
日々プログラミングを勉強中の初心者ですので、至らない点が多々あるかと思いますが、
お客さま最優先で精一杯努めますので何卒よろしくお願い致します。
何かご質問などありましたら、
お気軽にご連絡して下さると幸いです。
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 」としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。
宜しくお願いいたします。
【デザイナー様向け】ランディングページコーディングします
業務内容
インハウスデザイナーとしてLPの修正や作成等を行っております。
スキル麺等ご不安な場合は作成したLP等お問い合わせの際共有させて頂きます。
【ベーシック内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
・お問い合わせフォームの実装:17,000円〜
「PHP工房」のメールフォーム使用
▼LPの作成全てはコチラをご覧ください。
https://www.lancers.jp/menu/detail/1264811
【高品質】レスポンシブ対応で丁寧にコーディング代行いたします
業務内容
ご覧いただきまして、ありがとうございます。
当サービスはデザインデータからWebサイトのコーディングを承っております。
■このようなお悩みのある方におすすめ
①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手
■サービス内容
【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・タグ最適化
・gulpによる画像圧縮(表示高速化)
・テストアップ後の修正作業
■実績
Webコーダー歴は、1年。
個人で頂いた案件数は、5件以上。
現在は、Web制作会社と業務委託契約を結び、案件を頂いております。
■クライアントの声
ご契約いただいたクライアントの方からは、
・予定していた納期よりも早かったのでとても助かった。
・素早い連絡で、スムーズに案件を進められた。
・こちらの要望に柔軟に対応してくれた。
こちらのお声を多数いただいております。
■無料アニメーション一覧
・簡単なスクロールアニメーション
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
■納期ーデザイン、ボリューム、稼働状況により変動いたします。
・トップページ:3~4日
・下層ページ:2日~
※デザインデータ受け取り翌日からの日数です。
ご満足いただけるよう、責任をもって対応させていただきます!
ご不明な点があれば、お気軽にご連絡ください。
格安対応!デザイン通りにLPやHPのコーディング致します
業務内容
この度は私のパッケージをご覧いただきありがとうございます。
千葉県在住、フリーランスのWebエンジニアとして活動している石田哲朗と申します。
◆サービス内容
・HTML/CSSを用いた静的コーディング
・JavaScript(jQuery)を用いたアニメーションを実装(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
・基本的なSEO対策(alt, metaタグなど)
・WordPress導入
修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします!
※もし何か不手際がありましたら、全額返金させて頂きます。
■料金
10,000円(サービス内容すべて込み)
※複数ページでも10,000円にて対応させて頂きます。(追加料金は一切かかりません!)
◆制作の流れ
1.「見積り・カスタマイズを相談する」よりご相談ください。
2.デザインデータお預かり
3.コーディング(毎日進捗のご共有をさせて頂きます。)
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
・サーバーへのアップロード(FTP情報(ホスト名、ユーザー名、パスワード)のご共有をお願い致します。)
◆納期
受注から5日~14日程度でございます。
※あくまで目安とさせていただき、内容によりご相談させてください。
発注していただいた際は、納期の厳守、迅速なレスポンスを徹底し誠心誠意取り組ませていただきますのでご検討のほどよろしくお願いします。
LPページコーディング 1万円〜
業務内容
LPページ作成を下請け致します。
当方事業活動初動の為、実績を積み上げたいです。
その為、格安でコーディングを代行致します。
元々ITベンチャー企業でプログラマーとして勤務しておりましたので技術力には自身があります。
大手企業サイト、LP作成も多数手がけさせて頂いております。
(前職案件の為こちらで開示できませんが、お問い合わせ頂いた際にお答えさせて頂きます。)
★javascript制作、悩み解決
業務内容
こんな動きは実現できるのか?高速化したいなど
javascriptの作成・相談を承ります。
■こんな方にオススメ
・これと同じような動きをするものを作りたい
・作りたいアイデアがあるけど、どうすれば良いかわからない
・どのように作るのが最適か知りたい
・こういう実装をしたいけどわからない
・ハマっていて抜け出せない
を一緒に解決していきます。
■容易に導入できます
基本的には既存のHTMLに以下二点を追記するだけで動作するように作成します。
・ヘッダにscriptタグ追記
・タグにidを追記
■対応できます
・jQuery, coffeescript, d3js
・Minify(圧縮によるパフォーマンスアップ)
楽天店舗オープン審査サポート&ページ構築「最短15日以内にオープンしたい!」ます
業務内容
楽天市場で新規出店の店舗様へ、
出店許可を取得したら、
オープン審査へ向けていろいろ書類・申請などの準備をしなければならない・・・・
RMSでの設定が面倒、機能の使い方がわからない、オープンまでの時間をかけたくない・・・
審査を通過したら、すぐ売上作れるような状態にしたい・・・・
そんなお悩み解決いたします!
最短15日以内オープンできる!
トップページ制作から審査用商品ページ作成、共通コンテンツのデザイン、様々ツール・機能の設定のサポートまでおまかせ下さい!
既存PCサイトのスマホ対応(レスポンシブコーディング10P迄)
業務内容
■概要
既に運用中のPC向けサイトのスマホ対応をいたします。
レスポンシブコーディングにて、PCとタブレットは同じ表示、767px以下(スマホ)はスマホ対応いたします。
■仕様
・htmlサイトでパララックス(動き)のないサイトでお願いいたします。
・1サイト10ページ以内でお願いいたします。それ以上の場合はご相談くださいませ。
・ワードプレスの場合は、別途ご相談くださいませ。
レスポンシブ(LP) 1ページ
業務内容
パソコン/スマホ兼用のページを作成をさせて頂きます
デザインデータはご用意ください。
ページ内スクロール等の軽アニメーションは含めます。
大きなアニメーション等が伴うもの、javascript(jQuery)/PHP等が伴う場合は別途ご相談ください(要お見積り)。
基本平日夕方~夜間、土日祝日中の対応になります。
Webサイトコーディング代行 HTML CSS jQuery 等
業務内容
ご用意いただいたデザインをwebページにいたします。
価格は1ページの単価となります。
ページのレイアウトや内容によって変動いたします。
CSSアニメーションなども対応可能ですのでお気軽にお問い合わせください。
また、WordPressのテンプレートファイル作成やカスタマイズも賜ります(別途ご相談)
グーグルフォームカスタマイズ(完了画面込み)
業務内容
グーグルフォーム は利用料無料。
データの保存も勝手にしてくれるしグラフ化、項目別に集計が取れるとあって人気のツールですよね。
便利なのは間違いない。でも・・
あの見た目がなんとかならないか…?って思いませんか?
こだわりのあるあなたのための、サービスです。
ーサービス内容、順序ー
・グーグルフォームにて項目、選択肢など作ったものを頂きます。(わからなければ手書き写メ可能です)
・デザイン構想(相談して作りましょう)⇦ここが一番楽しい!
・実際にコーディング
テスト送信完了後、納品となります。
フォルダ形式で納品となります。(ZIPファイル)
アップロードはサーバー情報が必要になるため、ご自身でお願いしております。
わからないことは聞いていただければわかるまで説明しますので、ご安心ください。
実際に作ったものがあるので、「どんなのか見せて!」と一声いただければURLお伝えしますね。
メッセージ、些細な質問からお待ちしてます。
(ファーストメッセージから24時間以内に返信しております!)
*納期は応相談ですが、デザイン構想の相談にお時間いただいた場合は、納期も同時にお時間頂く形となりますのでご了承ください。
ー 私のこと ー
学校生活を経て、大手エステ会社に就職。
エステティシャンとなり、その後独立。
美容ブログ運営歴5年。(現在放置中…)
3年以上、美容ブログPVランキング1位を継続。
自分で体験した嘘偽りない情報を伝えるブログスタイルが
多くの女性に支持され、
コンスタントに月間20万PVを誇るパワーブロガー(でしたw)
”みんなで創る化粧品”というコンセプトのもと、
監修化粧品を作り上げ、初回生産分即完売。
組織に属さなくても個人で、 都会ではなく地方からでも、
在宅で仕事をする起業スタイルを確立。
ブログの発信よりもデザインに魅力を感じ、
周りからは勿体無いと言われながらも
発信を思い切ってやめ、デザイン業に移行。
現在、化粧品販売、スキンケアコンサルタントとして活動する傍ら、
メディア構築の知識とデザインセンスを活かし、
バナーデザイン、サイト構築、動画編集、Web集客サポートをしている。
スピーディーかつ丁寧で温かさを感じるサポートが、 クライアントから好評。
(サービス利用後のクライアントの声引用)
趣味はパソコン、カメラ。
知らないことがあると気持ち悪い性分から、わかるまで極める癖がある。
犬と一緒に外で遊ぶこと、お酒を飲むのが大好き。
WEBコーディング・LP制作
業務内容
独学で今年の4月からプログラミングの勉強を始め、現在フリーランスとして活動している主婦です。
在宅ライターもやっておりますが、DINKS(子なし)なので基本余裕がありまとまった時間を確保可能です。趣味でHTMLやCSS・Ruby・PHPなどを用いてWebサービスを作成しています。
WordPressを用いてブログも書いており、ライティングにも自信があります。
まずはご相談からでも構いませんのでお気軽にご連絡ください。
【スキル】
・HP/LP制作
・HTML&CSSコーディング
・記事作成
【アピールポイント】
・ブログ
→「移住ブログ」「主婦向けブログ」「アウトドアブログ」3サイトの運営
合計で10万PV/月を維持しています。
HTML/CSSカスタマイズは日常で行っており、コーディングにも慣れています。
ランディングページのコーディング、レスポンシブコーディング
業務内容
足を運んで頂きありがとうございます。
以下の方を対象にサービスを提供しています↓↓
・デザインのコーダーがいない・・・
・デザインと一緒にコーディングも依頼したい!
・リーズナブルな価格で依頼したい・・・
【コンテンツ内容】
・コーディングの外注
・制作したデザインデータのHTML&CSSを用いたランディングページのコーディング(スマホのレスポンシブ対応込み)
※デザインのご依頼は別料金になりますのでご希望の方は出品ページより詳細をご覧下さい。
▼納品形式
・HTML・CSSファイル、画像、
・サーバーアップロード対応(ご希望の場合)
▼納品期限について
内容次第では記載している期限から多少前後する場合がございますが目安として3~5日の制作期間を頂いております。
お気軽にご相談下さい。
HTML/CSSのコーディング 勉強しながらなので安く受けれます♪
業務内容
プログラミングを学び始めて2カ月ほどです。
初心者なので経験を積むためにも安く受けさせていただきます。
JavaScriptやjQueryは勉強しながらです><
クオリティーや納品の期間が伸びます。ご了承ください。
修正については1回まで対応させていただきます。
よろしくお願い致します。
元Web制作会社勤務。制作実績数300件以上の信頼と実績でコーディングいたします
業務内容
当サービスをご覧いただきまして、誠にありがとうございます。
お客様との対話を大切に、親切丁寧な対応を心がけ、常にパーフェクトな納品を目指しております。
\ このような方に最適です /
・デザインデータはあるけど、コーディングはできない。
・リソース不足で、コーディングまで手がまわらない。
・外注先の選定で失敗したくない。
・制作会社レベルのスキルで対応してもらいたい。
★対応範囲と費用につきまして。
・静的コーディング:トップページ¥20,000〜、下層ページ¥15,000〜/1ページ
・レスポンシブ対応(1ブレイクポイント)
※ご要望に対応できますので、予めご相談ください。
・よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。(要ご相談)
・PHPファイルでの納品可能です。(着手前にご申告ください)
ヘッダーやフッターなど共通ファイルとして扱いたい場合や、
WordPressに組み込む予定がある場合などにご利用ください。
※WordPress対応も得意としておりますので、併せてご相談いただければと思います。
(別途サービス出品しております:https://www.lancers.jp/profile/syzmagic/plan/171629)
併せてご依頼いただける場合は、値引きさせていただきます。
★別途有料オプション対応目安(ご相談時にお見積りさせていただければと思います)
・cssアニメーション:¥3,000〜/1バリエーション
※マウスオーバーアニメーションなど(基本的な透過アニメーションなどは無料です)
・JavaScriptによる制御:¥5,000〜/1バリエーション
※モーダルやドロップダウンコンテンツ、スクロールに準ずる制御など
・お問い合わせフォーム:¥20,000〜/項目などにより変動
さほど手がかからずサービスさせていただく場合もございますので、
ご購入前にヒアリングさせていただければと思います。
★ご相談から納品の流れ
1.ご相談いただき、ヒアリングとお見積りをさせていただきます。
2.デザインデータをご提供ください。(illustrator/Photoshop/XD/Figmaなど)
3.コーディング作業開始
4.テストサイトにてご確認と修正
5.最終確認
6.納品
実機テスト環境は
macOS CatalinaとVentura:Chrome/Firefox/Safari
Windows11:Edge/Chrome/Firefox
iPhone13、iPad
その他はデベロッパーツールでの確認となります。
★納期につきまして
ボリュームにより変動いたします。
ヒアリング時にご希望を伺わせていただければと思います。
※リソース状況によりお請けできない場合もございますので予めご了承ください。
その他お気軽にご相談ください。
【先着10名】ランサーズ最安1250円でコーディング
業務内容
【10名様限定のご案内です】
ページ内で使用する画像、文言をすべてご提供いただければ
1,000円でランディングページを制作いたします。
基本的には5日後をめどに納品いたします。
お急ぎの場合はご相談ください。
ページの制作には以下のものが含まれます。
・基本的なhtml、cssのコーディング
・「TOPへ戻る」や「お問い合わせフォームへ」等のページをスクロールさせるボタンの設置
【下層ページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
Webサイトの下層ページのコーディングを承ります。
※TOPページやLP(ランディングページ)は、各専用メニューからご依頼ください↓
【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439
【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397
このようなお悩みはありませんか?
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」
当方では、これらすべてをクリアしてコーディングいたします。
一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。
その他にも、以下のような作業を心掛けています。
・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング(BEM、FLOCSS)
デザイナーとしての実務経験もございますので、
PC用デザインのみ(スマホ用デザインがない場合)でも、
見た目の整ったコーディングが可能です。
● 作業者について ----------------------------------------------------
制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。
● 対応可能データ ----------------------------------------------------
・PSD、AI、XD、Figmaのいずれか
確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
● 動きのある要素について ---------------------------------------------
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
【オプション料金にて対応可能】
・JavaScriptを使用したアニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
● ブレイクポイント --------------------------------------------------
一箇所が料金内です。(PC・スマホの切り替え)
※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。
● 動作確認ブラウザ --------------------------------------------------
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS バージョン15
Safari
・Android バージョン11
Chrome
※いずれも最新版です。
● 納品形式 ---------------------------------------------------------
・ファイル送付、もしくはご指定のサーバーにアップロード
※特にご指示がなければファイル送付での納品となります。
● 納期について -----------------------------------------------------
標準納期は、「デザインデータ受領から」3営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
お安くコーティング作業致します
業務内容
ご覧いただきありがとうございます。
松澤 空太と申します。
”ウェブサイトのデザインは用意はあるけど、HTMLコーディングが出来なくて困っている...”
など、そんなにお金をかけたくないけど、やってくれる人はいなかなどと困っている方に是非お役に立てると思います。
まだ駆け出しのためお客様のご希望に添った金額、相談などが取りやすいと思いますので、是非一度お気軽に相談ください。
【所有スキル】
・HTML
・CSS(SCSS対応可能)
・JavaScript(jQuery)
・PHP
・Wordpress
▪️実績
ポートフォリオになります
・https://sub.howto8.com
・ブログ→https://www.howto8.com
LP制作やWordpressを使用してのホームページ制作実務経験はあります。
▪️私を採用して頂くメリット
・会社勤め10年しているのでビジネスマナーやコミュニケーション能力が
あるのでスムーズな対応が可能です
・1日あたり平均2時間の作業が可能です
・土日は8時間可能です
・1週間以内に納品致します
・平日なら18時〜22時の間は1時間以内、休日なら基本どの時間帯でも1時間以内には返信可能です
・長期的な契約も可能です
・SEO知識を考慮致します
・駆け出し実績作りの為、低価格でお受け致します。
経験は浅いですが最大限ご満足頂けるように努力致します。
また、ご不明な点などがありましたらお気兼ねなくご連絡下さい。
最後までお読み頂きありがとうございました。
ご検討のほど宜しくお願い致します。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。