人気ランキング 期間:9月26日 〜 10月3日
【LP制作も可能】【制作会社様 デザイナー様向け】HP/LPのコーディング代行します
【LP・ランディングページ】デザイン通りに実装!レスポンシブコーディングいたします
【企業向け】デザインデータから高品質なWebサイトを制作します
業務内容
Figma/XDのデザインを忠実に再現し、企業の顔となるWebサイトを制作します!SEO対策も万全で、集客力アップに貢献します。
このようなお悩みはありませんか?
Webサイトのデザインはあるけど、コーディングできる人がいない。レスポンシブ対応ができていない。SEO対策が疎かになっている。
発注の流れ
お問い合わせ・ヒアリング
まずはお気軽にご相談ください。Webサイトの目的やデザイン、ご予算などをお伺いします。
企画提案・お見積もり
ヒアリング内容を元に、最適なプランをご提案します。お見積もりも提示いたします。
ご契約
提案内容にご納得いただけましたら、ご契約となります。制作スケジュールを確定します。
制作開始
デザインデータや素材をご提供いただき、コーディング作業を開始します。進捗状況は随時ご報告いたします。
納品・検収
完成したWebサイトをご確認いただきます。修正点があれば、修正対応いたします。
対応範囲・価格
レスポンシブWebサイト コーディング:1万円〜
既存デザインを元に、HTML/CSSでWebサイトをコーディングします。レスポンシブ対応でスマホ表示も最適化します。
デザインデータからのWebサイト構築:3万円〜
Figma/XDのデザインデータから、忠実にWebサイトを構築します。アニメーションやインタラクションも実装可能です。
WordPressテーマ制作(オリジナル):6万円〜
WordPressのオリジナルテーマを制作します。ACFを用いて、お客様自身で簡単に更新できるカスタム投稿も実装可能です。
STUDIO Webサイト制作:2万円〜
STUDIOを用いて、Webサイトを制作します。手軽にWebサイトを公開したい方におすすめです。
SEO対策コンサルティング:5万円〜
Webサイト全体のSEO対策を施します。キーワード選定、内部対策、外部対策など、集客力アップに必要な施策を行います。
納期
内容によって異なりますが、通常1週間〜1ヶ月で納品可能です。
制作の流れ
ヒアリング
お客様のWebサイトの目的やターゲット層、デザインの方向性などを詳しくヒアリングします。
企画・設計
ヒアリング内容を元に、Webサイトの構成案を作成します。デザインデータがある場合は、コーディングに必要な情報を確認します。
コーディング
HTML/CSSを用いて、Webサイトをコーディングします。レスポンシブ対応で、スマホ表示も最適化します。
機能実装
JavaScriptやPHPを用いて、Webサイトに動きや機能を追加します。
テスト・デバッグ
完成したWebサイトをテスト環境で確認します。動作確認、表示確認、SEO対策などをチェックします。
納品・公開
本番環境にWebサイトを公開します。公開後も、Webサイトの保守・運用をサポートします。
サービス内容
HTML/CSSコーディング、Figma/XDデザインからのWebサイト構築、WordPressテーマ化、STUDIO Webサイト制作、SEO対策など、Webサイト制作に関する幅広いサービスを提供しています。お客様の課題解決に寄り添える制作者を目指しています。
Webサイトのコーディングでお困りではありませんか?デザインはあるけど、コーディングできる人がいない。レスポンシブ対応ができていない。SEO対策が疎かになっている。そんなお悩みを解決します!私はFigma/XDのデザインを忠実に再現し、企業の顔となるWebサイトを制作します。SEO対策も万全で、集客力アップに貢献します。ぜひ一度、お気軽にご相談ください。、Webサイト制作に関する幅広いサービスを提供しています。お客様の課題解決に寄り添える制作者を目指しています。
Webサイトのコーディングでお困りではありませんか?デザインはあるけど、コーディングできる人がいない。レスポンシブ対応ができていない。SEO対策が疎かになっている。そんなお悩みを解決します!私はFigma/XDのデザインを忠実に再現し、企業の顔となるWebサイトを制作します。SEO対策も万全で、集客力アップに貢献します。ぜひ一度、お気軽にご相談ください。
【コーディング】LP、HPを心を込めてコーディング代行いたします
業務内容
特別料金でコーディングさせていただきます!
★あなたの想いを形に!心を込めたコーディングで、Webサイトの魅力を最大限に引き出します★
このようなお悩みを抱えの方はぜひ一度ご相談ください。
コーダーのリソースが足りずお困りの制作会社様
案件ごとにコーダーをアサインしたい制作会社様
コーディングを外注したいWebディレクターやコーダー様
コーディングをサポートしてくれるコーダーをお探しのWebデザイナー様
事前相談はいつでも無料で承ります。気軽にお問い合わせください。
サポート内容
コーディング全般
WordPress対応
メタタグ設定、OGP設定
・レスポンシブ対応
発注の流れ
1.プランを選択し、「まずは相談(無料)」ボタンをクリック
メッセージにて、業務内容やご要望、納期などをすり合わせします。
2.デザイン、メタタグ内容、OGP画像を提出していただきます。
3.デザインに沿ったコーディングをいたします。
4.こちらのテストサーバーにて表示確認をさせていただきます。
5.表示確認ができましたら、ファイルにて納品させていただきます。
対応範囲・価格
TOPページ コーディング:20,000円
TOPページのデザインに合わせて、美しいコーディングを施します。4セクションまで対応。
セクション追加:5,000円/セクション
TOPページに追加でセクションを増やしたい場合に。
下層ページ コーディング:10,000円/ページ
会社概要やサービス紹介など、下層ページのコーディングを承ります。
WordPress化:20,000円
コーディングしたWebサイトをWordPressで構築し、お客様自身で簡単に更新できるようにします。
納期
案件の内容により異なりますが、通常1週間~1ヶ月
制作の流れ
事前準備
お客様からいただいた情報をもとに、コーディングの準備を行います。
コーディング
HTML、CSS、JavaScriptを用いて、Webサイトを丁寧にコーディングいたします。
ご確認・修正
コーディングしたWebサイトをご確認いただき、修正点があればご指摘ください。
納品・アフターフォロー
最終確認後、納品となります。納品後も、軽微な修正は対応いたします。
サービス内容
HTML/CSS/JavaScriptを使用したWebサイトのコーディングを承ります。BEMやSassを用いた保守性の高いコーディング、レスポンシブ対応、WordPressのオリジナルテーマ開発も可能です。お客様の想いを形にするWebサイトを制作いたします。
Webサイトの見た目を変えたいけど、どこから手をつければいいかわからない…そんなお悩みはありませんか?HTML、CSS、JavaScriptのプロが、あなたのWebサイトを美しく、使いやすく生まれ変わらせます!丁寧なヒアリングで、あなたの想いを形にします。まずはお気軽にご相談ください。
【スマホ対応/WordPress可】高品質なHTML/CSSコーディングを代行します
業務内容
数あるサービスの中からご覧いただきありがとうございます!
Webコーダーのアンザイと申します。
私はこれまでにスポーツ、文房具、クリニック、教育、飲食店など多岐にわたる業種のWebコーディングを担当してきました。
✅ こんなお悩み、ありませんか?
「デザインはできているけど、コーディングする時間がない」
「PC用デザインしかないけど、スマホ対応にしたい」
「アニメーションも含めて、綺麗に仕上げたい」
「信頼できるコーダーに任せたい」
これらのお悩みを、レスポンス早くしっかりとサポートします!
🛠 サービス内容
HTML/CSSによる静的コーディング(レスポンシブ対応)
JavaScriptやCSSアニメーションの実装(スクロール/スライダー/アコーディオンなど)
Figma・XD・Photoshop・Illustratorに対応
SEOを意識した構造とマークアップ
価格
⚫︎LPコーディング:30,000円
※長さによって変動いたします。
提示料金は8,000px以内
⚫︎HPコーディング(HTML):105,000円
※5ページ 想定
⚫︎HPコーディング:(WordPress/PHP):155,000円
※5ページ 想定
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、お出しさせていただきます。
ご用意いただくもの
デザインデータ(Figma / XD / PSD / AIなど)
素材画像や動画、テキスト原稿
スマホ版デザイン(ない場合は私の方で調整対応可)
サーバー情報(アップロード希望時)
納品までの流れ
DMもしくは「見積もり・カスタマイズの相談」からご連絡ください
ヒアリング・お見積もりのご提示
ご契約(仮払い)
素材のご提供後、制作開始
コーディング確認・修正**
納品(Zip / サーバーアップ)
修正対応について
修正無制限(仕様変更は別途お見積り)
テスト環境での確認可能(Zip納品も可)
サービスの強み
1時間以内の迅速なレスポンス
土日祝の作業・納品も可能
スマホ・タブレット完全対応の高品質なレスポンシブ
コーディング3年以上の経験
まずはお気軽にご相談ください!
「依頼内容に合うか不安…」という方でも、お見積もりは無料で対応いたします。
まずは「見積もり・カスタマイズの相談に進む」より、お気軽にご相談ください。
ご希望に合わせた最適なプランをご提案いたします!
【安心品質】WebサイトのHTML/CSSコーディングを丁寧に制作します
業務内容
「安心感」と「高品質」を両立!丁寧なコーディングであなたのWebサイトを成功に導きます。
このようなお悩みはありませんか?
・コーダーとのやりとりが多く、手間がかかってしまう制作会社様
・コーディング後の修正指示が多く、対応に疲れてしまうディレクター様
→丁寧で伝わりやすいやりとりを大切にし、 修正の少ないWebサイトをご提供いたします。
発注の流れ
お問い合わせ・ご相談
デザインデータやサイトの仕様、ご希望の納期などをお伺いします。ご不明点や実現したい動きなど、細かい内容も遠慮なくご相談ください。
内容確認・お見積もり
いただいたデザインや仕様をもとに、作業内容・納期・料金をご提案いたします。疑問点があればこの時点でしっかり擦り合わせいたします。
ご発注(ご契約)
ご提案内容にご納得いただけましたら、正式にご発注ください。スケジュール確保のため、着手前にご発注をお願いしています。
コーディング開始
ご発注後、デザインデータや必要素材をお預かりし、コーディングを進めます。進捗は適宜ご報告し、確認が必要な場合は随時ご相談いたします。
ご確認・修正対応
一通りの実装が完了した段階でご確認いただき、修正やご要望に対応いたします。細かな調整もお気軽にお申し付けください。
納品・アフターサポート
最終確認後、データ納品またはサーバーアップいたします。納品後も不具合や軽微な修正など、ご相談いただければ対応可能です。
納期
各プランにより異なります。詳細はお問い合わせください。
コーディング〜納品の流れ
コーディング
お送りいただいたデザインデータをもとに、HTML/CSS/JavaScriptでコーディングを行います。見た目や動きがデザイン通りに再現されるよう丁寧に仕上げます。
テスト・デバッグ
さまざまなデバイスやブラウザで表示や動作の確認を行い、不具合や表示崩れがないかチェックします。どの環境でも快適に閲覧できるよう対応いたします。
修正・調整
ご確認いただいた後、修正やご要望に合わせた調整を行います。細かなご指摘もお気軽にご相談ください。
納品・公開
最終確認後、Webサイトのデータを納品いたします。サーバーへのアップロードや公開作業も、ご希望があればサポートいたします。
サービス内容
丁寧なコミュニケーションと高品質なコーディングで、お客様のWebサイト制作をサポートします。HTML/CSSコーディング、WordPressサイト制作、Webサイト修正など、幅広く対応いたします。
Webサイトのコーディングでお困りではありませんか?
「どこに頼めばいいかわからない…」「予算内で高品質なサイトを作りたい…」
そんなお悩みを、丁寧なコミュニケーションと確かな技術で解決します!
細部までこだわったコーディングで、デザイン通り・高品質なWebサイトを実現いたします。
今すぐお問い合わせいただければ、無料相談を承ります。お客様のWebサイトを成功に導くために、ぜひ私にお手伝いさせてください!
【経験者がSEO対策やアニメーション実装します】あなたのデザインをコーディングします
業務内容
実務経験ありのWeb製作者が、あなたがお持ちのWebデザインをコーディングします!
■内容
あなたがお持ちのWebサイトやLP(ランディングページ)のデザインをコーディングいたします。
・Webページのジャンル不問です
・SEOを考慮したhtmlコードの構成を検討しながらコーディングします(スタンダード以上)
・レスポンシブ対応、アニメーション付きの動きのあるページの対応OKです
・デザインを忠実再現・デザインの細かな調整あり、どちらも対応いたします
■こんな人におすすめ
・「デザイナーに作成してもらったWebサイトのデザインが手元にあるが、これをWebサイト上に公開できるように形にしたい」とお考えの企業・個人事業主の方
・「サイトに公開したときに、検索上位に入るようにしてほしい」とお考えの企業・個人事業主の方
・「Webページ作成業務を請け負いデザインを作成したが、コーディング作業を外注し、作業の省力化を図りたい」とお考えのWebデザイナー・Web制作会社の方
■メリット
・レスポンシブデザインに対応いたします。PC・スマホいずれかのデザインのみの場合も、お持ちのデザインをベースにもう一方のデザインを作成し、コーディングいたします(※スタンダード・プレミアムのみ)
・デザイン段階では形になっていない【動きのあるページ】を作成いたします。具体的なご指定・ご相談の上決める、どちらも承ります。サンプルを用いながらご希望のイメージを固めていきます。
・デザインを忠実に再現することはもちろん、ご要望に応じて細かな微調整も承ります。(※後者はスタンダード・プレミアムのみ)
まずはお持ちのデザインに対してどのように感じているかをヒアリングさせていただき、ご希望のWebページを作り上げていきます!
■納品物について
基本はhtml,css,jsファイル一式をzipファイル形式にまとめてお渡しとなります。
納品物となるコードをWebサイトへ埋め込む作業(CMS埋め込み、Webサーバー配置)につきましては、事前にご相談の上対応とさせてください。(※オプションになります)
■実務経験について
現職にて、自社で運営しているWebサイトのページ作成や改修を2年半ほど経験しております。
詳しくはプロフィールをご覧ください。
デザインをお持ちの方からのご相談、お待ちしております。
検討中のライトなご質問・ご相談や、ざっくりとしたお話のみでも、いつでもお気軽にご連絡くださいませ。
宜しくお願いいたします!
【サクッとHTML化】デザインデータを元にHTMLコーディングいたします
業務内容
デザインが完成しているページのコーディング代行をいたします。
HTML5 / CSS3 / jQuery にて対応いたします。
コーディング規則がある案件や、既存ページへの追加なども対応可能です。
修正などにも対応し、最後まで責任を持って対応いたします。
ご不明な点などございましたらお気軽にご連絡ください。
HTML / CSS / JavaScript を使用したLP作成をいたします
業務内容
-
デザインはあるけど、LPのコーディングだけお願いしたい
-
自分で作ったHTMLを修正してもらいたい
-
できるだけシンプルな構成で、スマホ対応されたLPが欲しい
-
問い合わせフォームはGoogleフォームなどで済ませたい
-
小規模でまずは低予算でLPを作りたい
あなたの課題に、こんな解決を提供します
本パッケージでは、HTML・CSS・JavaScriptを使ったランディングページ(LP)の制作・修正を行います。
PHPを使わず、Googleフォームや外部サービスのフォームを活用することで、簡単かつ安心な構成でページを構築いたします。
- デザインデータ(Figma / Canva / PDF / 画像)をもとにした1ページLPのコーディング
- スマホ対応(レスポンシブ対応)
- スクロールアニメーション、簡単なJS演出の追加(スタンダード以上)
- Googleフォームの埋め込み or リンクボタン設置
- SEOの基本的な構造(metaタグ・alt属性など)の設定
- 他者が作成したコードの一部修正対応(オプション)
- コーディング後の簡単なカスタマイズ・微調整(オプション)
【進め方】
- ご相談・ヒアリング(チャットにて対応)
- デザインや要件のご共有
- 初期コーディング作業(仮納品)
- 確認・修正対応
- 納品(ZIPファイル or GitHub共有 など)
【納品物】
初心者の方にもわかりやすく、丁寧にやりとりいたします
FigmaやCanvaなど、デザインツールにも対応可能
【注意事項】
PHPやサーバーサイド処理は対応しておりません
WordPress化やサーバー設定は対象外ですが、別途ご相談可能です
連絡先や外部サイトURLの記載はLancersの規約に従い控えております
【HTML/CSS/Javascript】デザインに忠実にコーディングします
業務内容
はじめまして!
数あるサービスの中からご覧いただきありがとうございます。
株式会社ARCHIPELAGOです。
「デザイン通り、ズレなく再現したい」
そんなご要望に応える、コーディング特化型のサービスをご提供しています。
【 こんな方にぴったりです 】
・デザインカンプはあるけれど、コーディングのリソースが足りない制作会社さま・企業さま
・LPやWebサイト案件を受けたけど、コーディングに自信がないデザイナーさま
・HTML/CSSの基本はできるけど、アニメーションやWordPress化が苦手な方
・日々の業務で手一杯なコーダーさまのサポートとして
【 制作の流れ 】
① ヒアリング・お見積り
ご希望の機能・納品形式・スケジュール感など丁寧にご確認させていただきます。
② デザインデータのご共有(PSD/AI/XD/Figmaに対応)
静的HTMLまたはWordPress(オリジナルテーマ)での実装が可能です。
③ トップページの実装 → ご確認
④ 下層ページの実装 → 2〜3ページごとに進捗共有
⑤ テストサーバーにて全体確認 → 修正対応
⑥ 最終納品(zip形式 または サーバーへアップロード)
※サーバー納品の場合はFTP情報をご共有ください。
【 料金目安 】
トップページ(レスポンシブ対応):20,000円〜
※複雑なアニメーション・機能については別途お見積りいたします。
【 対応環境 】
PC:Chrome・Safari・Firefox・Edge(※Firefox・Edgeは擬似環境)
スマホ:主要ブラウザすべて対応
ご相談・お見積りは無料です。
「少し話を聞いてみたい」という方も、お気軽にご連絡ください!
【個人向け】品質にこだわる静的コーディング/WordPress構築を承ります
業務内容
\コーディングはお任せください/
ご覧いただきありがとうございます。
デザインカンプから高品質で静的サイトのコーディング、WordPressオリジナルテーマ構築を承ります。
親切丁寧に対応いたします。
まずはお気軽にご相談ください。
☆制作実績
URL: https://www.takucode322.online/products/
☆対応内容
・レスポンシブコーディング
・JavaScriptを使用しての動きの実装
(ハンバーガーメニュー、アコーディオン、モーダル、タブ切り替え、スムーススクロール)
・アニメーションの実装
・WordPressオリジナルテーマの実装
・サーバーへのアップロード
☆制作について
1ページから承ります。
下層ページ1ページだけ等も対応可能です。
☆価格
・静的サイト
TOPページ 15000円
下層ページ 5000円
・WordPress
TOPページ 20000円
下層ページ 7500円
☆価格に含まれる物
・Figma / XD / PhotoShopカンプからのコーディング
・レスポンシブ
・JavaScriptを使用しての動きの実装
(ハンバーガーメニュー、アコーディオン、モーダル、タブ切り替え、スムーススクロール)
・画像圧縮(WebP)
・サーバーへのアップロード(必要であれば)
※追加で対応可能な物
・アニメーションの実装
・CSS/JavaScriptのバンドル化
・画像のハッシュ化
☆納期
1ページで5日~となります。
ボリュームや実装内容により異なります。
またお急ぎ等ありましたら、ご相談の上柔軟に対応いたします。
☆スケジュール
①ご相談、お見積り
②デザインデータを確認
③コーディング
④テストサーバーでご確認いただきます(テストサーバーはこちらで用意いたします)
⑤修正あれば対応
⑥納品
【デザイナー様・制作会社様向け】高品質でスピード納品!コーディング代行を承ります
業務内容
本サービスをご覧いただきありがとうございます。
Web制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。
デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。
- コーディングのリソースが足りていない
- デザインを忠実に再現できるコーダーがいない
- 高度なアニメーションを実装してほしい
- 経験豊富なコーダーに対応してほしい
こういった方にお勧めのサービスです!
◆作業内容
・レスポンシブコーディング
┗ ブレイクポイント3つ + フレキシブルレイアウト
┗ Sass(SCSS)対応可能
・お問合せフォーム実装
┗ WordPressプラグインを使用(Contact Form 7, MW WP Form)
・WordPress化
┗ オリジナルテーマ制作
┗ カスタム投稿タイプ・カスタムフィールド等も対応可能
・CSS / JSアニメーション制作
┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能
これら以外にもご要望がありましたら、お気軽にご相談ください。
◆制作の流れ
①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。
私たちの強み
・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。
・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。
・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。
・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。
料金に関して
プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。
私たちの実績について
主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。
【HTML/CSS/JavaScript/WordPress】コーディング承ります
業務内容
はじめまして。
ご覧いただきありがとうございます!
当サービスでは、
FigmaやXDなどのデザインを元に、HTML/CSS/JavaScriptでのコーディングから、
WordPressのオリジナルテーマ制作・WordPress化・カスタマイズまで対応いたします。
PC/スマホ対応のレスポンシブ設計や、JavaScriptによる軽快なアニメーションの実装など、
使いやすく見た目も美しいWebサイトをお作りします。
対応可能な業務
HTML / CSS / JavaScript コーディング
JavaScriptによるUIアニメーション(スライダー・スクロール演出 など)
レスポンシブ対応(スマホ・タブレット)
WordPress オリジナルテーマ制作(1からのWP化)
既存テーマのカスタマイズ(デザイン反映や機能追加)
固定ページや投稿テンプレートの作成
カスタム投稿・カスタムフィールド対応(ACFなど)
※SEO対策(構造化データやメタ設定の最適化など)は対応しておりません。
対応可能なデザイン形式
・Figma
・Adobe XD
・Photoshop
納期の目安
LP(静的)コーディング:7〜10営業日
WPテーマ化:14〜30営業日(内容により変動)
アニメーション実装追加:+1〜3日
WPカスタマイズのみ:5〜7日(内容次第)
ご依頼の流れ
【ヒアリング・相談】ご要望やデザインの共有
【見積もり提示】金額・納期をご案内
【正式発注】ご同意後に着手
【制作・途中確認】進捗を共有しつつ対応
【納品・修正】修正があれば対応
【完了報告】
注意点
サーバー・ドメイン設定代行は別途料金がかかります(ご相談ください)
SEOの内部対策は行っておりません
高度なプラグイン開発や複雑なPHPロジックの開発は要相談です
【Web制作】HTML/CSSコーディングで理想のWebサイトを実現します
業務内容
あなたの想いを形にする、Web開発とデータ活用の頼れるパートナー!
このようなお悩みはありませんか?
Webサイトの改善、業務効率化、データ分析、LP制作
発注の流れ
お問い合わせ
お気軽にご相談ください。Webサイトの課題やご要望をお伺いします。
企画提案・お見積り
ヒアリング内容を元に、最適なプランとお見積もりをご提案します。
制作開始
ご契約後、速やかに制作を開始します。進捗状況は随時ご報告します。
納品・修正
完成したWebサイトやツールをご確認いただき、必要に応じて修正を行います。
対応範囲・価格
Webサイト コーディング:3万円〜
HTML/CSSコーディング:デザインデータからのコーディング、レスポンシブ対応も可能。5ページまで。
LP制作:5万円〜
ランディングページ制作:ターゲットに合わせたデザインと構成で、コンバージョン率アップを支援します。
業務効率化ツール:3万円〜
Excel/スプレッドシート効率化ツール:データ入力、集計、分析作業を自動化し、業務時間を大幅に削減します。
納期
要相談
制作の流れ
ヒアリング
お客様のWebサイトの課題やご要望を詳しくお伺いします。
企画・設計
ターゲットユーザーや競合サイトを分析し、最適な戦略を立案します。
制作
最新の技術を駆使し、高品質なWebサイトを制作します。
テスト・修正
完成したWebサイトをテスト環境でご確認いただきます。
納品・公開
本番環境へWebサイトを公開し、運用をサポートします。
サービス内容
Web開発(HTML/CSS/JavaScript)、LP制作、業務効率化ツール作成
WebサイトやLPの制作、業務効率化ツール作成でお困りではありませんか?
「Webの知識がない」「忙しくて手が回らない」
そんなお悩みを、プログラミング経験豊富な私が解決します!
HTML/CSS/JavaScriptでのコーディングはもちろん、LP制作や業務効率化ツール作成まで、あなたのビジネスを加速させるWebソリューションを提供します。
まずはお気軽にご相談ください。あなたの想いを形にするお手伝いをいたします。
【緊急案件もOK!】迅速なWEBコーディング代行を承ります
業務内容
こんなお悩みございませんか?
・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。
そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~
【サービス内容】
・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作
内容によってはご相談いただいた当日に納品することも可能です。
着手から納品までスムーズにご対応いたします。
【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。
「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。
私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。
些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。
~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~
【短納期もお任せください!】コーディング代行いたします
業務内容
<<<こんなお悩みございませんか?>>>
・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。
そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~
【サービス内容】
・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作
内容によってはご相談いただいた当日に納品することも可能です。
着手から納品までスムーズにご対応いたします。
【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。
「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。
私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。
些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。
~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~
売上UPに直結!高品質・高速納品メルマガコーディングを行います
業務内容
貴社のメールマーケティングを成功に導く、高品質なメルマガコーディングサービスを提供します。
🔳 コーディング範囲:
HTMLメールのコーディング全般(テキスト、画像、リンク、CTAボタンなど)
レスポンシブデザイン対応(PC、スマートフォン、タブレット最適化)
お客様ご提供のデザインカンプ(PSD, Figma, XDなど)に基づき忠実に再現
埋め込み要素(動画、SNSアイコンなど)への対応
🔳 単価・納品スピード:
・Pilot (初回限定): 2本まで無料
サービス品質と信頼関係構築のための期間です。
・安定期: 10,000円/本〜 (プランによる)
週5〜8本の安定した対応が可能です。
原則3営業日以内納品 をお約束します。緊急時は24時間以内の連絡・対応体制を構築しています。
🔳 テスト環境対応:
以下の主要環境での表示確認を行います。
・デスクトップクライアント: Outlook (Windows)
・ウェブメールクライアント: Gmail、Outlook.com
・モバイルアプリ: iOS Mail、Gmailアプリ、Samsung Email
(その他ご要望に応じた環境でのテストもご相談ください)
🔳 品質保証プロセス:
貴社のルールを遵守し、最高品質のメルマガを納品するための徹底した品質管理プロセスを導入しています。
① 要件確認: 詳細仕様の確認、疑問点の整理を行います。
② 実装: お客様のルールに基づき、最適なコードで実装します。
③ 内部チェック: シニアエンジニアによる厳格なコードレビューと品質確認を実施します。
④ テスト: AIを活用した自動テストに加え、複数環境・デバイスでの表示確認を徹底します。
⑤ 納品: 修正対応を含め、完成した成果物を提出します。
🔳 コミュニケーション体制:
日本語堪能なブリッジSEチームが、貴社との円滑なコミュニケーションを保証します。
・日本語対応: ブリッジエンジニア(日本語ネイティブレベル)が窓口となり、ニュアンスまで正確に共有します。
・連絡ツール: Slack, Teams, Chatwork, Email, 電話など、貴社のご希望に応じたツールで迅速に対応します。
・タイムゾーン活用: ベトナムとの時差(+2時間)を活かし、日本の営業時間外でも作業を進めることで、より高速な納品を実現します。
【最短即日!】スピード納品でコーディング代行いたします
業務内容
こんなお悩みございませんか?
・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。
そんな方はぜひ一度ご相談ください。
"必ず" 良いご提案ができます。
【サービス内容】
・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作
内容によってはご相談いただいた当日に納品することも可能です。
着手から納品までスムーズにご対応いたします。
【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。
「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。
私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。
些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。
迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。
ITアウトソーシング・3D設計対応 (Linux, Python, Java)ます
業務内容
ベトナムの優秀なITチームが、御社の課題を解決します!低コストで高品質、スピーディーなシステム開発をお約束します。
このようなお悩みはありませんか?
システム開発コストの削減、開発期間の短縮、品質の向上、日本語でのコミュニケーション不足
発注の流れ
お問い合わせ・ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。どんな些細なことでもお気軽にご相談ください。
企画提案・お見積もり
ヒアリング内容をもとに、最適なシステム構成や開発計画をご提案します。お見積もりも提示いたします。
ご契約
ご提案内容にご納得いただけましたら、ご契約となります。契約内容について詳しくご説明しますのでご安心ください。
開発
経験豊富なエンジニアチームが、迅速かつ丁寧に開発を進めます。進捗状況は随時ご報告いたします。
テスト・納品
開発完了後、システムが正常に動作するか、お客様と一緒にテストを行います。問題があれば迅速に対応します。
運用・保守サポート
納品後も、システムの安定稼働をサポートします。運用方法のご説明や、トラブル対応もお任せください。
対応範囲・価格
Webシステム開発:50万円〜
小規模なWebシステムの開発。例えば、シンプルな顧客管理システムや、社内向けの業務効率化ツールなど。
システム改修・保守:5万円〜
既存システムのバグ修正や機能改善。軽微な修正から、大規模な改修まで対応します。
Excelマクロ開発:3万円〜
Excelマクロの開発、VBAプログラミング。業務の自動化、効率化に貢献します。
Webサイト保守:3.5万円〜/月
Webサイトの保守、更新作業。コンテンツの追加、修正、デザインの変更など。
納期
要件定義後、最短1週間から
制作の流れ
要件定義
お客様からいただいた要件を詳細に分析し、具体的な仕様を決定します。不明な点は、お客様と綿密に連携を取りながら明確化します。
設計
決定した仕様に基づき、システムの設計を行います。最適なアーキテクチャを選定し、効率的な開発を目指します。
開発
設計書に基づき、プログラミングを行います。高品質なコードを心がけ、バグの少ないシステムを構築します。
テスト
開発したシステムが仕様通りに動作するか、徹底的にテストを行います。単体テスト、結合テスト、システムテストなど、多角的な視点から品質を評価します。
導入
テストをクリアしたシステムを、お客様の環境に導入します。スムーズな移行をサポートし、本番稼働まで責任を持って対応します。
サービス内容
ベトナムを拠点とするITアウトソーシングサービスを提供しています。Webシステム開発、ソフトウェア開発、アプリ開発、インフラ構築など、幅広いニーズに対応可能です。日本企業様向けに、低価格・短納期・高品質なサービスをご提供します。
「システム開発、何から始めたらいいかわからない…」「コストを抑えたいけど、品質も妥協したくない…」
そんなお悩みを抱えていませんか?
IT Globalは、ベトナムの優秀なエンジニアチームによる、高品質で低価格なシステム開発サービスを提供しています。
お客様のビジネスを成功に導くために、最適なITソリューションをご提案します。
まずはお気軽にご相談ください。御社の課題解決に向け、全力でサポートいたします!
ホームページ・LPコーディング、WordPress構築いたします
業務内容
ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは基本的に静的サイトのコーディングを行います。
WordPress構築も対応いたしますのでお気軽にご相談ください。
■本サービスはこんな方におすすめです
・コーダー不足で外注先を探している方
・WordPressが苦手
・WordPressが自分でできない
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など
■サービス内容
・デザインカンプからHTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装(ハンバーガーメニュー、スライダー等)
・お問い合わせフォームの実装
・WordPress構築
その他既存サイトの文言、軽微なデザインの修正、アニメーションの追加等
何でもご相談くだださい。
■納品までの流れ
1,ヒアリング、デザインや情報のご提供
2,お見積り
3,ご契約
4,着手開始
5,最終確認・修正
6,納品
7,プロジェクト完了
※報連相を徹底していますので細かく進捗状況はご報告させていただきます。
※納品前の修正は無制限でご納得いただくまで行います。
ここまでご覧いただきありがとうございます。
以下に私について記載させていただきましたのでぜひ、ご一読ください。
■経歴
オンラインスクール【デイトラ】にてWeb制作を学習し現在は卒業してWebコーダーとして活動しています。
2024.11 株式会社デイトラが実施する実務即応型の検定 コーディング実務検定に合格。
■スキル・可能業務
・HTML/CSSコーディング
・JavaScript(jQuery)を使用したアニメーション制作
・WordPress化(完全オリジナルテーマの制作/PHP対応)
・デザインカンプを忠実に再現
■制作実績
・LP×5本(ドロワー、スライダーとう基本アニメーション付き、レスポンシブ対応、)
・静的コーディングからWordPress構築
(トップページ+下層7ページ)(投稿系ページ、カスタム投稿1タイプずつ)(コンタクトフォーム設置プラグイン使用)
■仕事への姿勢
・迅速なレスポンスと報連相(報告・連絡・相談)を徹底し、円滑な業務進行に貢献いたします。
・報告・連絡・相談の徹底
・柔軟かつ誠実な対応
・ご要望を最大限実現する努力
お客様にとって価値ある成果を提供できるよう努めます。
よろしくお願いいたします。
HTML/CSSコーディング(下層ページ特化パッケージ)下層ページ展開します
業務内容
▼こんな方へオススメ
デザインはあるので、下層ページのコーディングだけお願いしたい
トップページは別で依頼済み or 自社で作成済み
テキスト中心のページで費用を抑えて実装したい
WordPressなどCMSのテンプレート用HTMLが必要
納期を守って丁寧に仕上げてくれるコーダーを探している
▼ご提供内容
下層ページのHTML+CSS(静的ページ)
スマホ対応(レスポンシブ対応)
コーディングルールに沿った実装(ご要望があれば事前に共有ください)
共通パーツの使い回し(ヘッダー・フッター等)にも柔軟に対応
シンプルなJavaScriptの動き(アコーディオン・スムーススクロール等)
▼ご購入後の流れ
ご相談・お見積もり(ページ内容・デザインを確認させていただきます)
必要なデータのご提出(画像・デザインデータ・テキストなど)
コーディング作業
納品(zip納品 or サーバーアップロード)
ご確認・修正対応(軽微な調整は料金内で対応します)
▼制作可能なジャンル
コーポレートサイトの会社概要/採用情報ページ
サービス紹介/製品紹介ページ
プライバシーポリシー、FAQ、404ページなどの静的ページ
スクール・教育機関・医療・飲料・EC関連など多業種実績あり
▼料金プランやオプション
オプション例
アコーディオン対応:無料(シンプルな構造の場合)
JSスライダー導入:+5,000円〜
※複数ページ・ボリュームディスカウントも可能です。ご相談ください。
▼納期
1〜2ページ:2〜4営業日
3ページ以上:要相談(スケジュール優先可能です)
ご不明点・ご相談はお気軽に「メッセージで相談する」よりお問い合わせください。
丁寧・確実にご対応いたします!
HTML+CSSコーディング代行|レスポンシブ対応・軽量マークアップします
業務内容
▼こんな方へオススメ
デザインデータはあるけれど、コーディングができない
更新しやすく、構造のしっかりしたコードで作ってほしい
デザインに忠実に再現してくれる信頼できるコーダーを探している
制作会社や代理店とスムーズにやり取りできる外注先を探している
▼ご提供内容
静的HTML+CSSで、PC・スマホ両対応のレスポンシブコーディングを行います。
SEOや表示速度、保守性も意識した構造・可読性重視のマークアップが得意です。
対応内容:
HTML5 / CSS3(Sass可)
レスポンシブ対応(SPはブレイクポイント指定対応可)
jQueryアニメーション(スライド・フェードなど)
ドロワーメニュー
ページトップボタン
スクロールアニメーション
フォーム(HTML側のみ / PHP設置別途)
画像最適化
▼ご購入後の流れ
ご依頼内容のヒアリング
デザインデータのご共有(Figma / XD / Photoshop / illustrator など)
ページ構成確認と正式お見積り
着手 → 中間確認(必要時)
納品(zipまたは指定サーバーアップロード対応可能)
納品後の軽微な修正1回まで無料対応
▼制作可能なジャンル
制作会社経由で多様な業種を対応しています。
ジャンルによる制限はなく、構造重視のコーディングでどんな業種にも対応可能です。
実績例:
医療・製薬系(医薬品LP)
飲料・食品メーカー(キャンペーンLP)
教育機関(専門学校、スクールサイト)
コーポレートサイト全般
健康食品ECサイト(MakeShop)
企業Q&A (Zendeskカスタマイズ)
CMS組み込み(Wordpressオリジナルテーマ・MovableType)
▼料金プランやオプション
🟨基本料金
種別 価格(税抜) 備考
トップページ(〜7,000px) ¥20,000 基本構成+レスポンシブ対応 長さ、ボリュームで変動
下層ページ(通常) 10,000円〜 / 1ページ ライバシーポリシーなどテキスト主体や、下層でも動きが多いページなどを考慮し変動
🛠オプション
内容 価格(税抜)
WordPress組み込み対応 ¥40,000〜
▼納期
トップページ:5営業日程度(構成や仕様により変動)
下層ページ:1〜2営業日程度/1P
特殊なレイアウトは別途ご相談ください
制作会社で7年以上の経験を持ち、数百ページ以上のコーディングを担当。
再利用性の高い、柔軟なHTML/CSS設計が得意です。
ご相談ベースでも大歓迎です。お気軽にご連絡ください!
【セキュリティ対策付き】高機能な各種フォーム作成いたします
業務内容
この度は当サービスにご関心をお寄せいただき、誠にありがとうございます。
当方では、セキュリティ対策を万全に施した安心・高品質な各種フォーム制作を承っております。
■対応可能なフォーム例
・お問い合わせフォーム
・会員登録フォーム
・アンケートフォーム
・資料請求フォーム
・見積りフォーム
・注文フォーム
・その他カスタマイズフォーム
■なぜセキュリティが重要なのか?
フォームはお客様の大切な個人情報を預かる場所です。
例えば、アドレス・お名前・住所など、万が一流出すれば
・信頼の失墜
・損害賠償リスク
といった大きな問題に発展しかねません。
「情報漏洩を防ぐこと」は、お客様との信頼関係を守る最初の一歩です。
■情報漏洩以外のリスクにも要注意!
フォームには情報漏洩以外にも、
・サイバー攻撃
・不正アクセス
・マルウェア感染
・データ改ざん・消失
といったリスクが潜んでいます。
だからこそ、SSL/TLSによる暗号化通信 + フォーム自体のセキュリティ対策が欠かせないのです。
■当方の強み
当方では、最新のセキュリティ要件を満たしたフォームを設計・構築。
安心・安全で使いやすいフォームをご提供します。
※表示価格は最低価格となっております。
■開発の流れ
1)ヒアリング(業務内容・目的・必要な機能を丁寧に伺います)
2)プラン提案・お見積り・スケジュール提示
4)システム開発・動作レビュー・修正対応
5)テスト環境での検証
6)本番納品・リリース完了!
■安心のアフターサポート
保守対応や機能改善のご提案も可能です(オプション)
※価格は基本料金です。ご要件に応じて金額・納期は変動いたします。まずはお気軽にご相談ください!
ご希望に合わせたシステム開発で、業務の効率化・サービスの品質向上をしっかりサポートいたします!
コーディング時間ゼロにしませんか?あなたのチームの一員になります
業務内容
ホームページ・LPのコーディングを代行いたします!
FigmaやXD、Illustratorなど各種デザインデータから、忠実かつ丁寧なHTML/CSSコーディングを行います。
⸻
🔧 対応内容
• HTML/CSSコーディング(静的ページ 1ページ)
• レスポンシブ対応(スマホ・タブレット最適化)
• Webフォント、画像最適化による表示速度の改善
• jQuery・CSSアニメーションの実装(オプション対応可)
• テストサーバーでの動作確認
• SEOを考慮した構造マークアップ
⸻
💡 こんな方におすすめです
• 「デザインに集中したいけど、コーディングに時間を取られてしまう」
• 「スムーズに意図を汲んでくれるコーダーを探している」
• 「信頼できる外注先を継続的にお願いしたい」
⸻
🚀 納期について
• 初稿は 最短5営業日 でご案内可能です。
• お急ぎ案件もスケジュール調整が可能な場合がございます。お気軽にご相談ください。
⸻
📦 納品形式
• ソースコード一式(zip形式)
• テストサーバーにアップロード
• ご指定のGitHubリポジトリ等への反映 など、柔軟に対応します
⸻
📝 ご依頼の流れ
- ヒアリング&お見積もり
ご要件を確認後、お見積もりと納期をご提案します。 - デザインデータのご提供
(対応形式:Figma / XD / Photoshop / Illustratorなど) - コーディング作業(テスト含む)
- 初稿のご確認&修正対応
- 最終確認・納品
⸻
📌 ご用意いただきたいもの
• デザインデータ一式
• 素材画像・文言(必要に応じて)
• サイトタイトル・説明文
⸻
丁寧・迅速・柔軟な対応を心がけております。
まずはメッセージから、お気軽にご相談ください!
アニメーション実装や表示速度高速化まで。高品質のLPコーディングを承ります
業務内容
デザインカンプを元にLPのコーディングを承ります。
- レスポンシブ対応
- デザイン完全再現
- 読み込み速度を考慮した実装
- アニメーション演出の実装
- スライダーやモーダル、アコーディオンなどのUI実装
など、ご希望どおりの仕様・デザインで実装をいたします。
【標準対応】
下記についてはオプション料金なしで対応いたします。
- レスポンシブ対応
- リソースの圧縮と読み込み最適化によるパフォーマンス対策
- スクロールに応じた要素の表示アニメーション
- 最新ブラウザでの表示チェック
HTML/CSS/JavaScriptで高品質なコーディングを代行します
業務内容
このページをご覧いただき、誠にありがとうございます。
はじめまして、Webコーダーの「ともひろ」と申します。
現在はフリーランスとして、HTML / CSS / JavaScript(jQuery・GSAP含む)を中心としたコーディング業務を行っております。
レスポンシブ対応(PC・スマホ)や、基本的なSEO対策も標準で対応いたします。
また、FigmaやXDなどのデザインデータをもとに、忠実かつ柔軟なコーディングを心がけています。
お客様との丁寧なコミュニケーションを大切にし、「親切・共感・提案」の姿勢で、“あと一歩先”のご提案と対応を目指しています。
修正対応や納期管理についても責任を持って進めさせていただきますので、初めての方もどうぞ安心してご相談ください。
【サービス内容】
・デザインデータからのHTML/CSSコーディング(静的ページ対応)
・JavaScriptによる動的実装(アニメーション、スライダーなど)
・HP・LPのWordPress化(別途オプション)
・GSAPなどを使ったアニメーション表現(プレミアム対応)
【料金目安】
・LPコーディング(1ページ):10,000円〜
・下層ページ追加:+5,000円〜
・JavaScript機能追加:+5,000円〜
※正式な金額は、デザイン内容・ページ数・機能に応じて個別にお見積もりいたします。
【料金に含まれる内容】
・HTML / CSS / JSコーディング
・レスポンシブ対応(PC / スマホ)
・修正対応(5回まで無料)
【納期について】
・目安:1週間〜
※ボリュームや機能に応じて柔軟に対応いたします。
※お急ぎの場合もご相談ください(オプションあり)。
【対応可能なデザインデータ】
・Figma
・Adobe XD
・Photoshop
・Illustrator
【納品形式】
・ZIP形式での納品
・FTP情報をいただければ、アップロード代行も可能です
丁寧さと提案力を大切に、「依頼してよかった」と思っていただける制作を目指して取り組んでおります。
どうぞお気軽にご相談ください。心よりお待ちしております。
【親切・提案・共感をモットー】LP/HPデザイン、責任を持ってコーディングします
業務内容
このページを見ていただき誠にありがとうございます。
はじめまして。「ともひろ」と申します。
「LP/HPのデザインはあるが、コーディングをお願いしたい」
「人手が足りないので、コーディングを委託したい」
そんな方々に是非コーディングをお任せいただけませんか?
現在、私はフリーランスとして、
HTML /CSS/Javascriptのコーディングを中心に活動をしています。
最後まで責任を持って対応させて頂きます。どうぞ宜しくお願い致します!
サービス内容
デザインデータからHTML/CSSを実装
必要に応じてHP/LPをWordPress化(別途料金となります。ご相談ください。)
基本料金
・トップページコーディング・・・・9,500円〜
下層ページ作成・・・・・ +5,000円〜
JavaScript実装・・・・・・・・・ +5,000円〜
※現在先着5名様に1ページコーディングを5,000円で提供するキャンペーンを実施中です。
料金に含まれるもの
・HTML / CSSコーディング
・レスポンシブ対応(PC, SP)
・修正(基本5回迄)
見積もりについて
デザインやボリューム感等お伝えいただき、御見積もりを迅速提出させて頂きます。
納期について
1週間~
※作業量によって異なります。
※余裕を持ってご依頼いただけますと幸いです。
対応データ
・figma
・Adobe XD
・Illustrator(.ai)
・Photoshop(.psd等画像データ)
納品形式
圧縮ファイル(ZIP)、FTPで納品・送付いたします。
親切・提案・共感をモットーにお客様の一歩前を提案できるよう、
全力で取り組みたいと思います。
是非、よろしくお願いいたします。
デザインを忠実に再現するコーディング、WordPressサイトの改修を代行いたします
業務内容
静的やWordPressサイトの改修、JavaScriptなどの実装を行います。
1万円という手軽な費用からお申し込みいただけます。(1万円の場合、修正箇所は3つまでとなります。詳しくはお問い合わせください。)
※ご購入前に、必ず無料見積もりをお願いいたします。
【ご購入いただいてからの流れ】
①無料相談
不要なトラブルを避けるため、ご購入前に必ずメッセージにて無料見積もりをお願いいたします。
↓
②ご納得いただけたら、ご購入
無料相談でご納得いただけたら、出品やオファーをご購入いただきます。
↓
③ヒアリング
認識のずれがないよう、ヒアリングで擦り合わせをいたします。
↓
④サイト改修後に提出、フィードバック
サイトを改修して提出しますので、ご確認をお願いいたします。
↓
⑤④を繰り返し、納品
④を繰り返し、完成したら納品いたします。
まずは、メッセージにてお気軽にお問い合わせください。
【実績】
※お手数ですが、先頭に「https://」をつけてご検索ください。
施工図屋さん様
sekouzu.jp/
納期厳守&誠実対応!安心・丁寧なコーディングをお届けします
業務内容
はじめまして。数あるサービスの中からご覧いただきありがとうございます!
【こんな方におすすめ】
・デザイン通りに忠実にコーディングしてほしい
・スマホ対応のサイトを作ってほしい
・ハンバーガーメニューやアニメーションを入れて動きを出したい
・WordPressで更新しやすいサイトにしたい
■ サービス内容
・HTML / CSS を使った静的コーディング
・jQueryによるアニメーション(ハンバーガーメニュー、スライダーなど)
・スマホ・タブレット対応(レスポンシブ対応)
・WordPressサイト構築(オリジナルテーマ、カスタム投稿等)
▶ デザインとの相違による修正は【無制限】で対応します!
納得いただけるまで責任を持って対応いたします。
※デザイン自体の変更は、別途料金が発生する場合があります。
■ コーディング料金目安(レスポンシブ・アニメーション込み)
・トップページ、LP:20,000円〜
・下層ページ:8,000円〜
・利用規約・プライバシーポリシーなどの簡易ページ:4,000円〜
※料金はページの長さやデザイン内容により変動します
※レスポンシブ対応は、PC・スマホ両方のデザインをご提供いただいた場合に限り追加料金なしで対応します
※コーディングは当方のルールに基づいて作業いたします
※詳細はお気軽にご相談ください
■ WordPress対応
・基本料金(オリジナルテーマ):30,000円〜
・カスタム投稿:10,000円〜
・お問い合わせフォーム実装:10,000円〜
・その他カスタマイズ:要相談
■ 無料対応オプション(ご希望の方はお伝えください)
・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン表示
■ 納期について
平均2〜3週間ほどを目安に対応しております。
お急ぎの場合も、できる限り柔軟に対応いたしますのでご相談ください。
※内容やボリュームにより納期は変動いたします。
■ 納品形式
・zipファイルでの納品
・またはサーバーへのアップロード(※FTP情報をご共有ください)
■ 制作の流れ
1.「見積もり・カスタマイズの相談」からご連絡ください
2.デザインデータの受け取り
3.コーディング作業
4.中間確認・修正対応
5.最終チェック・納品
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コーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
【制作会社様・Webデザイナー向け】HP・LPのコーディング代行します
業務内容
【制作内容】
HTML/CSSコーディングを行います。(レスポンシブデザイン対応可能)
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。
【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします!
2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。
3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。
4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。
【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。(こちらでSP用に調整いたします。)
【実績】
・不動産(賃貸・建売・売買どれも経験あり)
・中小企業(コーポレートサイト)
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント(イベントの応募や紹介なども可能)
など
HTMLとCSSでWEBサイト(LPなど)のコーディングをします
業務内容
LPなどの簡単な静的なサイトを作りたい方におすすめです。
デザイン案を受け取ります。
→
コーディング作業
→
問題ないかの確認・修正(2回ほど)
→
納品
コーディングのご依頼ならお任せください!WEBコーディングの代行を行います
業務内容
■ WEBコーディング代行サービス
コーディングのご依頼はプロにお任せください
Webサイト制作のコーディングを正確かつ迅速に対応します。
デザインデータからのコーディングはもちろん、
SEOやレスポンシブ対応も考慮した高品質なコーディングをご提供します。
■ サービス内容
・HTML/CSSコーディング
・JavaScriptの実装対応(必要に応じて)
・レスポンシブデザイン対応(スマホ・タブレット最適化)
・SEOを意識したマークアップ
・クロスブラウザチェックと動作確認
・既存サイトの修正・改善対応
■ こんな方におすすめ
・デザインデータはあるがコーディングができない方
・自社内でのコーディングリソースが不足している企業様
・品質の高いコードで安定したサイトを構築したい方
・納期を守りつつ正確な作業を求めている方
■ 本サービスの強み
・細部までこだわった丁寧なコーディング
・最新のWeb標準・技術に準拠
・SEOやUXを意識した設計で成果に貢献
・納期厳守でスムーズな進行を実現
■ ご依頼・ご相談について
コーディング業務の負担を軽減し、品質の高いWebサイト制作を実現します。
まずはデザインデータやご希望内容をお知らせください。
最適な対応プランをご提案いたします。
【制作会社/デザイン会社向け】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サイトを、真面目さと丁寧さで丁寧に作り上げます!
このようなお悩みはありませんか?
Webサイトの立ち上げ、改修、または機能追加で困っていませんか?予算が限られているけれど、信頼できる人に依頼したいと思っていませんか?
発注の流れ
お問い合わせ
メッセージにて、Webサイトの目的、デザインイメージ、必要な機能、納期などをお知らせください。
要件定義
詳細なヒアリングを行い、Webサイトの構成、デザイン、機能について具体的に決定します。
設計・開発
要件定義に基づき、Webサイトの設計・開発を行います。進捗状況は随時ご報告いたします。
ご確認・修正
完成したWebサイトをご確認いただき、必要に応じて修正を行います。
納品・サポート
最終確認後、納品となります。納品後も、簡単な修正やサポートは承ります。
対応範囲・価格
基本のWebページ作成:10,000円〜
HTML/CSSを使用したシンプルなWebページ作成。レスポンシブ対応も可能です。
JavaScriptによる機能追加:5,000円〜
JavaScriptを使用したWebページの動的機能実装(フォームのバリデーション、簡単なアニメーションなど)。
WordPressカスタマイズ:20,000円〜
WordPressのテーマカスタマイズ、テンプレートの修正など。既存サイトの改修も承ります。
納期
案件によります。お気軽にご相談ください。
制作の流れ
要件定義
お客様の要望を丁寧にヒアリングし、Webサイトの目的やターゲット層を明確にします。
設計
Webサイトの構成、デザイン、機能について、お客様と相談しながら決定します。
コーディング・開発
HTML/CSS、JavaScript、WordPressなどを使用して、Webサイトを構築します。
テスト・修正
完成したWebサイトをお客様に確認していただき、修正点があれば修正します。
納品・公開
Webサイトをサーバーにアップロードし、公開します。公開後も、簡単な修正やサポートは承ります。
サービス内容
Webサイト制作、改修、機能追加を低単価で承ります。HTML/CSS、JavaScript、WordPressに対応。真面目さと丁寧さで、お客様のWebサイトを丁寧に作り上げます。
Webサイトは企業の顔であり、集客の要です。しかし、初めてWebサイトを作る方や、予算が限られている方にとって、Webサイト制作はハードルが高いものです。
そんなあなたのために、Web制作を始めたばかりの私が、真面目さと丁寧さで、あなたのWebサイトを丁寧に作り上げます。実績作りのため、低単価にて対応いたしますので、お気軽にご相談ください。
「Webサイトを作りたいけど、どこに頼めばいいかわからない…」
「予算がないけど、ちゃんとしたWebサイトを作りたい…」
そんなお悩みを解決します!まずはメッセージにてご相談ください。
【初稿3~5で納品・レスポンシブ対応】1ページ20,000円からコーディングします
業務内容
■サービス内容
・コーディングのみ(※デザインは含みません)
・レスポンシブ対応
■納品形式
下記からお選びいただけます。
・HTML/CSSなどのファイル形式
・指定サーバーへのアップロード
■納品期間
・1ページ:初稿3~5日で納品可能
※レスポンシブ対応
■制作の流れ
①ヒアリング&打ち合わせ
②お見積り
③仮払い(購入)
④コーディング着手
⑤初稿確認
⑥調整・修正
⑦納品
■注意事項
・仮払い後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合
※納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。
WebサイトのHTML・CSSコーディング代行を承ります
業務内容
WebサイトのHTML・CSSコーディングを承ります。
既存サイトの更新や修正も安心してお任せください。
デザインの正確な再現性とメンテナンス性、
SEOに配慮したコーディングを強みとしています。
制作に関するご相談やお見積りは無料です。
お気軽にお問い合せください。
■ サービス内容
→レスポンシブコーディング
PC、スマートフォン、タブレットなど、
マルチデバイスに対応したWebサイトを構築します。
→インタラクティブな実装
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript(jQuery)、
ボタンhover時のインタラクションの実装はプランの費用に含まれます。
→ブラウザチェック
主要ブラウザ(Google Chrome / Mozilla Firefox / Safari / Microsoft Edge)の
最新バージョンで表示確認を行い、品質を保証します。
■ サービスの特徴
・PC版のデザインデータのみしかない場合でも、
こちらで最適なレスポンシブデザインに調整し、SP版を組むことが可能です。
■ 費用
・TOPページ:36,000円〜
・下層ページ:12,000円〜
・既存サイトの更新・修正:5,000円〜
■ ご依頼の流れ
まずはご相談フォームよりデザインデータや仕様など、
案件の詳細をお知らせください。
内容を確認し、お見積りさせていただきます。
■ 担当者について
事業会社と制作会社で多数のWebサイト制作・運用経験を持つ制作者が担当いたします。
現在はフリーランスとしてコーディングを中心に案件をお受けしていますが、
ページの画面設計からWebデザイン、WordPressの実装、
コアウェブバイタルのスコア改善、内部SEO対策なども対応可能です。
【デザイナー/制作会社向け】経験豊富なエンジニアが正しいHTMLをコーディングします
業務内容
デザイナー/制作会社様向けに、経験豊富なエンジニアがコーディングします。
ご提供を受けたデザインから、HTML、CSS、JSなどのコーディングを行います。
ZIPファイル、Github、またはサーバーへ直接公開など、ご希望の形で納品いたします。
当方では、デザインを忠実に再現し、美しく正しいコーディングを心がけています。
・コーディングの外注先を探している方
・コーディングの質を重要視する方
・技術的に可能かどうか迷っている方
ぜひご相談ください。
【ご依頼・制作の流れ】
①打ち合わせ〜お見積り
ご依頼内容を伺います。
サイトの概要、ページ数、スケジュール、ドメイン・サーバーの有無などお聞かせください。
サイトマップやワイヤーフレームがあるとスムーズです。
②デザインのご提供
デザインはフォトショップ、イラストレーター、XD、Figmaのいずれかでご提供ください。
・フォトショップの注意点
画像やイラストはスマートオブジェクトとして埋め込んでください。
・イラストレーターの注意点
WEB用の色空間(sRGB)、ピクセル寸法でお願いします。テキストはアウトライン前のものもご用意ください。
・その他
ご指定のフォントがある場合は、WEBフォントベンダー(Adobeフォント、Googleフォント、Type Square、Font Plus など)とフォント名をご指定ください。
PC用のデザインしかない場合でも、レスポンシブ対応はお任せでご依頼いただけます。
③コーディング開始
スケジュールに沿ってコーディングを行います。
ワードプレスの場合は、管理画面の構築〜オリジナルテーマの作成となります。
④プレビュー
プレビュー環境を用意し、ブラウザで本番同様にご確認いただけます。
*プレビュー環境は、サーバーの有無やご依頼内容により最適なものを提供します。
⑤納品・公開
納品前にはW3Cのバリデーションチェックを行っております。
(基本No Errorで納品していますが、外部連携など場合によりWarningかinfoレベルは許容範囲とします。)
また、公開時の設定(アナリティクスやサーチコンソール)も無料で対応可能です。
【無料サービス】
・レスポンシブ対応(スマホメニューも含む)
・スライドやアニメーション(複雑ではないもの)
・W3Cバリデーションチェック
・公開時設定(アナリティクス、サーチコンソール)
・レンタルサーバーの設定、ドメインの設定など軽微なサーバー作業
【ワードプレスについて】
規模や複雑さにより、管理画面構築に工数がかかる場合がありますので、事前にご相談ください。
【制作会社・デザイナー向け】WEBサイト・LPのコーディング代行承ります
業務内容
フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します! お気軽にご相談ください。
▼サービス内容
・HTML/CSSのコーディング(レスポンシブ対応)
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します!
▼料金表
・トップページ:20,000円~
・下層ページ:8,000円~
・LP:30,000円~
・お問い合わせフォーム(入力+確認+完了):10,000円
・WordPress化:20,000円
・WordPress カスタム投稿/カスタムフィールド:5,000円/1箇所につき
・アニメーションの実装:1,000円~5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください!
▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。
▼納期について
通常 1週間程度での初稿提出を目安としています。
(制作期間目安:TOPページ・LP3日ほど)
作業量により変動しますが、特急対応(24時間以内)も可能ですので、まずはご相談ください!
信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です!
コーポレートサイトやLPのコーディング業務、1ページより承ります
業務内容
コーポレートサイト・LPのコーディング業務承ります!
当サービスはこんな方にお勧めです。
・人手不足によりコーダーを探している制作会社およびwebディレクター様
・複数案件を手掛け、分業したいとお考えのwebデザイナー/LPデザイナー様
・その他、パートナーとなる質の高いコーダーをお探しの方
ぜひ皆様のお力になりたいです。お気軽にお声がけください。
【サービス内容】
お渡しいただいたデザインデータを元に、コーディングを行います。
◆ユーザビリティ、表示速度を意識したHTMLマークアップ
◆SCSS/BEM記法によるメンテナンス性の高いcss
◆レイアウト崩れのないレスポンシブ対応 (PC~TB~SP 柔軟なレイアウト調整)
◆jQueryによる定番の動的パーツ実装
【基本料金に含まれる内容】
・TOPページのコーディング
・jQueryによる定番の動的パーツ実装
※下層ページは別途料金がかかります。
【その他注意点】
◇IE(Internet Explorer)はサポート終了に伴い、対応外となります。
◇お客様都合によるデザインの修正は仕様変更とみなし、別途費用が発生しますのでご注意ください。
◇作業後のチェックを徹底しますが、コーディングに不備があった場合には、無償で修正します。
◇特別な理由なく3日以内にご返信いただけない場合は、制作途中であっても取引を終了させていただく可能性がございます。大変恐縮ですが、スムーズなやり取りにご協力をお願いします。
【デザインデータをお持ちの方】HTML/CSSのコーディング代行いたします
業務内容
ご覧いただきありがとうございます。初出品です。
ご用意いただいたデザインデータからHTML/CSS, JavaScriptを用いてコーディングします。
【納品までの流れ】
1. 相談・見積り(金額確定、納期目安等)
2. トークルームでやりとり(データの受け取りと確認、進捗報告、修正等)
3. zip形式で納品
【コーディング代行】納期厳守・丁寧対応◎ ホームページ・LPコーディングいたします
業務内容
初めまして♪ちいうさと申します。
この度は、数多くの中からご覧いただきありがとうございます。
〜こんなことお困りではないですか?〜
◉ コーディングの知識がなく、更新や修正ができずに困っている
◉ 修正や相談にすぐ対応してもらえず、不安になったことがある
◉ デザインデータはあるけれど、正しくコーディングできる人がいない
◉ スマホやタブレットでの見え方が崩れてしまう
◉ 表示速度が遅く、原因がわからない
◉ HTML/CSSの構造が複雑で、他社に依頼しても断られた
◉ SEOを意識したマークアップができていない
◉ 細かなアニメーションや動きを追加したいけど方法がわからない
◉ 他社に依頼したが、デザイン通りに仕上がらなかった
◉ コーディングだけを頼める人が見つからない
◉ 古いサイトをリニューアルしたいけれど、どこから手をつければいいかわからない
\まずはお気軽にご相談ください!/
▼お手伝いできること
◉コーディング
・ホームページ・LP
・レスポンシブ対応(PC版・スマホ版のどちらかのみでもOK)
・アニメーション(GSAPやjQueryを使用した動きの実装なども可能)
・既存Webサイトの改修など
他にも。。。
◉デザイン
・バナー・ヘッダー・サムネイル制作
・LP(ランディングページ)のデザイン
◉WordPress構築
・WordPressサイト構築:50,000円〜(テーマでの構築)
・WordPressサイト構築:100,000円〜(オリジナルテーマでの構築)
※詳細:トップページ+5ページ
▼対応可能な内容
・ホームページ・LP(ランディングページ)などのシングルページ制作
ページ数やコーディングの複雑さなどを踏まえて価格をお見積もりいたします。
お気軽にご相談の際に、デザインデータをご共有いただきますようお願いいたします。
デザインデータはFigmaを推奨しております。
▼納品までの流れ
1.お見積もり&ご相談/ご購入
2.作業開始
3.ご確認・修正
4.最終確認
5.納品(サーバーアップロードまたはzipファイルの送付)
▼納期
要相談(ページ数やコンテンツにより変動)
※ご相談は無料ですので、お問合せください。
▼購入にあたっての6つのお願い
1.ご購入前に必ず「見積もり・カスタマイズ相談」からご連絡をお願いいたします。
2.制作内容・用途・参考サイト等はできるだけ詳しくお知らせください。
3.ご返信・ご確認は、原則3日以内にお願いいたします。ご連絡が長期間ない場合は、やむを得ずトークルームをクローズさせていただくことがございますので、あらかじめご了承ください。
4.完成後の大幅な仕様変更は追加料金が発生する場合があります。
5.実績として制作物をポートフォリオ等に掲載させていただくことがあります。NGの場合は事前にお知らせくださいませ。
6.納品後の軽微な修正(文言や色の変更など)は、1週間以内であれば無償対応いたします。
▼事前にご用意いただくもの
1.デザインデータ【必須】完成データ
2.デザインに使用した画像やロゴ
※バナー・写真・アイコンなど、書き出しが必要な素材一式
3.フォント情報・使用してよいWebフォント指定
※商用利用可能なフォントか、Google Fonts など代替指定があると安心です
4.納品形式の希望方法
まずはお気軽にご相談ください♪
【制作会社様向け】カンプに忠実かつ迅速なコーディング代行をいたします
業務内容
【対応可能な業務範囲】
・HTML/CSS(Sass)コーディング
・JavaScript(jQuery)を用いたアニメーション実装
・お問い合わせフォーム設置
・その他スポット修正
【標準的なお見積り】
・トップページ:10,000円~ (5セクションまで)
・セクション追加:5,000円 / 1セクション
・下層ページ:5,000円~ / 1ページ
・静的LP:10,000円 / 10,000pxまで
(以降10,000px毎に5,000円)
・お問い合わせフォーム:5,000円
・スポット修正:ご相談ください
【納品までの流れ】
1.お見積もり/ご購入
2.デザインデータ等お預かり
3.コーディング作業開始
4. 当方のテスト環境にてご確認・修正
5.最終確認・納品(サーバーアップロードまたはzipファイルの送付)
【納期】
応相談。
7日を基本となりますが、内容により前後いたしますのでまずはご相談ください
HTML, CSS. JavaScript他、Webサイトの修正、改修、やります
業務内容
こんな方へおすすめ
・検索順位を上げたい。
・専任エンジニアが急用で仕事ができなくなった。
・人手が足りない。
・専任エンジニアが休暇に入ってしまった。
・バグやエラーが出てるけど修正する人材がいない。
持てる技術と知識を最大限に発揮し取り組ませて頂きます。
【スピード価格重視】LPのレスポンシブコーディングいたします
業務内容
サイト制作会社様やWebデザイナー様へ
ランディングページ(一枚ものページ)のコーディングを承ります。
こんな方におすすめです!
-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」
コーディングのお困りごとに丁寧に対応させて頂きます。
まずはご相談ください。
詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。
【納品までの流れ】
1.DM(ダイレクトメッセージ)をお送りください
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力してください。
2. 相談者様へ返信
送っていただいた内容について質問や回答をお送りさせていただきます。
3. 注文・仮払い
納得いただいた場合に注文をお願いします。
4. 製作開始
5. 納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。
6. 最終納品
納品日から3日間無制限に修正対応致します。
お客様にご用意いただくもの
◎コーディングを行うデザインデータ
購入にあたってのお願い
■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。
レスポンシブでデザインに忠実なコーディングをいたします
業務内容
ご覧いただきありがとうございます。
ホームページのコーディングをしております、ともゆきと申します。
デザインカンプからコーディングし、デザインを再現いたします。
デザインカンプを持っていてコーディングしてもらいたい!
コーダーを探しているデザイナーさん
などお気軽にお声がけください
【作業内容】
・HTMLにて静的サイトのコーディング
・WordPressにて動的サイトのコーディング
・レスポンシブ対応
・ハンバーガーメニューやアコーディオンなど簡単なアニメーションの実装
【制作の流れ】
・ヒアリング/お見積り(お気軽にご相談ください)
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
【納品前チェック】
・表示崩れ確認(320px~2560px)
・各ブラウザでの表示確認(Chrome、FireFox、Safari)
・ピクセルパーフェクトの確認
・問い合わせフォームの動作確認
・HTML及びCSS構文チェック(W3C)
・意図しない横スクロールは発生しないか
・誤字脱字がないか(テキスト比較ツール)
・JavaScriptの挙動確認・コンソールエラーの確認
最後に、私のポートフォリオに制作実績として掲載して良いという方はお値下げさせていただきます。
是非お気軽にご相談ください。
【高品質で迅速に!】ホームページのコーディング承ります
業務内容
ページをご覧いただきましてありがとうございます。
これまで制作会社様より受託をし、コーディングを行ってきました。
制作会社様との多数実績がございますので、安心してお任せいただければと思います。
コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください!
【作業内容】
HTML・CSSコーディング
js実装
【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品
Webサイトの修正・カスタマイズ・保守運用をいたします
業務内容
ご覧いただきありがとうございます。
既存のWebサイトで困っている方へ
修正、カスタマイズ、アニメーションの実装、保守運用などをいたします。
【基本サービス内容】
・HTML / CSS の修正、カスタマイズ
・jQueryやCSSアニメーション
【注意事項】
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます
まずは相談かメッセージでお気軽にお問い合わせください。
【3割引セール中】コーディング代行サービスであなたのアイデアを実現します
業務内容
この度は本サービスをご覧いただきありがとうございます。
サイト製作を主に行っているカツオと申します。
本サービスは静的サイトのコーディングを行います。
【基本サービス内容】(すべてのプラン共通)
・デザインデータからのコーディング
・各種必要なタグの埋め込み
・画像圧縮による表示スピードの改善
・テスト環境(サーバ)へのアップロードテスト
【プランの種類】
・ベーシック・・・TOPページのみコーディング(納品前のデザイン変更に伴う修正3回まで)
・スタンダード・・TOPページのみコーディング+レスポンシブ対応(納品前のデザイン変更に伴う修正3回まで)
・プレミアム・・・TOPページのみコーディング+レスポンシブ対応(納品前のデザイン変更に伴う修正回数無制限)
【オプションサービス】
・下層ページコーディング
・お問い合わせフォーム実装
・JavaScript、jQery、CSS等を用いたアニメーション
・縦幅超過分の課金
・実績として公開不可
【使用可能(経験)ツール・言語・フレームワーク】
・ツール
Figma、ChatGPT、Canva、GIMP
・言語、フレームワーク
html、css、Sass、JavaScript、php
【納品方法】
zipファイル
【表示確認】
納品前には下記ブラウザ全て(バージョンは最新)での表示確認も行い、どの環境でも問題なく閲覧できるWebサイトを制作します。
・WindowsPCでのChrome, Edge, Firefox
・MacPCでのSafari
・iPhoneでのSafari
※基本の動作確認対象は 375px ~ 1920px です。
その他の画面幅での対応が必要な場合は、別途お見積もりいたします。
低価格で高品質でLP(ランディングページ)コーディング業務承ります
業務内容
▼こんな方にお勧め
デザインはできるけどコーディングは任せたい
規模はそんなに大きくないからできるだけ費用を抑えたい
料金の見積もりが読めない…
▼ご提供内容
HTML/CSS/JavaScript(jQuery)を使用しての静的なサイトのコーディング業務(デザインは行っておりません)
作成物の規模で若干料金は変動してしまいますが、
ハンバーガーメニュー、スライダー、アコーディオンメニューなど動きのある部分も含めての料金です。
(何を、どんなものを導入したいかはわかる範囲でお知らせいただけると柔軟にご対応できるかとおもわれます。
テストアップのサーバー環境はこちらでご用意いたします。
↓以下のものはお客様の方でご準備お願いします。
・使用する画像
・デザインデータ (photoshop / Adobe XD / Figma / illustrator)
・有料フォント,有料画像など別途料金が発生するもの。
・レンタルサーバー、ドメイン
▼ご購入後の流れ
①情報収集
作成物に関しての詳細をお聞かせください。
(例:ページのボリューム、実装したいパーツ、納期など、また他に気になる点、気を付けてほしい点がありましたらその旨、お伝えいただければ柔軟に対応させていただきます。)
②制作開始
お客様から必要なデザインや画像をいただき、①ですり合わせた内容を含めた制作を開始させていただきます。
③修正
仕上がった制作物をテストアップいたしますので確認していただき、修正の有無のご指示をいただき、修正がある場合は修正対応させていただきます。
(この段階での修正回数には制限は特に設けませんが、回数、内容によってはお時間をいただく場合がございます。また、修正の範囲を変更に関しましては対応できない場合がございます。)
④納品
zip形式での納品、もしくはFTPソフトからのアップロード
⑤料金の確定・お支払い
なお、納品後2週間以内であれば簡単な修正も無料で承りますのでご安心ください。
▼料金
納期が2週間以上ゆとりのあるLPコーディングであれば一律で10000円(納期によって料金が変動いたします。)
(レスポンシブ対応、JavaScript(jQuery)を使用した動きのある部分、完成品の修正、完成後の修正など込々でのお値段です。)
▼納期
プランを選択するとともにご相談ください。
ただいま実績作りとしてお安くサービスを提供させていただいてます。
安かろう悪かろうではなく、一案件ごとに誠意をもって一球入魂で対応させていただきます。
ぜひ、この機会にご一考願えたらと思います。
【デザイナー様・ディレクター様】デザインに忠実&スピーディーにコーディングします
業務内容
■サービス内容
・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
(WordPressオリジナルテーマも可能)
■当サービスの特徴
・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。
・高品質な実装を行います
→コーディング後には(chrome、safari、firefox、edge)の各ブラウザにて表示崩れがないか等の品質チェックを行います。
・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。
・複雑なアニメーションも実装可能
→CSSアニメーション(GSAPライブラリ)を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。
・表示スピードを少しでも早く(脱jQuery)
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。
■全プラン無料の標準サービス
・レスポンシブ対応(スマホ対応)
・基本的なSEO対策
・クロスブラウザ対応(chrome、safari、firefox、edge)
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応
(以下、Wordpressを使用した場合)
・ブログ機能
・ブログ以外の投稿機能(カスタム投稿)
・簡単に更新できるテンプレート設置(カスタムフィールド)
・基本的なセキュリティ対策
■こんな方におすすめ
・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方
■私の強み
・コーディング歴5年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能
私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。
■制作の流れ
- ヒアリング
(※ZOOMでのオンラインミーティングも可能です) - お見積もり金額を提示
- デザインデータを共有、コーディング開始
- 完成品の確認・修正
- 最終確認、データ納品
- 完了報告からお支払いまでのお手続き
■具体的な納品物
・本番環境に公開(お客様の方でご用意いただいているサイトに公開いたします)
・ファイル納品(テーマファイルをZip形式に圧縮してお渡しいたします)
■過去の実績
・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP(下層ページ)
その他・・
■私の特徴
私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。
WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。
特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。
例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。
一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。
また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。
私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。
まずはお気軽にご相談ください。
お待ちしております。
デザインを忠実に再現! HP /LPコーディングを代行します
業務内容
ご覧いただきありがとうございます。
Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを1ページから承ります。
◼︎特徴
・ デザインを忠実に再現
・ メンテナンスを重視したシンプルなコーディング
・ SEOに配慮
◼︎プランの詳細
・HTML / CSS コーディング
・レスポンシブ対応
・内部SEO対策
・ハンバーガーメニュー、スライダーなどの基本的な動きの実装(javascript / jQuery)
・修正無制限(※仕様変更は別途費用がかかります)
※デザインデータはご支給ください。
◼︎ご予算・納期
各プランの価格・納期は目安です。ご要望により変動いたします。
まずはお問い合わせください。
◼︎制作の流れ
ヒアリング
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品
◼︎制作者について
Web等の広報媒体制作実績をもとに、迅速・柔軟・丁寧な対応を心がけています。
納品後のアフターフォローもお気軽にご相談ください。
HTML, CSS, JSを用いたコーディングをいたします
業務内容
▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」
▼サービス内容
- HTML, CSS, JSのコーディング
- サイトのWordPress化
- アニメーションの実装
▼ご用意いただくもの
- 各種デザインデータ
- テキストデータ
静的コーディング+WordPressオリジナルテーマ導入します
業務内容
デザインデータからHTML/CSS/Javascript(JQuery)コーディング+WordPressオリジナルテーマ導入を行います。
すでにあるデザインのコーディングを外注したい方におすすめです。
wordpressへの組み込みやお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望とのミスマッチを防ぐため、購入前に一度デザインをご提示していただくか、ご相談いただければと思います。
< 各プランに含まれる内容 >
・レスポンシブ対応(PCサイズ・スマホサイズでの表示変更など)
・3回まで無料修正
< ご依頼にあたり、ご準備いただくもの >
・デザインデータ(XD/Photoshop/Illustrator/Figmaなど)
※XD推奨
・画像データ(JPG・PNGなど)
・テキストデータ
< 納品までの流れ >
1.ヒアリング・お見積もり(無料)
- デザインデータ/画像データ/ テキストデータのご提供
- コーディング
- 初稿提出
- 修正(3回まで)
- 最終納品
< 納品方法 >
zipファイル
< 注意事項 >
・購入後のキャンセルはお断りさせていただいております。
・頂いたデザインデータのコーディング作業を開始してからの、大幅なデザイン修正は
お受けできませんので、ご了承ください。
物体検出のフリーソフトをWebアプリとして使えるようにします
業務内容
画像の中の物体の数や位置を検出できます。
学習済みモデルを使うと、「人」「乗り物」「犬猫」などが検出できます。
また任意の物体の画像を機械学習(転移学習)させることもでき、その物体を検出できるようになります。
使用法としては例えば、次の「人数カウンタ」のようなWebアプリを作成できます。
https://www.youtube.com/watch?v=lF_Cz2K_sVI
(クリックではなくURLをブラウザのアドレスバーへコピー貼り付けしてください)
ソフトにフリーライセンスで商用利用可能な「YOLOv3」を使用します。
任意の物体の画像の機械学習は、画像50枚程度から行えます。
ベーシック販売価格は、ソフトのインストールと、画像から物体の座標を返す基本的なAPI機能の実装費用となります。
それ以上の機能の実装や、任意の物体の画像の機械学習をご要望の場合は、1日作業費3万円(税別・Lancers手数料別)でお見積りさせていただきます。お気軽にご相談ください。
〇弊社AIのアピールポイント
Flaskでモデルをメモリに常駐させる手法です。Webのアクセスごとに大きなモデルが読み込まれることがないので、月額1,000円程度のサーバーでも比較的応答速度が速いです。
レスポンシブ対応で最適に表示されるHTMLメルマガを作ります
業務内容
HTMLメールはメルマガ配信ツールなどで、
簡単に作成することができますが、
CSSやVIEWPORT設定まで対応していないツールもあり、
端末やメールクライアントによって、文字化けや表示崩れを起こすケースが多いです。
PCだとOutlookやWindowsメール、
モバイルではAndroidなど対応していないCSSがほとんどです。
これではせっかく時間をかけてメールを作成しても、
メール内リンクからの回帰は望めません。
本サービスの3つの特徴
①メール到達率を改善
可能な限りファイルサイズを抑えることで
各社サーバーの原稿容量制限と画像容量制限をクリアし、
より多くのリードリストにメール配信を可能にします。
②開封率を改善
プリヘッダーテキストを使用し、
メール一覧画面に表示される冒頭文を
訴求効果の高いキャッチコピーに変更します。
③回帰率を改善
幅広い環境で快適に閲覧可能なメールから、
正常に表示されるCTAボタンにより、
リンククリック率を改善します。
▼制作の流れ
1.ご購入
2.当方より打ち合わせ日程のすり合わせ
3.簡単なワイヤーフレームを提出いたします。
4.問題が無ければ画像とロゴデータのURLをご教示ください。
5.納品 ※納品ファイルはHTMLファイルのソースコード形式となります。
【レスポンシブ対応】HTML、CSSでホームページやLPのコーディング承ります
業務内容
短納期でデザイン通りにコーディングします!
ご覧いただきありがとうございます。
弊社は中小企業様のホームページ制作を続けて創立20年以上の実績があり、Webサイトのコーディングは得意分野ですので、ぜひお任せください!
【営業時間】
平日 9:30~17:30 (休業日:土日、祝祭日、特定日)
■業務内容
デザインデータをご提供いただき、コーポレートサイト / LPのコーディングを代行します。
●サービス内容
・HTML / CSSを用いたコーディング
・レスポンシブ対応
・一般的なSEO対策
●対応範囲について
本パッケージはコーディングのみ対応となりますので、作業前に必ずデザインデータをご提示ください。デザイン制作をご希望の場合は別途お見積致しますのでご相談ください。
以下のような場合も別途お見積で対応可能ですのでお気軽にご相談ください。
・WordPressテーマへの組み込み
・お知らせ / ブログの構築
・お問い合わせフォームの設置
・Googleアナリティクスの開設、設置
●制作の流れ
①ヒアリング
ご購入前に料金表の「まずは相談する」よりお問い合わせ下さい。
ご希望をヒアリングした上でお見積をさせていただきます。
②デザインデータのお預かり
対応可能データ(Photoshop ・Illustrator・AdobeXD・Figma)
提供いただくデザインデータはPCサイズのみでも構いませんが、モバイル・タブレットサイズもデザイン通りに仕上げたい場合にはお送りください。
対応可能データ以外でのご入稿はご相談ください
③作業開始
実際にコーディング作業に入ります。
納期は作業開始からの日数でカウントします。出品サービス購入から必要な素材をご提供頂くまでの日数は含みませんので、ご了承ください。
④確認・修正
テスト環境にて仕上がりをご確認いただきます。
⑤納品
ファイル納品、またはご指定のサーバーへアップロードします。
ご不明な点がございましたら、お気軽にお問い合わせください。
【制作会社様・デザイナー様向け】HP・LPのHTML/CSSコーディング代行します
業務内容
数あるパッケージの中からご覧いただき、誠にありがとうございます。
個人事業(3年目)でコーディングとWordPress構築をメインに活動している「金杉 優希(かなすぎ ゆうき)」と申します。
現在、制作会社様やマーケティング会社様と継続的なお取引をさせていただいております。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
【参考テンプレート有】CRM用等のHTMLメルマガ作成致します
業務内容
【仕事の詳細】
●CRM用等のHTMLメルマガ作成となります。
自分でメルマガを作成できない、時間がない、どんなデザインにしていいか分からない等の方はぜひご連絡ください!
●テンプレートをご用意いたしますのでご使用したい画像や文章をお送りください。
または要望に沿って画像や文章をこちらでご用意する形でも大丈夫です。(こちらで用意する際は別途有料)
●実績参考例
オンラインショップの商品のメルマガ作成例
リフォーム会社のメルマガ作成例 等
●価格
・1本制作につき、10,000円
・画像、文章作成は追加料金(※内容は要相談)
・修正費用(※内容は要相談)
ランディングページ、ホームページコーディングの仕事を承ります
業務内容
-
カスタムデザイン
・お客様のブランドイメージに合わせたオリジナルデザインを提供。
・ユーザーエクスペリエンスを重視し、視覚的に魅力的なレイアウトを実現。 -
レスポンシブ対応
・スマートフォンやタブレットなど、すべてのデバイスで快適に閲覧可能なレスポンシブデザイン。
・検索エンジン最適化(SEO)にも配慮した設計。 -
WordPress統合
・WordPressを使用した簡単なコンテンツ管理を実現。
・お客様が自分でコンテンツを更新できるよう、使いやすいインターフェースを提供。 -
機能追加
・必要に応じて、プラグインの導入やカスタム機能の追加をサポート。
・お問い合わせフォームやギャラリー、ブログ機能など、目的に応じた機能を実装。 -
SEO対策
・検索エンジンでの上位表示を目指すための基本的な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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。