人気ランキング 期間:4月25日 〜 5月2日
【コーダーをお探しのデザイナー様へ】あなたのLPデザインをコーディングします
業務内容
コーディング依頼は"やしぼう"にお任せください!
サーバー周りの設定やクライアントワークのフォローまで柔軟に対応いたします!
サービスを閲覧いただきありがとうございます。
やしぼうと申します。
Webサイトのデザインデータをもとにコーディングを代行いたします。
◆作業内容
標準作業
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・JavaScriptを使用した動的実装
オプション
・写真素材準備
◆料金表
標準作業
・HTML/CSS/JavaScriptコーディング
・トップページ:33,000円
・下層ページ:11,000円/1ページ
オプション
・問い合わせフォーム制作:22,000円
・写真素材準備:5,500円/~5点
・WordPress構築:22,000円~
◆制作の流れ
1、ヒアリング&お見積り
2、デザインデータのご提供
3、コーディング(テスト含む)
4、ご確認・修正
5、最終確認・納品
※納品物はHTML/CSSを記述したテキストファイルを想定しています。
納品方法はご都合の良い手段で対応可能です。ヒアリング時にご相談ください。
◆納期
ページ数に応じて納期を決定させていただきます。
例えば、10ページ程度のWebサイトで2週間程度となります。
※具体的にはデザインデータを拝見した上で決定とさせてください。
ご希望の納期がある場合はご相談くださいませ。
※詳しくはお見積り時にご相談ください。
迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
HTML/CSSコーディングで簡単なホームページ作成します
業務内容
ご覧頂きありがとうございます。
HTML/CSSでホームページ作成いたします。
◆基本内容
HTML/CSSを用いた静的コーディングのみ
(イメージとしては、簡単なホームページ•部分的なコーディングです。)
◆その他のサービス内容
レスポンシブ対応
簡易的なお問合せフォーム作成
ハンバーガーメニュー
◆ご用意していただくもの
デザインカンプ
データ(会社概要/サービス内容/画像等)
◆制作の流れ
①ヒアリング、お見積り
②デザインデータ等お預かり
③コーディング
④ご確認、修正
⑤最終確認、納品
ご不明な点がございましたら、お気軽にお問合せください。
web制作10年のチームがホームページ・ランディングページのコーディングをします
業務内容
下請けを10年以上続けて制作をしているため、修正・保守しやすいコードを意識し、高品質なコーディングを致します!
・HTML/CSSを用いた静的コーディング※1
・jQueryを用いた動的機能の実装※2
・テスト環境でのチェック
・納品後3回までの無料修正
・画像圧縮によるサイトスピード高速化
※1)TOP・下層ページは 5,000px以上の長さの場合には1,000pxにつき1,000円の追加料金を頂いております。
ランディングページは、12000px以上の長さの場合1000pxにつき1000円追加料金が発生します。
※2) SPのメニュー表示・メインビジュアルの基本的なスライドショー
◆納期
簡単なものでしたら、デザインデータお預かりから3日ほどでの納品も可能です!
基本的には5〜7日を目安にお考えください。
◆ご用意いただくもの
・デザイン(XD、Photoshop、Illustrator など)
・画像素材
・テキスト
◆納品方法
zipファイル形式(サーバーアップロードも可)
◆ご購入前後の流れ
1、見積もり相談、ご購入
↓
2、デザインデータのお預かり
↓
3、コーディング
↓
4、テストサーバーにアップ
↓
5、ご確認・修正
↓
6、納品(zipファイル形式やサーバーへアップロード)
◆オプション
・5,000px以上のコーディング(1,000px追加ごと) : 1000円
サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください!
【高品質・低価格】HTML/CSS/WordPress/PHPコーディング致します
業務内容
私のサービスをご覧いただき誠にありがとうございます。
まずはお見積もりからお願いしております。
◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・WordPressサイトのコーディング
・WordPressへの機能実装(カスタム投稿・カスタマイザーの設定など)
※WordPressはカスタマイズによって別途費用がかかる場合がございます。
各パッケージの追加対応も可能ですので、ご相談ください。
◎ 制作内容 ◎
1ページから複数ページまで対応いたします。
◎ コーディング費用 ◎
・TOPページ:10,000円〜 / 1ページ
・下層ページ:10,000円 / 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
※簡単なハンバーガーメニューやスライダーは無料となります。
・WordPress-TOPページ:15,000円〜 / 1ページ
・WordPress-下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によって別途追加料金をいただく場合がございます。
※料金は全てレスポンシブ込みです。
◎ 無料対応範囲 ◎
・画像圧縮
・SEO対策のmetaタグ設置(内容はご提供お願いします。)
※WordPressの場合はプラグインを使用
・サーバーへのアップロード(FTP情報のご提供をお願いいたします。)、もしくはZipファイル
◎ 流れ ◎
コーディング内容の詳細をお聞かせください。
↓
納品日と金額をお伝えいたします。
↓
問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
↓
コーディング開始(必要な材料は受領済みの想定です)
↓
ご確認
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓
納品
※対応ブラウザは「Chrome・Edge・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
土日祝日の対応も可能です。
まずはご相談からお願いいたします!
宜しくお願い致します。
ウェブサイトの作成,HTML,CSSコーティングを専門にしています
業務内容
デザインがあるけど、コーディングはできない方やにはHTML ,CSSのコーティングでのサービスをご提供しています。個人事業主の方で広告にお金はかけられない方やウェブサイトは一任したい方などにもおすすめです。
お値段は基本料金になっていますので、ご相談もお受けいたします。
修正は2回までは無料で承ります。細かい修正は納期内で予定していますが、大きな修正に関しては追加で日程をいただく場合がございます。
サーバーサイドとの連携は致しかねます。お問い合わせフォームなどでの情報の集積が必要なものなどはお受けしておりません。
あくまでウェブサイトとして会社や店舗、サービスの周知を目的としたウェブサイトの作成を専門で行わせていただいております。
もちろん1ページではなく、ページの追加も承っております。複数ページの場合などもご相談ください。ご料金や納期はご相談させていただきます。
【Wordpress/HTML】コーディング、スピード対応いたします
業務内容
コーティング経験は7年ほどです。
html,Wordpressも問題なく対応可能、オリジナルテーマでのカスタマイズも可能です。
Wordpressでの投稿、複製による修正作業。
ホームページの不具合修正対応。
HTMLメールのコーディングを代行します
業務内容
数あるサービスの中から当ページをご覧いただきありがとうございます。
当方、以前MAツールの運用サポートに携わっており、主にメールマガジンの作成全般を担当しておりました。
その経験を、みなさまのお悩み解決に生かせれば幸いです。
どうぞよろしくお願いいたします。
【こんな方におすすめ】
・デザインは決めたいが、コーディングは外注したい
・HTMLエディタを使ってもコーディングに時間がかかる
・各メーラーでの表示チェックに使う手間を極力減らしたい
※One to Oneメールで差し込みやブロック出し分け用のタグが必要な場合も
対応可能な場合がありますので、まずはお気軽にご相談ください。
【サービス内容】
HTMLメールのコーディング
デザインデータからの画像素材作成
【納品までの流れ】
- ご依頼者様より頂いたデザインデータ、画像データを元にコーディングします。
プレミアムプランの場合は、併せて画像素材の作成も行います。 - 制作物をご確認いただき、必要に応じて修正を行います。
- 問題がなければ、正式に納品(zipファイル送付)となります。
デザインカンプからのコーディングからWordPress化までを提供します
業務内容
HTML/CSS/jQuery/JavaScriptを用いたコーディングや、WordPress化を提供します。
CSSについては、BEMを用いたCSS設計でコーディングをすることができます。
WordPress化については、カスタム投稿タイプ・カスタムフィールド・カスタムタクソノミーを用いて使いやすいサイト構築を行います。
リソースが足りない方へ。HTML&CSSのコーディングをします
業務内容
私はHTML&CSSのコーディングを専門とするフリーランスです。主にWebサイトやLPの制作において、デザイナーから提供されたデザインデータをもとに、HTML&CSSのコーディングを行います。
コーディングにおいては、Web標準に基づいたマークアップを心がけ、レスポンシブデザインにも対応します。また、必要に応じてJavaScriptを利用したアニメーションや動的なコンテンツの実装も可能です。
コーディングに際しては、クライアント企業の要望に合わせた細かい修正や改善提案を行い、高品質な成果物の提供に努めます。納品前には必ず動作確認を行い、クオリティーの向上に努めます。
実績として、Webサイトのトップページや商品ページ、LPなど、様々な案件に携わってきました。常に最新の技術トレンドを意識し、最高の品質とスピードで仕事を進めることを心がけています。
お気軽にご相談ください。
現役WebコーダーがCSS設計に基づいた、美しいコーディングをおこないます
業務内容
フリーランスでWebエンジニア、Webコンサルをしております、市川喬士と申します。
私のサービスに興味を持っていただき、ありがとうございます。
是非、以下ご確認ください。
▷最新の制作物はこちら(デモサイト)
http://takashi0520.html.xdomain.jp/demosite2/
また、制作物一覧はこちら
https://vanilla-fireplace-f3c.notion.site/5396253653fd4ad8ab074a7dec4cbdbf
【こんな方にオススメ!】
・コーディング作業が苦手なデザイナーの方
・デザインデータはあるが、コーダーが不足しているディレクターの方
・どのようなデザインにしたいかのイメージはあるが、それを制作することが困難な方
・外注先をお探しのweb制作会社の方
【費用に含まれているもの】
・Adobe Photoshop/XD/Figmaで作成されたデザインカンプからのHTML/CSSコーディング
・マルチ画面対応のコーディング
・jQuery & CSSアニメーション
・画像圧縮による表示速度最適化
・予測・再利用・保守・拡張を意識したCSS設計による、保守性の高いコーディング
・chrome、safari、Microsoft Edge、firefoxによる確認
【追加でご提供できること】
・HTML/CSSコーディングファイルのWordPress化
・JavaScript(jQuery)を用いた動的サイト(高度なもの)
・gsapによるアニメーション
・gulp環境下での制作
・貴社指定サーバーへのアップロード
・納品後の修正作業
・スピード納品(即日可)
・WordPressテーマを使用してのWebサイト制作
【納期】
時期により、少し変動はしますが、1ページあたり5日〜1週間で納品させていただきます。
ご希望の納期がある場合はご相談いただければ、可能な限り、対応いたします。
【スケジュール】
①ご相談・お見積り・スケジュール確認(無料)
②デザインデータを確認(Photoshop、XD、Figma)
③コーディング開始
④弊社テストサーバーにアップロード
⑤ご確認、修正
⑥納品(zipファイル納品・テストサーバーアップロード)
サービス提供前に、一度DMで詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)
顧客様の要望通りの成果物・プログラムをいち早く納品します
業務内容
発注に沿った成果物を納品するのはもちろん、細かいヒアリングを重ねることで想定以上のものをお渡しできるよう心がけております。
【品質重視】HP・LPのHTML/CSSコーディングをいたします
業務内容
【HTML・CSSのコーディング】
Webサイト、LPの、HTML・CSSコーディングいたします。
品質重視で対応させていただいております。
安心してご相談いただけるよう、丁寧なコミュニケーション、定期的な状況連絡を心がけておりますので、ご安心ください。
【おすすめの方】
・品質重視されている方
・デザイン会社様、デザイナー様、社内リソースが不足している制作会社様
・他の方へ依頼して、失敗された経験のある方
【料金目安】
・トップページコーディング :30,000円~
・下層ページ:10,000円~
・LPコーディング:40,000円~
【納期目安】
・ベーシック:作業開始から約3日後
・スタンダード:作業開始から約7日後
・プレミアム:作業開始から約10日後
提示価格や納期は、目安となります。
デザインやボリュームにより変動することもございますので、まずはお気軽にご相談ください。
最後まで責任もって、対応いたします。
単発ページから複数ページまでHTML/CSSコーディング代行いたします
業務内容
本サービスをご覧いただきありがとうございます。
こんな悩みを抱えていらっしゃる企業様、個人事業主様におすすめです。
-
コーディングができる外注先を探している企業様、個人事業主様
-
デザインはできるけどコーディングができない方
-
お問い合わせフォームだけを導入したい方
-
自分の作ったデザインをサイトにしてみたい方
【提供内容】
-
HTML/CSSを用いた静的ページのコーディング
-
レスポンシブ対応(デスクトップ、タブレット、スマホ対応)
-
jQueryなどを用いた動きのあるサイトの構築
-
お問い合わせフォーム
【制作フロー】
①ヒアリング
ご依頼内容の詳細をお聞かせください。
②お見積り
ヒアリングを基にお見積り、納品日をご提示します。
内容に納得いただけましたら、ご発注をお願いいたします。
③コーディング、初稿、修正
コーディング完了後、サイトの確認をお願いいたします。
ご納得いただけるまで修正対応いたします。(デザインにない修正には対応いたしかねます)
※ブラウザチェックはChrome/Edge/firefox、IPhone11(Safari/Chrome)にて行います。(Macでの確認は行っていません)
④納品
最終確認が完了次第、データ納品となります。
※納品方法について、ご指定が無ければZipにて納品いたします。
※お客様のサーバにアップロードも可能です。(別途費用発生)
ご相談・お見積もりのみでも問題ありません。
ご不明点等ございましたら、お気軽にお問い合わせください。
HTML,CSS,jQueryであなたのデザインをコーディングします
業務内容
サービス内容
ご覧頂きありがとうございます!
Hiyo_kumaと申します。
【サービス】
①静的ページコーティング(1ページ)
②レスポンシブ対応
既存のサイトをレスポンシブ対応させる事も可能です。
③アニメーション導入(jQuery)
スライダー、フェードイン、ハンバーガーメニュー等ご要望がございましたら、まずはご 相談ください。
【納期】
納期につきましては、ご依頼の際にご連絡をお願いします。
zip形式で1点、納品いたします。
【修正】
修正数は原則3回までとさせて頂きます。
随時、作業状況をご報告しながら進めさせてください。
お客様と密にコミュニケーションをとりながら進めさせていただきます。
まずは、お気軽にご相談ください!
【WordPress化も対応化】カンプをコーディングいたします
業務内容
【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします!】
この度は多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている小松 直正(こまつ なおまさ)と申します。
**【こんなお悩みのある方におすすめ 】
- WEBサイト制作を一括して受注して手が回らない
- 社内コーダーのリソースが足りなくなった
- コーディングを外注できるパートナーが欲しい
- すでにデザインはあるけどコーディングができない
単発のご依頼から長期の継続したご依頼まで、一つ一つのサイト制作を誠心誠意、丁寧に対応・コーディングいたします。
デザイナー様が制作した想いを形にいたします!
納品後1ヶ月のアフターサポートとして、テキスト変更や画像の差し替えなど軽微な修正は無償で承っております。
■ 作業内容
- 静的コーディング(HTML / CSS)
- Javascript / jQueryを用いたアニメーション
- レスポンシブ対応(スマホ / タブレット)
- Wordpress化 (追加オプションにてご案内しております)
-
■ ご相談から納品までの流れ
①ヒアリング
ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
お聞かせいただいた内容を基に対応の可否を判断させていただきます。
打ち合わせは、zoomまたはGoogle Meetにて行わせていただきます。
↓
②お見積もり・ご依頼
作業内容、納品予定日、お見積もりをご提示いたします。
こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
ご依頼となりましたらデザインデータと制作に必要な素材(写真、画像、ロゴ等)をご提供ください。
↓
③コーディング作業開始、初稿の提出
コーディングを開始し、完了次第初稿をご確認いただきます。
修正等がございましたら、都度迅速に対応させていただきます。
↓
④納品
ご確認いただきご依頼いただいた作業内容及びページに問題がなければ、ご依頼者様のご希望の方法にて納品させていただきます。
zipファイルやサーバーへのアップロードなど、ご希望をお知らせください。
納品後1ヶ月のアフターサポートをご提供しております。
テキストや画像の変更など、軽微な修正は無償で対応させていただきますので、ご要望がございましたらお気軽にご連絡ください。
表示確認の環境
・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari
当サービスの強み
土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。(ページ数や内容によります)
ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください!
デザインデータよりホームページやLPサイトのコーディングを承ります
業務内容
◆ご提供内容
・HTML/CSS/jQuery/JavaScriptを使ったコーディング
・保守・運用しやすいCSS設計
・Wordpressの導入、構築、オリジナルテーマでの制作
・細かい報連相
・gulpでの環境構築を使用
◆制作内容
・静的コーディング(1ページ〜)
・レスポンシブ対応
・アニメーションの実装(スライダー、スクロール、アコーディオン、ハンバーガーメニューなど)
・お問い合わせフォームの実装
・JavaScriptの機能を実装:5,000円~ / 1点
・お問合せフォームの設置:内容により別途お見積もり
・WordPress化:内容により別途お見積もり
※WordPressの設置に関しましては別途追加費用が発生いたします。
◆費用に関して
記載の金額は目安としてご検討くださいませ。
ご依頼頂くページ数や内容に応じて金額は変動いたします。
ご予算に応じて調整ができますので、まずはお気軽にご相談下さい。
◆ご購入の流れ
「見積もり・カスタマイズの相談に進む」にお進み頂き、
ご依頼の内容を詳しくご入力ください。
↓
納品日のおおよその日程と、追加でオプション等のご購入の必要がある場合ご案内いたします。
↓
お見積もりなどに問題がなければ、発注をお願いいたします。
画像やテキストなど、制作に使用する素材がある場合はお送りください。
↓
最終的な納期をお伝えし、サイト構築の作業を開始します。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正の対応をさせて頂きます。
最終チェックが完了の後、データをお渡しし納品となります。
格安でHTML/CSS,PHP,JSのwebページをコーディング代行します
業務内容
はじめまして。
ご覧いただきありがとうございます。
情報系の大学院でwebシステム開発を勉強しながら、フリーランスとして活動中です。
ランサーズでの実績がないため、自分のスキルアップも込めて格安で承ります。
【業務内容】※料金内容によって変化いたします。
・HTML / CSS / JavaScript / PHPコーディング
・webデザインの修正(1からのデザインであれば、オプションとして相談させていただきます。)
・レスポンシブ対応(PC, スマホ, タブレット)
・ハンバーガーメニュー,サイドメニュー
・PHP利用のフォームの実装
・その他、ご相談いただいた機能を可能な限り対応いたします。
【納期】
データ受取翌日からの日数となります。詳細な納期日程は機能次第で変わりますので、ご相談いただければと思います。
【データ受取の対応】
・PSD、AI、XD形式
【動作確認】
・Chrome, Safari
【納期方法】
・ファイルの送付
※ご要望があればご相談ください。
迅速・丁寧なコーディング代行!デザイン通りに納品いたします
業務内容
◾サービス内容
・HTML / CSS / jQuery を使ったコーディング
・保守、運用を考慮したCSS設計
・スピーディーかつ思いやりのある報連相
・gulpの環境構築
・gitでのコード管理
◾制作内容詳細
・静的コーディング(1ページ〜)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの設置(内容に応じて別途お見積り)
・jQueryによるアニメーション実装
・WordPress化:内容に応じて別途お見積り
◾サービス料金について
上記に記載してある金額はあくまでも目安となっております。
作成するページ数や案件内容に応じて金額は変動いたします。
ご予算に応じて調整できますので、お気軽にご相談ください!
◾納品までの流れ
「見積り・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションが有る場合ご案内いたします。
↓
お見積り・サービス内容に問題がなければ、ご発注ください。
その際にサイトのデザインデータ(XD、Figma、Photoshop、Illustrator)をお送りください。
また、デザインデータから書き出すことのできない素材(画像など)に関しても、お送りいただけますようお願いいたします。
↓
最終的な納品日を再度お伝えし、サイト構築を開始いたします。
↓
コーディング完了後、ご確認いただき3回までは無料修正対応いたします。
最終チェックが完了後、データ納品となります。
◾経歴
名古屋大学工学部にて機械系システムのプログラミングを学習。(現在学部4年生)
プログラミングスクール「デイトラ(Web制作コース)」を卒業。
現在のWebサイト制作会社にて、長期インターン生として実務経験を豊富に積んでおります。
「丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗報告、納期厳守」を
常に意識し、クライアント様を不安にさせません。
ご不明点がありましたら、お気軽にご連絡ください。
【経験を積むため低価格でご提供!】デザインデータから正確・丁寧にコーディング致します
業務内容
ご覧いただきありがとうございます(^^)
WEB制作でお仕事している、ぽなぞうと申します。
\《1Pあたり4000円以下!》実績を積むため、破格のお値段で迅速・丁寧なコーディングを致します/
今なら無料オプション付き!
【おすすめの方】
- デザインはあるがコーディングができない
- とにかく忙しくてコーディングを任せたい
- できるだけ安く仕上げたい
ご希望に対して真摯に対応いたします!
【サービス内容】
- デザインデータからHTML・CSSを使用したコーディング
【無料オプション】
- レスポンシブ対応(スマホ・タブレットに対応)
- 基本のSEO対策(HTMLタグ)
【有料オプション】
- 早期納品希望
- CSSアニメーション追加
- サーバーアップ
【スキル】
- HTML
- CSS(CSSアニメーション)
- Javascript(jQuery)
- Sass
- GIT
- CSS設計(BEM,FROCSS)
- WordPress
【納品までの流れ】
-
出品者へDM(ダイレクトメッセージ)を送信
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力していただきます。 -
出品者から相談者様へ返信
送っていただいた内容について質問や回答を行います。 -
注文・仮払い
納得いただいた場合に注文をお願いします。 -
製作開始
-
納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。 -
最終納品
【納品】
- html・css・jsファイルをzipでまとめて納品いたします
- サーバーへのアップロードをご希望の方は、オプションをご選択下さい。
【ポートフォリオサイト】
URLをコピペしてご確認ください。
個人ポートフォリオです。現在可能な制作物と、職歴についてご確認頂けます
業務内容
HTML、CSSを中心としたコーディング業務をさせて頂きます。
簡易な物であればjQuery実装も可能です。
現役Webコーダーがレスポンシブコーディングを代行いたします
業務内容
サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。
■こんな方にオススメです
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社
・コーダーのパートナーを探しているデザイナー
■基本料金に含まれるもの
・HTML/CSSコーディング
・レスポンシブ対応
・アフターフォロー(納品後1週間以内)
→納品後のテキストや画像の差し替えは無料
■基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応:10,000円
■納期
日中は本業をしており、空いた時間での作業となります。
その為、平日の1日2時間~3時間、土日の休みにまとまった時間で対応を行います。
稼働目安:1ページあたり約2~3営業日
■納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
■コメント
お客様のご意向に沿ったサイト制作ができるよう、こまめなコミュニケーションを心がけております。
任せてよかったと思えるような働きをさせていただきますので、どうぞよろしくお願いいたします。
元Web制作会社専属コーダーがWebサイトのコーディング代行します
業務内容
当パッケージをご覧いただきありがとうございます。
ランサーズ認定ランサーの縞野拓也と申します。
HP制作やLP制作を中心に、売上アップ・イメージアップ・ブランディング強化のサポートを行っております。
★ 2022 ランサーランキング パッケージ売上部門 TOP 100
★ 2022 ランサーランキング クライアント訪問数部門 TOP 100
★ Web制作件数200件以上突破
こんなお悩みはありませんか?
・デザインはあるから、コーディングを依頼したい
・安いのは嬉しいけど、デザインが再現できなそうで不安
・安心して任せられるコーダーに依頼したい
・納期を守りやりとりも円滑なコーダーでないと不安
上記のような悩みが1つでもある方は、ぜひご相談ください。
コーディングのみに限らず、普段からサイト設計やデザインも行なっているWeb制作者が綺麗なコードでデザインを忠実に再現します。
Web制作会社の継続的な下請けコーディング業務や自社コーダーのいないデザイン特化のWeb制作会社の専属コーダーなども経験しております。
当パッケージをご利用するメリット
・Web制作件数200件以上のプロがコーディング
・元Web制作会社専属コーダーがコーディング
・Figma / XD / Photoshop / Illustratorなど幅広いデザインツールに対応
・更新機能やその他必要な機能もカスタマイズ可能
・納品後もご希望に応じてサポート対応可能
・継続的にご依頼いただくデザイナー様やディレクター様など応相談可能
ご依頼・制作の流れ
①「まずは相談する(無料)」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正:コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品:データでの納品・サーバーへのアップなど対応させていただきます。
※デザインの内容や量によって費用の追加をお願いする可能性がございます。
html css php mysqlと基本的なものは高いですます
業務内容
ページレイアウトの設計:
クライアントの要望に基づいて、シンプルで使いやすいページレイアウトを設計します。
テンプレート選定とカスタマイズ:
クライアントのニーズに合ったテンプレートを選び、ロゴやカラーパレット、フォントなどをカスタマイズします。
必要なページの作成:
ホームページ、製品/サービス紹介ページ、お問い合わせページなど、クライアントが必要とするページを作成します。
画像の編集と配置:
提供された画像を必要なサイズに編集し、適切な場所に配置します。
テキストの編集とフォーマット:
クライアントが提供したテキストをウェブに適した形式に編集し、適切なフォーマットを施します。
ページのリンクとナビゲーションの設定:
ページ間のリンクやメニュー、ナビゲーションを設定し、ユーザーがサイト内を簡単に移動できるようにします。
レスポンシブデザインの実装:
簡易ページもスマートフォンやタブレットなど、異なるデバイスで適切に表示されるようにレスポンシブデザインを実装します。
SEO最適化:
サイトの検索エンジン最適化(SEO)を行い、検索結果での表示を向上させます。
ドメインとホスティングの設定:
クライアントの要望に基づいて、ドメインとホスティングの設定を行います。
基本的なトレーニングとサポート:
クライアントが簡易ページの管理や更新を行えるように、基本的なトレーニングとサポートを提供します。
実戦で学ぶ!現役エンジニアがChatGPTの活用法を徹底解説し教えます
業務内容
業務内容の概要
ターゲットクライアント: ChatGPTの活用方法について学びたいと考えている個人、ビジネスプロフェッショナル、および小規模企業。
解決する課題: ChatGPTの機能と応用方法に関する理解不足。これにより、その技術を自身の業務やプロジェクトに効果的に組み込む能力が制限されています。
提供するサービス: ChatGPTの基本操作から応用技術までをカバーするトレーニング、専門的な使用法のガイド、および個別の疑問に答えるサポート。
具体的な納品物と進め方
納品物:
詳細なChatGPT使用法ガイド
個別の疑問解決セッションのサマリー
進め方:
顧客のニーズを理解するための初期ミーティング
詳細な使用法ガイドの提供
継続的なフォローアップとサポート
自身の強みと経験
私はAIと自然言語処理の分野における豊富な経験を持ち、特にChatGPTの専門家として、多様な業界での実用的な応用を実現してきました。これらの経験を通じて、クライアントがChatGPTのポテンシャルを最大限に活用し、業務を効率化し、革新するための具体的な戦略を提供します。
このアプローチは、クライアントがChatGPTの技術を理解し、その利点を自身の業務に適用するための実践的な指導とサポートを提供することに重点を置いています。
【ホームページ・ランディングページ】コーディング案件承ります
業務内容
デザインデータからWebサイトのコーディング、WordPress制作・カスタマイズのサービスです。
◆ サービス内容
・静的コーディング
・LPコーディング
・WordPressコーディング(オリジナルテーマ)
・CSSアニメーション
・WordPressの実装(オリジナルテーマ制作 / カスタマイズ)
・WordPressのお問い合わせフォーム実装
◆ 基本料金内
・jQuery/JavaScriptの実装
・レスポンシブ対応
・画像圧縮による表示速度最適化(Webp対応あり)
・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・テスト環境のご用意
・修正無料
・アフターサポート
納品後14日以内のテキストや画像の差し替えなど、軽微な修正可能。
web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください。
◆ページ料金目安
・トップページ:30,000円~
・下層1ページ:10,000円~
・複製ページ:2,000円~
・LPコーディング:50,000円~
・WordPress実装:要相談
◆ こんな方におすすめ
・コーダー不足で外注先を探している方
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方
サービス運営者様、会社経営者様、個人などでも可能ですので
まずはお気軽にご相談ください。
◆ 製作の流れ
①ご相談・ヒアリング
②契約
ご相談の上、ご検討していただきお申し込みいただけたらと思います。
③制作開始
④ご確認・修正
⑤納品
1名様限定! HTML・CSSコーディング業務代行いたします
業務内容
サービス内容
ご覧いただきましてありがとうございます!
コーディング業務を承っておりますやすゆきと申します。
キャンペーン期間中!
1名様限定3,000円でご対応いたします!
【サービス内容】
・HTML、CSSを用いた静的コーディング
・レスポンシブ対応(PC、タブレット、スマートフォン)
・JavaScript(jQuery)を用いた簡易アニメーション
スライダー、スクロール、ハンバーガーメニュー
・各種SNS連携
・納品後1週間修正対応
【料金】
・TOPページコーディング:5,000円(5,000px目安)
・下層ページコーディング:3,000円(5,000px目安)
・レスポンシブ対応:基本無料(既存ホームページのレスポンシブ対応のみ:3,000円)
・アニメーション:基本無料(スライダー、スクロール、ハンバーガーメニュー以外のアニメーション1点:2,000円)
・サーバーアップロード:基本無料
※料金は目安となり、作業内容により前後する場合があります。
事前の相談により正確なお見積をいたします。
【納品までの流れ】
1.ヒアリング(「見積り・カスタマイズの相談」から業務内容のヒアリングをさせていただきます)
↓
2.お見積り
↓
3.ご契約
↓
4.デザインデータのご提供
↓
5.コーディング業務開始
↓
6.初稿提出(テストサーバーにてご確認いただきます)
↓
7.修正対応(無制限にてご対応いたします)
↓
8.納品(zipファイルでのデータ納品or指定サーバーへのアップロード)
【納期】
作業開始より7日を目安に納品いたします。
※構造により前後いたしますので「見積り・カスタマイズの相談」にてすり合わせさせていただきます。
購入にあたってのお願い
■お客様にご準備いただきたいもの
・デザインデータ(Figma・Photoshop・Illustrator・XD)
・書き出しできない画像やテキストデータ
【制作会社様・デザイナー様向け】デザインを正確にコーディングいたします
業務内容
ご覧いただきありがとうございます!
現在私はWEB制作フリーランスとして主にデザインカンプからのコーディングを行なっておりますとみーと申します。
本サービスはホームページやLPのコーディング代行サービスです。
LPのようなシングルページからコーポレートサイトのような複数ページ、オリジナルのWordPressサイト作成まで幅広く対応しております。
・社内リソースが足りずデザインのコーディングは全てお願いしたい
・デザインはできるがコーディングが苦手で時間がかかる
・ブログ更新があるのでWordPressで構築して欲しい
・デザインの世界観をアニメーションで幅広く表現したい
このような方には特にお役に立てるサービスとなっております。
特にJavaScriptを使用したアニメーションの実装を得意としております。
▪️当サービスの対応可能範囲
・HTML / CSS / JavaScriptを用いたコーディング
・レスポンシブ(スマホ対応)
・WordPress実装
・お問い合わせフォーム実装
▪️納期目安
1ページのみのLPサイトであれば1週間程(初稿の提出)で対応させていただきます。
▪️料金目安
LP : 30,000円 〜
複数ページサイト
Top 20,000円 〜
下層ページ 5,000円 〜
※初回ご依頼のお客様は半額で対応させていただきます。
※ご予算に応じて柔軟に対応させていただきますのでこの限りではございません。
▪️主な制作の流れ
①ヒアリング・お見積り・要件確認
②デザインデータ、画像等のご提示
③コーディング作業開始
④初稿提出・確認いただき修正があれば対応いたします
⑤納品
▪️納品方法
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)
どちらでも柔軟に対応させていただきます。
納品後の修正箇所があれば最後まで責任を持って対応させていただきます。
ご相談だけでも問題ございませんので、お気軽にお問い合わせください!
HTML/CSS/JavascriptのWebサイトをコーディングします
業務内容
ご覧いただきありがとうございます。あおきと申します。
都内のWeb制作会社でフロントエンドデベロッパー/ディレクターとして7年間勤務しておりました。2024年4月より独立し、アニメーション表現を軸にWebサイト制作をしています。
こちらは、お客様にいただいたデザインデータをもとにWebサイトの静的コーディングを代行するパッケージです。
まずは、デザインデータ(figma、xd、psd、ai)をお送りください。
お見積りさせていただきます。
こんなときもご相談ください!
- スマホデザインが完成していない…
- TOPのデザインはあるけど下層ページが完成していない…
- デザインはあるけどアニメーション演出の方向性が定まらない…
→デザインルールを踏襲して実装させていただきます。まずはご相談ください。
オプションで以下も対応可能です
- WordPress構築
- サイト全体のアニメーション演出
- canvasでの2Dアニメーション作成
ご依頼・制作の流れ
- 「まずは相談する(無料)」よりお問い合わせください。
- デザインのご共有:ご相談時はデザインが未完成でも問題ございません。
- デザイン確定:コーディングを開始します。
- ご確認・修正:必要に応じて対応いたします。
- ご納品:zipでの納品・サーバーへのアップなど対応いたします。
HPやLP等のHTML+CSS+JSコーディング代行します
業務内容
Web業界実務20年超のクリエイターがHTMLコーディングを行います。
コーディングの手伝いを探している方や、パートナーをお探しの業者様等への
コーディング代行サービスを提供しております。
■ 基本サービス【4月・5月・6月迄の特価対応中】
▶デザインデータ 10,000px 15,000円
▶デザインデータ 20,000px 30,000円
■ サービスに含まれるもの
・HTML/CSS コーディング
・レスポンシブ対応込(ブレークポイント2、基本的なカラムダウン)
・簡易JavaScript込(タブ切り替え、アコーディオン開閉 等)
・簡易アニメーション込(スクロール時の上下左右スライドイン)
■ オプション(別途御見積)
・デザイン高さ+2500pxにつき:4,000円
・Adpbe stock 画像使用5点以内:10,000円
■ 制作の流れ
① 「見積り・カスタマイズを相談する」よりご相談
② デザインデータ(ai/XD/Figma 等)お預かり
③ 御見積の提示
④ ご発注
⑤ コーディング作業
⑥ ご確認と修正・調整
⑦ 納品
■ 納品スケジュール
稼働状況により作業開始日および納品日は変動しますが、
完全フリーな稼働状況とした場合、以下が目安となります。
・デザインデータ換算で、最低でも6000px/1日ペースで制作
・トータル作業日数の+1日を確認・調整期間
例えば24000pxのデザイン・コーディング案件の場合、
作業日に24000/6000で4日、確認・調整期間に+1日とし、
合計5日が最短納品日となります。
※確認一発OK等の場合は確認調整期間の圧縮は可能です。
■ 納品方法
・トークルームにてzipファイルによる納品
購入にあたってのお願い
まずは「見積り・カスタマイズの相談」にてお気軽にご相談ください。
●ご要望に合わせてお見積りをいたしますので、完成したデザインデータを事前にご用意ください。対応するデザインデータは Illustorator AI、XD、Figma のテキストデータや画像素材データがそのまま取り出せる状態であることを条件とします。
●購入後の状態が事前情報と異なる場合や想定していた仕様と異なり作業内容が変わる場合はご相談の上追加料金をお願いする場合があります。
●作業完了報告後のこちらの不備以外の修正や変更は回数や内容により追加料金を頂きます。
●サービス開始後5日間以上お返事頂けない場合納品完了とさせて頂く場合がございますので、連絡が取れない事情がある場合は事前にお知らせください。
●サービス開始後はキャンセルできません。
3,000 円
今ならWP追加料金無し!元制作会社のエンジニアがあなたのデザインをコーディングします
業務内容
あなたのデザインのコーディングを代行いたします!
「デザインはできるけどコーディングはできない」
「忙しくてコーディングに手が回らない」
上記のようなお悩みを解決いたします。
■当サービスの強み
✔デザインの忠実な再現
デザインデータからキレイにコーディングいたします。当然レスポンシブ対応込みです。
また私自身Webデザイナーとしての経験もあるためPC版のデザインデータのみしかご用意がない場合でも、スマホ版のコーディングが可能です。
✔アニメーションの実装
フェードアニメーションやスライドアニメーション等のアニメーションを料金内で対応させて頂きます。
詳しくは下の「アニメーションについて」を御覧ください。そこに書いてないものでも簡単なものであれば料金内で対応可能ですのでご相談ください。
✔SEOを考慮したマークアップ
divやspanは極力使わず適切なタグを使い可能な限りSEOに配慮した構築を心がけております。
✔アクセシビリティの配慮
2024年4月に障害者差別解消法の改正法が施行され、今まで民間事業者では努力義務であった「合理的配慮の提供」が義務化されました。
デジタル庁の公開しているウェブアクセシビリティ導入ガイドブックに則り、WAI-ARIA等を利用して最大限アクセシビリティに配慮した構築を料金内でさせて頂きます。アクセシビリティに関しては複雑な部分も多く、私自身まだまだ勉強中のみなのでその点はご理解ください。
■対応可能データ
・Figma、Photoshop、Illustratorのいずれか
Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
■アニメーションについて
【料金内で対応可能】
・フェードアニメーション(表示領域に入ったら発火など)
・ホバーアニメーション
・スムーススクロール
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
■動作確認ブラウザ
・PC
Chrome、Firefox、Microsoft Edge、Safari
・スマホ
Safari、Chrome
※いずれも最新版です。
■納品までの流れ
①ヒアリング
②ご契約、仮払い
③制作開始
④確認・修正
⑤納品
■納品形式
ファイル送付、もしくはご指定のサーバーにアップロード
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【制作会社様、デザイナー様向け】デザインデータから、コーディングいたします
業務内容
【サービス内容】
HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。
〜 こんな方におすすめ 〜
・コーディングをお願いしたい制作会社様、デザイナー様
・忙しくて時間が割けないのでコーディングを代行したい方
【ご準備していただくもの 】
・デザインデータ(Photoshop・XD・figma)
・画像、動画、文章
【サービス内容 】
・HTML・CSSで静的サイトをコーディング
・レスポンシブ対応
・CSSやJavaScript(jQuery)を用いたアニメーションの実装
【納品までの流れ 】
①ヒアリング&お見積り(ご相談・スケジュール確認)
②デザインデーターお預かり
③作業開始
⑤ご確認・修正
⑥納品(zipファイル納品)
購入にあたってのお願い
【購入にあたってのお願い】
・頂いたデザインデータに沿って作業させて頂きますので、画像の本番化や途中でのレイアウト変更、仕様変更がある場合は別途お見積りとさせて頂きますので、トラブルを避ける為確定後のデザインデータをお送りください。
※クライアント様の都合上事前に修正等が必要とわかっている場合は、事前にお伝えください。
※コーディング着手後にデザイン変更があった場合、追加料金が発生する場合がございます。
・48時間以上ご連絡が途切れた場合はトークルームをクローズさせていただきますのでご了承ください。なおその場合のご返金は致しかねます。
・ コーディングのルールがございましたら事前にお知らせください。
・ Wordpress構築やカスタマイズの対応は行なっておりません。
HTML/CSSコーディングやWebデザインを請負いWebページ制作の一部を担います
業務内容
個人事業者やWEBが苦手な中小企業のご担当者様など、
コミュニケーションを取りながらホームページやSNS運用、
名刺作成やロゴ制作まで承ります。
Web申し込みフォームとZoho CRMを連携しデータが反映されるようにします
業務内容
■ 概要
Web申し込みフォームから送信されるデータを自動でZoho CRMに連携し、効率的な顧客管理を実現します!
■ こんな方におすすめ
・Zoho CRMを導入したけど、申し込みデータのCRM手動登録が手間になっている
・どの経路から登録された見込み客かをCRMから確認できるようにしたい
・Zoho CRMの導入に合わせて、新規フォームやLPを作成したい
■ 自己紹介
元エンジニア(4年)の現マーケター(7年)で、効率的なシステム設計だけでなく、集客目線での最適化も可能です。Web周りの知識が0でも安心いただけるよう、丁寧な説明を心がけています。
【自己紹介スライド】
https://docs.google.com/presentation/d/1wGt4RPbWEnXT65pcJTrpASkhot3c2wjiPmx8Wp8o9p4/edit#slide=id.p1
■ 備考
・Wordpressフォームへの実装も可能です。
・新規のWebフォームやLPを作成することも可能です。
・Zoho CRMの導入~運用コンサルティングも可能です。
・Webの経路情報として各種パラメータ(utm)を連携することも可能です。
■ 契約~対応までの流れ
1.事前のヒヤリング・ミーティング
2.見積提示
3.契約
4.要件整理
5.開発
6.納品
まずはお気軽にご相談ください!
【超速・最短即日】HTML/CSS LPコーディング代行します ます
業務内容
★★クオリティ・スピード重視のWeb制作、お任せください!(即日対応可)
コーディングを専門に行っておりまして、
コーディング歴は8年となり、大手企業(バンダイ様、ネスレ様、プジョー様)など400サイト以上の実績がございます。
★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい!
・素人や副業ではないプロのクオリティでコーディングしてほしい!
・すぐに連絡を取りたい!
・土日祝深夜問わず対応してほしい!
★★ご依頼の流れ
1.ヒアリング
コーディングの内容やスケジュールなどを確認させていただきます。
2.ご契約
上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
3.コーディングテストアップ
コーディングデータをご確認いただき、必要であれば修正等を行います。
4.納品
指定サーバへのアップロードまたはデータ送付を行います。
★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください!
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません!
依頼してよかった!そう思っていただける自信があります。ぜひご検討ください。
HP(ホームページ)やLP(ランディングページ)のコーディング承ります
業務内容
本サービスをご覧いただきありがとうございます。
本パッケージはWebサイトのコーディング、WordPress制作・カスタマイズのサービスとなっております。
▼こんな方におすすめ
①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手
このような方はぜひお任せください!
サービス運営者様、会社経営者様、個人様など幅広く対応しておりますので、まずはお気軽にご相談ください。
■サービス内容
【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・テストアップ後の修正作業 …etc
■納品までの流れ
①チャットやビデオ通話によるヒアリング(ご相談・スケジュール確認)
↓
②お見積もり提出
↓
③ご依頼(ご購入)
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦ご確認・修正対応
↓
⑧データ納品
■納期
デザインやページ数によって変動いたします。
正式な納品日は、デザインデータの確認後にお伝えします。
▶︎目安 LP=4日〜6日
HP=トップページ:4日
下層ページ. :1日〜2日
ご購入いただくにあたってのお願い
■ご用意いただきたいもの
・デザインデータ(XD、figma)(※1)
・画像素材 / 動画 / 文章(※2)
※1)レスポンシブ対応をご希望の場合は、事前にお伝えください。
※2)デザインデータから書き出せない画像・動画・文章などございましたら、事前にご用意ください。
【実績募集!】格安でHTML/CSSコーディングします
業務内容
こんな方におすすめ▼
お試し感覚で依頼をしてみたい方
ご提供内容▼
既存サイト、新規サイトのhtml/cssコーディングをいたします
価格▼
既存サイトの修正:¥10000
新規静的サイト:¥15000
CMS構築:¥20000
オプション▼
下層ページ+1枚:¥5000
手直し(3回目以降):¥1000/1回
申し込みから納品まで▼
お申し込み▶デザインファイル(XD, Figma, Photoshop, Illustrator)送信▶デザインファイル受け取り▶コーディング▶納品▶手直し(3回まで無料)▶完全版納品
HTML/CSSコーディング|レスポンシブ対応|確実・丁寧・安心をお届けします
業務内容
【サービス内容詳細】
・HTML/CSSコーディング
・レスポンシブ対応
・アニメーションの実装
・各種ブラウザの表示確認
・無制限の修正対応
・公開作業(zipで納品も可能です)
【本サービスの強み】
◼︎細部にこだわった丁寧な構築
→細部の設定を見逃さないため、基本的にピクセルパーフェクトでブラウザとデザインを重ね合わせて差異がないか確認をします。
デザインに応じてリキッドレイアウトや最適なブレイクポイントを選択し、どのブラウザで見てもズレのないよう構築します。
◼︎保守・運用を考慮したCSS設計
保守や運用をしやすいよう、命名規則はBEMをベースに柔軟性を持たせて設計しております。
SCSSで構築を行い、ページやパーツごとにディレクトリを分割・整理しております。
ページ追加の場合は、既存サイトの設計にあわせて構築いたします。
◼︎丁寧なコミュニケーション
リモートだからこそよりご安心いただけるよう、迅速なレスポンスや進捗の報告に加え、温かいコミュニケーションをこころがけております!
HTML、CSS(Sass)によるコーディングを行います
業務内容
ご閲覧いただきありがとうございます!
当サービスでは、ホームページを1万円〜、最短7日でご提供しております。
【サービス内容】
◾️HTML、CSSによるコーディング
◾️jQueryによるアニメーション(スムーススクロールやフェードインなどの簡易なもの)
◾️WordPress化
◾️レスポンシブ対応
◾️デザインの再現
◾️高速化処理(ファイルのサイズ圧縮)
【制作の流れ】
①見積もりのご依頼
②見積もりの提示
③サービスのご購入
④制作に必要なサーバー情報、デザインデータ(文章、画像データ含む)のご提出
⑤制作開始
⑥納品
■制作期間
必要データをご提供いただいてから最短7日で納品いたします。
※ページ数やデザイン・要件によってかかる日数は異なります。
■アフターサポート
納品後1週間は無償で修正対応させていただきます。
ご不明点等ございましたら、メッセージからお気軽にお問い合わせください!
【デザイナー様向け】デザインデータからHP/LPのコーディング代行します
業務内容
【LP / HPのコーディング代行をさせていただきます。】
「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」
そんな方のためのサービスです。
デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
(※Figma、XD、photoshop、どのデザインツールでも構いません。)
レスポンシブ対応込みです。
ご要望、ご意見、ご質問など、なんでもお申し付けください!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■当サービスの特徴
・デザインを忠実に再現
ーあなたの大事なデザインデータを綺麗に形にいたします。
ズレを最小限に抑えるように細かく調整をして、デザインを忠実に再現いたします。
・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。
・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
■ご契約後の流れ
-
事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。 -
仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。 -
制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。 -
初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。 -
納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
お客様のストレスが無いよう、即レス・即対応を心がけております。
只今、実績積み上げ中ですが、だからこそ1つのお仕事に責任を持って誠心誠意対応いたします。
気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします!
【先着5名様限定価格】HTML/CSS/Javascript コーディング代行します
業務内容
【1ページ30,000円→15,000円】ランサーズ出品記念として先着5名様で半額キャンペーン実施中!
本サービスをご覧いただきありがとうございます。
Webサイトデザインのコーディング代行サービスを提供しております。
手軽にウェブサイトを作りたい方、制作会社様、フリーランスのWebデザイナー様におすすめです。
✅デザインはできるけれども、コーディングができない。
✅デザインを忠実に再現してほしい。
✅スマホ用デザインを制作する時間がない…。でもレスポンシブに対応してほしい。
こうしたお悩みにお答えし、あなたに最適なプランで問題解決を実現いたします。
サービス内容
- HTML/CSSコーディング
- レスポンシブ対応
- 簡単なjQuery/JavaScriptのアニメーションの実装(2つまで)※1
- テスト環境のご用意
- 納品前の確認作業
※1 簡単なアニメーションの範囲(2つまで)
→ハンバーガー・アコーディオンメニュー / スムーススクロール / ホバーアニメーション / TOPへ戻るボタン / スライダー
納品までの流れ
1. 出品者へDM(ダイレクトメッセージ)で連絡
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容、ご質問等をお送りください。
2. 出品者から相談者様へ返信
送っていただいた内容について回答・質問を行います。
3. 注文・仮払い
納得いただいた場合に注文をお願いします。
4. 制作開始
5. 納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。
6. 最終納品
納品日から3日間無制限に修正対応致します。
料金
- トップページ・LPのコーディング:¥15,000〜 【先着5名様限定価格】
- 下層ページのコーディング:¥15,000〜/ページ 【先着5名様限定価格】
- 複雑なアニメーションの実装:¥5,000円/1機能
- WordPress化:¥10,000円/ページ
- カスタム投稿タイプなど更新機能の追加:¥15,000円~
- お問い合わせフォームの実装:¥5,000円
※縦5,000px以上の場合、1,000pxごとに1,000円が追加料金となります。
対応可能データ
PSD、AI、XD、Figmaのいずれか
その他データをご希望の場合はご相談ください。
納品形式
ファイル送付、またはご指定いただいたサーバーへのアップロード
納期について
標準納期は、「デザインデータ受領から」10日となります(ベーシックプランの場合)
サービス購入からデータのご提供までの日数は、納期には含まれておりませんので、予めご了承ください。
【デザイナー様・個人事業者様向け】HP・LPのコーディングを代行いたします
業務内容
はじめまして。
Webエンジニアの こん と申します。
当サービスをご覧いただき、誠にありがとうございます。
・忙しいので、コーディングは外注したい。
・丁寧でデザインに忠実なコーディングをして欲しい。
・基本的なSEO対策をしたい。
・デザインはできるけど、コーディングは外注したい。
ひとつでも当てはまる方、お気軽にご相談ください。
ホームページ制作に詳しくなくても大丈夫です。
一緒にあなたの理想のホームページを作り上げていきましょう。
【サービス内容】
・HTML/CSS/Sassコーディング
・JavaScript(jQuery)を用いた、アニメーションの実装
【無料オプション】
・一般的なSEO対策
・レスポンシブ化(スマホ・タブレット対応)
・表示速度の高速化のための画像圧縮
・地図・YouTube動画の埋め込み
・簡単なアニメーションの実装(内容は、コーダーに一任していただきます。)
【有料オプション】
・お問い合わせフォーム¥2,000~
・1ページ追加¥8,000
【サービスの流れ】
①見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。
②納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
③お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
④最終的な納品日をお伝えし、サイト構築開始。
⑤コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。
ご相談、お見積りのみでも構いませんので、お気軽にお問い合わせください!
【購入にあたってのお願い】
クライアント様に適したサービスを提供するために、契約前に相談いただくことをお勧めしております。
デザインカンプからコーディング、サイトの制作を致します
業務内容
デザインカンプ(AdobeXD、figma)からコーディング致します。
▼こんな方にオススメ
・なるべく費用を安めに済ませたい方。
・安いからといってあまり妥協したくない方。
・そこまで急いでない方
▼使用スキル
・HTML/CSS
・Sass
・Gulp
・Javascript
・Jquery
・PHP
・Wordpress
▼制作の流れ
デザインカンプを送っていただいてから制作スタートと致します。
キリの良いところ(1ページの完成、レスポンシブの対応等)まで制作しましたら、
随時報告致しますので確認お願いします。
納品ですが、圧縮ファイルにして納品いたします。
HTML/CSS、JavaScriptを使ったホームページ作成をお受けしております
業務内容
閲覧いただきありがとうございます!
webサイト制作のコーディング、プログラミング、wordpress構築を承っております!
まずはお見積もりからお願いしております。
▼こんな方へオススメ
「デザインはあるからコーディングをお願いしたい。」
「LP(ランディングページ)のコーディングの作成をお願いしたい。」
「Wordpressで作ってほしい。(その際、お知らせ欄やブログ欄は自分たちで更新できるようにしてほしい)」
などのお悩み解決します!
▼ご提供内容
・HTMLの静的ページのコーディング
・JavaScript、gsapを使用した動きの表現
(スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど)
・WordPressサイトのコーディング
・WordPressへの機能実装(カスタム投稿など)
※WordPressはカスタマイズによって別途費用がかかる場合がございます。
※デザインによって金額は変動いたします。
※料金は全てレスポンシブ込みです。
▼ご購入後の流れ
①コーディング内容の詳細をお聞かせください。
↓
②納品日と金額をお伝えいたします。
↓
③問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
↓
④コーディング開始
↓
⑤ご確認
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓
⑥納品(サーバーへのアップ・もしくはファイルの送付)
※対応ブラウザは「Chrome・Edge・Firefox・Safari」としています。
※端末確認はPC(windows、macbook)、タブレット(ipad)、スマートフォン(iphone)としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
お急ぎの場合のみ、土祝日の対応可能ですのでご相談ください。(日曜対応不可)
宜しくお願い致します。
WEB標準に準拠したHTML・CSS・JSコーディングします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。
【制作会社様・デザイナー様向け!】デザインカンプからコーディング代行をいたします
業務内容
この度はパッケージをご覧いただき、誠にありがとうございます。
デザイナー様向けに、デザインカンプから、コーディングを承ります。
サイト利用者がわかりやすい、使いやすいサイトの構築を目指しております。
責任を持って、大切なサイトをお作りいたします。
▼ こんな方におすすめ
- コーディングする、リソースがない
- デザインだけに集中したい
▼ スタンダードプラン・プレミアムプランに共通で含まれるもの
- レスポンシブ対応のサイト
- お問い合わせフォーム
- 簡単なアニメーション
・ハンバーガーメニュー
・ふわっと出てくる
・スライダー
・アコーディオン - 修正無償
▼ お問い合わせから制作の流れ
①提供予定のデザインをもとに打ち合わせ
基本はチャットでのやり取りで、必要であればビデオ通話を使用する予定です。
その後、正式なお見積もり金額を提示いたします。
②仮払い
お見積り金額にご了承いただけましたら、ご契約とさせていただきます。仮払いをしていただきます。
③素材の提供
対応可能なツール
・Figma
・XD
・Photoshop
・Illustrator
④制作開始
⑤初稿提出・修正
テスト環境のURLをお伝えいたしますので、そちらからご確認をお願いいたします。
⑥本番環境にアップロード、納品
FTPでの納品か、zip形式のファイルでの納品になります。
ランディングページを製作します。レスポンシブ対応可!ます
業務内容
◆おすすめの方
・ランディングページを新規作成する方
・既存のランディングページが古くなったので新しいデザインにリフォームしたい方
◆製作の流れ
① ランディングページのコンテンツやデザインの雰囲気を相談して決定します。
(ご希望の雰囲気やデザインのサイトがございましたら事前にお知らせください。)
②デザインのたたき台を作成します。※修正は2回までになります
(たたき台を作成後はデザインを大きく変更することはできません。カラー変更・画像の差し替え・テキストの追加/修正は対応可能です。その他の変更はご相談ください。)
③デザインにOK頂けましたらコーディング作業に入ります。
④テストサーバーにアップしたサイトをチェックし、納品となります。
中小企業の皆様のイメージアップや効果的な告知のために、また痒いところに手がとどくようなサービスを提供できるように、日々尽力しております。
新規サイトやリニューアルなど、業種を問わず幅広い制作実績がございます。
まずはお気軽にご相談ください。
HTML/CSS/JavaScriptを用いたコーディングをさせていただきます
業務内容
初めまして。ご覧いただきありがとうございます。
WEB制作、プログラミング、コーディングを行っているmeteoと申します。
参考として作成したLPを添付しています。
以下prです。
■実績・得意
店舗のLP・HP
■稼働可能時間
朝8時から夜8時
土・日曜日は状況により連絡が遅れる場合がございますが、連絡を頂いた場合少なくとも1日以内には返信いたします。
■アピールポイント
シンプルで迅速なコーディングを心がけています。
クライアント様の意向に忠実に沿えるよう、必要に応じて報告、連絡、相談をさせていただきます。
気になることがございましたら連絡いただければすぐに対応いたします。
【WordPress】LPやWebサイトの制作、コーディングを致します
業務内容
業務内容
ビジネスの玄関であるホームページの作成を行います。1ページのWebサイトから複数ページのWebサイト、WordPressサイトまで幅広いコーディングを行います。できる限り短時間で低価格で対応したいと思います。デザインの変更などに柔軟に対応していきます。作成するサイトすべてはレスポンシブ対応となっています。
※コーディングのみでデザインは行いません。
-----ポートフォリオ-----
ユーザー名、パスワード:user01
上記のユーザー名とパスワードを入力しないと見れません。
※用意されたデザインカンプからのコーディングです。会社名などはすべて架空のものです。
WordPressサイト
https://chikisite.com/
HTML,CSSコーディングのサイト
https://chikisite.conohawing.com/BORCELLE/
https://chikisite.conohawing.com/ishiikadan/
https://chikisite.conohawing.com/ishiiclinic/
https://chikisite.conohawing.com/yourcoding/
一言
お客様が満足いくWebサイトのコーディングを行いますのでどうぞよろしくお願いします!
【法人・個人】HP・LPのコーディングを低価格、高品質で行います
業務内容
はじめまして。タケと申します!
突然ですが、初めてのご依頼ってご不安ですよね?
・きちんと納品されるのだろうか。
・意思疎通がスムーズにとれるのか。
・制作物のクオリティは問題がないかのだろうか。
ぜひ、私にお任せください!
私自身、個人情報を取り扱うお仕事でチームリーダーをしております。
お客様アンケートでお客様満足度を課内で1位を取ることができ部長表彰をいただいた経験があるため、お客様のご不安に思われる点、信頼していただける点は深く理解をしております。
案件管理や作業内容報告はもちろんのこと、ヒアリングから納品までしっかり行わせていただきます!
具体的には、、
・要件確認
・デザイン確認
・納期の確認
・進行スケジュールに沿った適宜報告
・即返信
・20項目以上の品質チェック
・納品後の1ヶ月修正アフターケア付き
【想い】
自分自身の手に職を付けて、世の中に貢献したい。そんな想いから始まりました。様々な経験をもとに自分に合うものを探し約10年かかって、このお仕事に出会いました。そして、今時間を忘れるほど楽しく活動させて頂いております。
ご依頼者様のご意向に寄り添ったお仕事をさせて頂きますので、よろしくお願い致します。
【制作実績】
ID : takeAo Pass : take1234
①カフェサイトのコーディング(サンプル)
https://open-cafe.takeyan-blog.com
②コーポレートサイトのコーディング(サンプル)
https://code-ups.takeyan-blog.com
③Restaurant Yuu様のコーディング
https://restaurant.takeyan-blog.com
④LPコーディング(サンプル)
http://corp-lp.takeyan-blog.com
【やり取りの流れ】
①お打ち合わせ(テキストでもOK )
②お見積もり
③実装開始→提出・確認・修正
④納品 → 最終確認
⑥アフターケア:納品から1ヶ月は、小さな修正があれば承ります。
【価格】
トップページ→ 8000円
下層ページ→ 5000円
LP1ページ →10000円
WordPress化→5000円
【オプション料金を設定】
スライダー
アコーディオン
モーダル
各1000円
まずは、お気軽にご相談ください。
お見積もりだけでも大丈夫です。
デザインカンプ済のSTUDIO制作の実装代行をいたします
業務内容
デザインは完成しているが、実装はお任せしたい、
時間がないのでお任せしたい、まだSTUDIO自体に慣れていない方、
STUDIOの実装代行をいたします。
※こちらのパッケージではデザインは行いません。
【人手不足にも!】HTML/CSSコーディングいたします
業務内容
数あるパッケージの中から当パッケージをご覧いただきありがとうございます。
人手不足解消にお役立ていただければと思います。
まずはお気軽にお声がけください!
ワードプレスで作成されているホームページの各種修正を承ります
業務内容
WordPress(ワードプレス)で作成されているホームページの各種修正を承ります。
10年以上のWordPressでの開発経験をもとに、無駄のない工数で作業させていただきます。
こんな悩みはないでしょうか
・前任者からサイト管理を任せられたが、引き継ぎがしっかりしていなくて更新できない
・社内リソースが足りずに改修作業が行えない
・委託していた制作業者と連絡が取れなくなった
など
・すぐに改修しなければならないのに作業できない、そんなときにご利用ください。
こんなことができます
【ベーシックの改修内容例】
ページを追加したい、ページの一部分を直したい
サイドやフッターにバナーを表示したい
トップに表示される画像を変更したい
この部分にこういう要素を追加したい
ナビゲーションにページを追加したい
Googleアナリティクスのタグを設置したい
広告用のタグを設置したい
など
【スタンダードの改修内容例】
トップページを更新しやすくしたい
一覧ページの見せ方を変更したい(見せる要素の変更、フィルタ項目の変更)
スマホ表示の際の見せ方を変更したい
表示スピードを改善したい
など
【プレミアムの改修内容例】
投稿とは別の一覧でブログを入力できるようにしたい
会員制のサイトにしたい
サイト全体に関わる表示や構造変更
など
まずはご相談ください!
プランごとの作業時間目安
ベーシックプラン:3時間程度
スタンダードプラン:6時間程度
プレミアムプラン:9時間程度
ご発注から納品までの流れ
-
ご相談
各プランの作業内容を目安に、プランを選択してご依頼内容をご連絡ください。
※作業時間がわからない場合はメッセージでご連絡をお願い致します。
※お使いのテーマやプラグインの状況によっては、同じ作業内容でも作業時間に違いがでる場合がございますので、ご了承ください。
内容を確認の上、納期と見積金額をご提示します。 -
ご発注・仮払い
納期と見積金額に納得していただきましたら、ご発注と仮払いをお願いします。
ログイン情報をお預かりいたしますのでご準備をお願い致します。 -
作業開始
不明点などありましたら随時メッセージ連絡を取りながら進めます。
指定納期での作業し完了報告を致します。 -
検証・お支払い
作業内容がよろしければ完了報告を受領ください。
【1ページからOK】対応件数100件以上のコーダーが表示速度が速いサイトを作成します
業務内容
数多くの中からご覧頂きありがとうございます!
現在、WordPress構築をメインに活動している
フリーランス3年目のコーダーの小山田優也と申します。
これまで実務を通して、100件以上のトラブルを解決してきた経験から、
Webサイトのトラブル解決に対して評価をいただいており、
本サービスでも、お客様が抱えているサイトの問題を迅速に解決させて頂きます!
◼️こんなお悩みありませんか?
・速度の早いサイトがほしい
・かわりにコーディングしてほしい
◼本サービスのおすすめPOINT
・迅速なコミュニケーションで、素早く問題を解決できる!
・3年のコーダー歴から、すでにあるWebサイトのシステムに合わせたご提案ができる!
・100件のトラブルシューティング経験から、根本的な問題解決ができる!
・エンジニアとしての経験もあるので、サーバーへのアップも対応できる!
◼お客様の声
・能動的に原因を調査して頂き、問題解決能力があると感じました!
素早く解決していただいてありがとうございます!
・既存サイトの一部を修正して頂きましたが、既存サイトのコードに合わせて修正頂き、
高品質な状態で納品いただきました!
・時間がなく、自社サイトを更新できずにいましたが、
少ないコミュニケーションでも要件を汲み取って更新をしてくださり、
大変助かりました!またお願いしたいです!
◼サービス内容
プランは3種類、ご予算と必要な作業に応じてお選びいただけます。
⦅作業内容の例⦆
・コード整理
・画像変更
・テキスト変更
・サイト表示速度の改善
・表示崩れの修正
Webサイトに関するさまざまな作業を提供します。
◼ご依頼の流れ
①ヒヤリング
…お客様の問題や希望納期などをヒアリングさせていただきます。
②契約
…お見積り、対応スケジュールをご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
…制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
…ご確認いただき、問題なければ、制作物を納品させていただきます。
納品形態は、作業内容に合わせて柔軟に対応させていただきます!
どんな小さなことでも、お気軽にご相談ください。
Webサイトの問題を一緒に解決し、お客様のビジネスをさらに前進させるお手伝いをさせていただきます。
まずはメッセージでのお問い合わせお待ちしております!
要望通りのHPとLPを実現するHTML,CSS作成します
業務内容
HP作成、LP作成に人手が足りない方。
細かくコミュニケーションを取り、要望のページを作成します。
今まで、小売店のHP修正、IT企業のHP作成を経験しており、
お客様に細かく報告し、満足して頂いて案件を進めました。
より多くの経験を積み、スキルアップしたいと考えておりますので、
お気軽にご連絡ください。
【デザイナー様/外注先をお探しの方向け】デザイン通り忠実にコーディングいたします
業務内容
すぐに対応できるコーダーをお探しの方へ
当パッケージをご覧いただきありがとうございます。
フリーランスでWordPress構築をメインにコーダーとして活動している山崎 浩史と申します。
現在、制作会社様と継続的なお取引をさせていただいております。
▼ご提供可能な内容
・HTML/CSS/Sass/JavaScript/jQuery/GSAP/WordPress
(WordPressサイト構築は、オリジナルテーマ化)
・Adobe XD・Illustrator・Photoshop・Figmaなどのデザインデータから作成可
・gulpの環境構築
・OGP,Favicon設定、W3Cチェック、サイト軽量化など
・お問い合わせフォーム(プラグイン, PHP工房)
※軽微な修正のみ等にも柔軟に対応させて頂きます
▼ご用意いただくもの
ご依頼の際に
デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
を共有いただけますと幸いです。
▼予算
概算金額であるため、デザインや要件の提示をお願いいたします。
▼実績
主に製作会社様から継続的にご依頼頂いております。
デザインデータから『HP/LPのコーディング』致します
業務内容
ご覧いただきありがとうございます!
フリーランスのwebコーダーとして活動しております、もっちと申します。
こんな方におすすめです
・デザインをお持ちで、コーディングをしてほしい方!
・コーディング代行をお探しの方!
\頂いたデザインデータをもとに忠実に再現し、コーディングいたします/
・webサイト等について、よく分からないけど、一度相談してみたい方!
(デザインがない場合でも、一度ご相談ください!)
対応可能な内容
・コーディング( HTML/CSS )
・ハンバーガーメニュー等のアニメーション(JavaScript,jQuery)
・レスポンシブ対応(スマートフォン・タブレット)
・webサイトの修正、相談
料金について
・トップページコーディング 1ページ:5,000円
・下層ページコーディング 1ページ:3,000円
・LPコーディング 1ページ:5,000円
・簡単なアニメーション 1個:3,000円
(ハンバーガーメニュー・スムーススクロール・画像スライダー等)
※すべてレスポンシブ対応込みの金額です。
※複雑な場合や長いページの場合は、別途追加料金が発生する場合がございます。
※サイトに使用する画像の加工も有料にて対応可能です。
お取引の流れ
①まずはご相談ください。
ご提供いただいた情報をもとにお見積りいたします。
↓
②必要データの送付(デザインカンプ、画像データ等)や
納品日の調整が完了次第、作業を開始いたします。
↓
③コーディング
↓
④確認(修正箇所がありましたら対応いたします)
※デザインの大規模な修正に関しましては追加料金が発生する場合がございます。
↓
⑤納品(zipファイルにて納品させていただきます。ご希望があればサーバーへのアップロードも可能です)
■納期について
受注から1週間~2週間程で納品いたします。
※ページのボリュームにより前後する場合があります。
webサイトやwebシステムの構築から運用まで幅広く対応します。ます
業務内容
何処に依頼すれば良いかと迷われたら、是非一度ご相談下さい。
しっかりと対応していきます。
よろしくお願いします。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。