人気ランキング 期間:5月3日 〜 5月10日
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
【マーケティング会社様・制作会社様・デザイナー様向け】コーディング代行します
WordPress対応_HTML/CSSコーディング承ります
【制作会社様・デザイナー様向け】デザインを正確にコーディングいたします
業務内容
ご覧いただきありがとうございます!
現在私はWEB制作フリーランスとして主にデザインカンプからのコーディングを行なっておりますとみーと申します。
本サービスはホームページやLPのコーディング代行サービスです。
LPのようなシングルページからコーポレートサイトのような複数ページ、オリジナルのWordPressサイト作成まで幅広く対応しております。
・社内リソースが足りずデザインのコーディングは全てお願いしたい
・デザインはできるがコーディングが苦手で時間がかかる
・ブログ更新があるのでWordPressで構築して欲しい
・デザインの世界観をアニメーションで幅広く表現したい
このような方には特にお役に立てるサービスとなっております。
特にJavaScriptを使用したアニメーションの実装を得意としております。
▪️当サービスの対応可能範囲
・HTML / CSS / JavaScriptを用いたコーディング
・レスポンシブ(スマホ対応)
・WordPress実装
・お問い合わせフォーム実装
▪️納期目安
1ページのみのLPサイトであれば1週間程(初稿の提出)で対応させていただきます。
▪️料金目安
LP : 30,000円 〜
複数ページサイト
Top 20,000円 〜
下層ページ 5,000円 〜
※初回ご依頼のお客様は半額で対応させていただきます。
※ご予算に応じて柔軟に対応させていただきますのでこの限りではございません。
▪️主な制作の流れ
①ヒアリング・お見積り・要件確認
②デザインデータ、画像等のご提示
③コーディング作業開始
④初稿提出・確認いただき修正があれば対応いたします
⑤納品
▪️納品方法
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)
どちらでも柔軟に対応させていただきます。
納品後の修正箇所があれば最後まで責任を持って対応させていただきます。
ご相談だけでも問題ございませんので、お気軽にお問い合わせください!
【デザイナー、個人経営、中小企業様向け】HP制作・修正、レスポンシブ対応いたします
業務内容
〇こんな方へおすすめ
・HPはほしいけど、なるべく費用を抑えたい
・納期を短く依頼したい
・デザインはあるけど、コーディングができない
・とにかく誰かにコーディングを頼みたい
〇業務内容
・コーディング代行
・HP修正
・レスポンシブ対応
(※内容によっては対応不可の場合もありますが、まずはご相談ください。)
〇ご依頼の流れ
①ご相談・お見積り
要件や納期、予算などお気軽にご相談ください。
②コーディング
デザインカンプを元にコーディングを行います。
コーディング後は品質チェックを行い調整します。
③確認
お客様にコーディングしたサイトをご確認いただき、ご要望に応じて修正を行います。
④納品
コーディング後のファイル一式を納品いたします。
ZIPファイルまたは本番サーバーへのアップロードでの納品となります。
〇費用
HP修正:1点3000円~
ランディングページのコーディング:10000円~
ホームページのコーディング(5ページ程度):50000円~
〇納期
修正1,2点程度:最短即日
LPコーディング:5日~
HPコーディング:14日~
〇実績
自身の下記ポートフォリオサイトにて公開しております。
ぜひご覧ください。
https://yuriportfolio.net/portfolio/
ここまでご覧いただき、ありがとうございました!
もしご依頼いただければ丁寧、迅速な対応をさせていただきたいと思っております。
ご連絡を心よりお待ちしております。
HTML/CSS/JavascriptのWebサイトをコーディングします
業務内容
ご覧いただきありがとうございます。あおきと申します。
都内のWeb制作会社でフロントエンドデベロッパー/ディレクターとして7年間勤務しておりました。2024年4月より独立し、アニメーション表現を軸にWebサイト制作をしています。
こちらは、お客様にいただいたデザインデータをもとにWebサイトの静的コーディングを代行するパッケージです。
まずは、デザインデータ(figma、xd、psd、ai)をお送りください。
お見積りさせていただきます。
こんなときもご相談ください!
- スマホデザインが完成していない…
- TOPのデザインはあるけど下層ページが完成していない…
- デザインはあるけどアニメーション演出の方向性が定まらない…
→デザインルールを踏襲して実装させていただきます。まずはご相談ください。
オプションで以下も対応可能です
- WordPress構築
- サイト全体のアニメーション演出
- canvasでの2Dアニメーション作成
ご依頼・制作の流れ
- 「まずは相談する(無料)」よりお問い合わせください。
- デザインのご共有:ご相談時はデザインが未完成でも問題ございません。
- デザイン確定:コーディングを開始します。
- ご確認・修正:必要に応じて対応いたします。
- ご納品:zipでの納品・サーバーへのアップなど対応いたします。
HTML/CSS コーディング 実績を積むため期間限定破格対応
業務内容
はじめまして、水本と申します。
ランサーズは始めたばかりですので、実績を積むため、期間限定で破格で対応させていただきます。
HTML /CSSコーディング(最大2ページ、修正2回ほどを想定)
まずはお気軽にご連絡ください。
よろしくお願いいたします。
HTML/CSS・WordPress(要相談)のコーディング代行。素材ご用意できます
業務内容
いただいたデザインを元に、HTMLとCSSを用いてコーディング致します。
「イメージはあるんだけど・・・」
という方には、写真やイラストなどの素材や文案もご提案可能です!
お気軽にお問い合わせ下さい。
・PC→スマホなど画面サイズ変更によるデザインの可変(レスポンシブ対応)
・スライドショーやハンバーガーメニューなどの動きのあるデザイン( jQuery使用 )
が、今なら1箇所無料!!!
( 追加もオプションにて承ります )
\. 納期をお急ぎの場合でも対応できる場合がございますので、お気軽にご相談ください /
お安くコーティング作業致します
業務内容
ご覧いただきありがとうございます。
松澤 空太と申します。
”ウェブサイトのデザインは用意はあるけど、HTMLコーディングが出来なくて困っている...”
など、そんなにお金をかけたくないけど、やってくれる人はいなかなどと困っている方に是非お役に立てると思います。
まだ駆け出しのためお客様のご希望に添った金額、相談などが取りやすいと思いますので、是非一度お気軽に相談ください。
【所有スキル】
・HTML
・CSS(SCSS対応可能)
・JavaScript(jQuery)
・PHP
・Wordpress
▪️実績
ポートフォリオになります
・https://sub.howto8.com
・ブログ→https://www.howto8.com
LP制作やWordpressを使用してのホームページ制作実務経験はあります。
▪️私を採用して頂くメリット
・会社勤め10年しているのでビジネスマナーやコミュニケーション能力が
あるのでスムーズな対応が可能です
・1日あたり平均2時間の作業が可能です
・土日は8時間可能です
・1週間以内に納品致します
・平日なら18時〜22時の間は1時間以内、休日なら基本どの時間帯でも1時間以内には返信可能です
・長期的な契約も可能です
・SEO知識を考慮致します
・駆け出し実績作りの為、低価格でお受け致します。
経験は浅いですが最大限ご満足頂けるように努力致します。
また、ご不明な点などがありましたらお気兼ねなくご連絡下さい。
最後までお読み頂きありがとうございました。
ご検討のほど宜しくお願い致します。
HTML/CSSのコーディング承ります。
業務内容
WEBサイトのホームページ、LPのHTML/CSSのコーディング承ります。
レスポンシブやSEOを意識したサイト制作に対応致します。
HTML/CSSのコーディング 勉強しながらなので安く受けれます♪
業務内容
プログラミングを学び始めて2カ月ほどです。
初心者なので経験を積むためにも安く受けさせていただきます。
JavaScriptやjQueryは勉強しながらです><
クオリティーや納品の期間が伸びます。ご了承ください。
修正については1回まで対応させていただきます。
よろしくお願い致します。
元Web制作会社勤務。制作実績数300件以上の信頼と実績でコーディングいたします
業務内容
当サービスをご覧いただきまして、誠にありがとうございます。
お客様との対話を大切に、親切丁寧な対応を心がけ、常にパーフェクトな納品を目指しております。
\ このような方に最適です /
・デザインデータはあるけど、コーディングはできない。
・リソース不足で、コーディングまで手がまわらない。
・外注先の選定で失敗したくない。
・制作会社レベルのスキルで対応してもらいたい。
★対応範囲と費用につきまして。
・静的コーディング:トップページ¥20,000〜、下層ページ¥15,000〜/1ページ
・レスポンシブ対応(1ブレイクポイント)
※ご要望に対応できますので、予めご相談ください。
・よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。(要ご相談)
・PHPファイルでの納品可能です。(着手前にご申告ください)
ヘッダーやフッターなど共通ファイルとして扱いたい場合や、
WordPressに組み込む予定がある場合などにご利用ください。
※WordPress対応も得意としておりますので、併せてご相談いただければと思います。
(別途サービス出品しております:https://www.lancers.jp/profile/syzmagic/plan/171629)
併せてご依頼いただける場合は、値引きさせていただきます。
★別途有料オプション対応目安(ご相談時にお見積りさせていただければと思います)
・cssアニメーション:¥3,000〜/1バリエーション
※マウスオーバーアニメーションなど(基本的な透過アニメーションなどは無料です)
・JavaScriptによる制御:¥5,000〜/1バリエーション
※モーダルやドロップダウンコンテンツ、スクロールに準ずる制御など
・お問い合わせフォーム:¥20,000〜/項目などにより変動
さほど手がかからずサービスさせていただく場合もございますので、
ご購入前にヒアリングさせていただければと思います。
★ご相談から納品の流れ
1.ご相談いただき、ヒアリングとお見積りをさせていただきます。
2.デザインデータをご提供ください。(illustrator/Photoshop/XD/Figmaなど)
3.コーディング作業開始
4.テストサイトにてご確認と修正
5.最終確認
6.納品
実機テスト環境は
macOS CatalinaとVentura:Chrome/Firefox/Safari
Windows11:Edge/Chrome/Firefox
iPhone13、iPad
その他はデベロッパーツールでの確認となります。
★納期につきまして
ボリュームにより変動いたします。
ヒアリング時にご希望を伺わせていただければと思います。
※リソース状況によりお請けできない場合もございますので予めご了承ください。
その他お気軽にご相談ください。
コーディング代行いたします!!
業務内容
ご覧いただきありがとうございます。
デザインのコーディング代行をさせていただきます。
★こんな方におすすめ
・忙しくて手が回らない
・とにかく安く済ませたい
・デザインはあるけどコーディングができない
★サービス内容
・HTML/CSS/のコーディング作業を代行いたします。
・JavaScriptを用いたアニメーションを可能な範囲で実施いたします。
・スマホ対応(レスポンシブ)は無料になります。
★お客様にご用意いただくもの
・デザインカンプ
→ファイルはPhotoshop・Illustrator・XD、画像ファイル等
・サイト内の文章
・画像素材
★料金について
・1ページ3000円となります。
※極端に長いページはお受け出来ない場合があります。
・ページの追加は、オプションにて承ります。
★納品
・納期は素材をお受け取り後、10日以内(予定)に納品します。
※ページの量や枚数にもよります。
・HTML/CSSをzipでまとめて納品となります。
◆アフターフォロー(納品後1ヶ月以内)
・不具合があれば無料で修正させていただきます。
現在、実績がないため、経験を積むための出品になります。
安く実施させていただきますが、仕上がりは今一つの可能性もございます。
出来る限り、クライアント様のご要望に応じて作品を制作し、気に入らなければ納得がいくまで、修正させていただきます。
完璧を求めない方大歓迎!!
心が太平洋の方大歓迎!!
おおめに見てくれる方大歓迎!!
是非よろしくお願いします。
【デザイナー様向け】デザインデータからHP・LPのコーディングします
業務内容
■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
・Wordpressの導入、構築、改修
・独自チェックリストを用いた報連相
・gulpの環境構築
・gitでのコード管理
■制作内容の詳細
・静的コーディング(1ページ〜)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装:5,000円~ / 1点
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress化:内容に応じて別途お見積もり
※WordPressは別途追加費用が発生いたします。
■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
■購入の流れ
「見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えし、サイト構築開始。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。
■実績
・経歴
アパレル、美容系のECサイトの運営に従事
フリーランスとしてWebサイト制作の活動を開始
6社のWeb制作会社と業務提携を結び活動しております。
「丁寧な対応でよかった!」「より良い提案を積極的にしてくれて助かる」「金額以上のサービス内容だった」などのお声をいただいております。
・仕事に対する姿勢
丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗の報告、納期厳守
ご不明点がありましたら、
お気軽にご連絡くださいませ。
【制作会社・デザイナー様】見えない部分も丁寧で保守性の高いコーディング代行いたします
業務内容
保守運用のしやすいCSS設計、高い再現性でデザインを忠実に再現いたします。
数あるランサー様の中から、ご覧いただきありがとうございます。
web制作事務所を運営しておりますMinamiと申します。
高い再現性、レスポンシブ対応込みの高品質なコーディング代行をいたします。
見えない部分のコーディングですが、無駄なコードや不必要なコメントアウトなどはなくし、丁寧に対応させていただきます。
.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+
■こんな方にオススメ
・コーディングができる委託先をお探しの制作会社様やデザイナー様
・コーディング業務を巻き取ってお仕事を受注したいデザイナー様
・デザインが既にありホームページを制作したい個人事業主様
当方は安心・信頼していただくためにコミュニケーションを大切にしています。
単発のお仕事もお待ちしていますが、せっかくのご縁、長くお付き合いさせていただけるよう全ての案件に誠意を持って対応しております。
ホームページは納品して終わりではなく納品後育てていくことで資産となります。
納品後1ヶ月は運用方法や、ホームページ内の写真・テキストの変更は無料で対応いたします。
安心してお任せください。
.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+
■作業内容
・静的コーディング
・JavaScript / jQueryを用いたアニメーション機能実装
・レスポンシブ対応
・お問い合わせフォーム設置
・Wordpress化 (オプションより追加でご発注いただけます。)
.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+
■ご相談から納品まで
①ヒアリング
事前のヒアリングにて制作希望のデザインのご案内や、アニメーションの希望、納期やご予算などお聞かせいただきます。
↓
②ご依頼、お見積もり
お見積もりをご提出いたします。その後ご依頼いただくかどうかご検討ください。ご依頼となりましたらデザインデータと制作に必要な素材(お写真、画像、ロゴなど)をご提出いただきます。
↓
③制作開始、初稿の提出
制作を開始し、完了次第初稿をテストサーバーにアップしてご確認いただきます。デザインに沿ってしっかり再現して提出させていただきますが、修正がございましたら都度修正の対応をさせていただきます。
↓
④納品
確認が完了したデータをお客様のご要望に合わせた形で納品いたします。zipファイルやサーバーへのアップなどご希望をお知らせくださいませ。
納品後1ヶ月のサポートがございます。写真変更やテキスト変更など、実際にホームページを運用して変更したくなった箇所の変更などしっかりとサポートいたします。
お客様とのコミュニケーションを何よりも大切にし、信頼してお任せいただけるよう丁寧に対応させていただきます。
大切なビジネスのパートナーとしてお選びいただけましたら幸いです。
些細なご質問でもお気軽にご連絡ください。
▼デザインから制作まで一貫したプランをご希望の方はこちら
https://www.lancers.jp/menu/detail/1233212
▼ポートフォリオ
https://www.lancers.jp/profile/programming0113/portfolio?ref=more
【制作会社様、デザイナー様へ】サイト、LPのコーディング承ります
業務内容
ご覧いただきありがとうございます。
「デザインは作成済み、コーディングだけを頼みたい」制作会社様・Webデザイナーの方、
「デザインやイメージは決まっているけれど誰にお願いしたらいいかわからない」とお悩みの方
ぜひお気軽にご相談ください^^
▼サービス内容
・頂いたデザインを元にHTML&CSSコーディング(1ページ~複数ページ対応可能です。)
・レスポンシブ対応(スマホ・タブレット表示対応)
・JavaScript / jQuery(スライダー、ポップアップ、スクロールアニメーション等)
・お問い合わせフォーム作成
・WordPress化
▼料金に含まれるもの
・画像圧縮による速度最適化
・誤字脱字、表示くずれ等による修正(無制限)
▼料金例
・LPコーディング ¥10000~(レスポンシブ対応込み)
・お問い合わせフォーム実装 ¥20000円(静的サイト)
¥5000(WordPress)
▼制作の流れ
①ヒアリング・お見積り
※ページのボリューム、実装内容により料金が異なりますため、デザインデータの提示をお願い致します。
頂いたデザインを元に、お見積り・納品までの概算日数をお伝えします。
②1回目の提出
内容により異なりますが最短約2~3日でご提出いたします。
③修正版の提出
修正回数に制限は御座いません!★
④納品
通常はzipファイルでの納品となります。
サーバーにアップの対応も可能ですので、そちらをご希望の場合はお見積りの際にご相談ください^^
ご確認頂きました後、納品のお手続きをさせて頂きます。
納品完了後は、ご評価をして頂けますと嬉しく思います^^
◆納期
1ページあたり2・3日程で、納品いたします。
※ページの長さ、アニメーション有無等で納期は前後いたします事あらかじめご了承ください。
「格安」webサイトコーディング、または修正を致しサイトます
業務内容
LP制作、HTML,CSS修正など
柔軟に対応可能なので、ご相談ください。
価格はご相談により決めさせていただきたいので、一律10000円に設定してありますが、
相談後に正式な見積もりをお出しいたします。
ポートフォリオ
https://keylem-yoshidatakahiro-protfolio.sakuraweb.com/
また、jQuery,PHPなどの相談も受付ていますのでお気軽ご相談ください。
よろしくお願いいたします。
品質の高いLPを早期に納品します。ます
業務内容
ランディングページの要件定義からデザイン、コーディング、保守運用までをワンストップで行います。
仕様を事前に固める前提ではありますが、ある程度のバッファを持たせることで柔軟性のある開発プロセスを実現します。
【制作会社様・デザイナー様向け】LPをレスポンシブコーディングいたします
業務内容
LP(ランディングページ)コーディング ※レスポンシブ対応込
▶
デザインを尊重し、デザイン通りにコーディングいたします。
▶CSS設計を用いて、制作した先の修正や保守・運用まで見据えてコーディングいたします。
記載の金額は目安としてご参照ください。
納品スピードも加味した上で設定しており、ページの長さやご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
▼こんな方におすすめ
──────────────────
【制作会社様・デザイナー様】
・デザインはある
・デザイン通りに、品質良くコーディングをして欲しい
・リソースが足りない
・急ぎだけど、対応しきれない
・レスポンシブはよしなにやってほしい
▼わたしについて
──────────────────
・10社の制作会社とパートナーとしてお仕事をしています
・メインはLPやECのコーディング、WordPress構築など
・34歳、3歳、0歳の二児の父
・仕事、家事、育児に全力の日々を送っています。
・ご提供できるスキル
HTML / CSS(BEM,FLOCSS) / Sass / jQuery / Gulp / WordPress / EJS / Github
・制作実績
https://www.lancers.jp/profile/kota4code/portfolio
▼コーディングで大切にしていること
──────────────────
”デザインの再現”を前提として、ただ制作するのではなく、
・制作した先の運用、修正や管理のしやすさ
・ユーザー視点(スマホのときにボタンを押しやすいように押せる範囲を広く取っておくなど)
を心がけ、コーディングの先に人がいるということを大切にしております。
▼目指すもの
───────
《 ユーザーやお仕事に関わる方々、自分自身が笑顔になれる仕事 》を目指しています。
なぜなら、人に貢献でき、喜んでもらえたときが最も嬉しく、日々の充実を感じるからです。
実務でお相手の方からいただけた
「丁寧なコーディングやご報告で助かりました!」
「お人柄の伺えるやりとりでとても安心できました」
などのお言葉は、私の原動力となっています。
少しでも人に貢献し喜んでいただけるように、日々、自己研鑽に励んでおります。
▼対応可能デザインデータ
───────
・Figma, XD
・Photoshop, Illustratorも対応可能ですが工数が変わるため、別途必ずご相談ください。
▼無料サービス対応
───────
・ヘッダー
・ハンバーガーメニュー
・ドロワーメニュー
・フッター
▼オプション対応
───────
・アニメーション
・スライダー
・アコーディオン
・問い合わせフォーム (※セキュリティ重視のもの)
…その他、お気軽にご相談くださませ。
オプション内容は、下記オプション欄をご参照ください。
▼納品前チェック内容
───────
・各画面幅の表示崩れ
・ブラウザ確認(Chrome / Safari / FireFox / Microsoft Edge 各最新版)
・リンク先
・HTMLエラー
・CSSエラー
・フォントの表示
・閉じタグ
・画像サイズ
・アニメーション挙動
・ホバーアニメーション
・メタタグ、OGP
・ファビコン
▼納品形式
───────
・ファイル送付
・FTPによりサーバーにアップロード
▼納期
───────
・各プラン提示の納期は「デザインデータをいただいてから」の納期です。
・5営業日
・お急ぎ、土日対応も可能です。別途ご相談ください。
▼ご注文の流れ
───────
■ご依頼内容のご相談
「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお伺いさせてください。
↓
■お見積、ご注文
納品日の目安、追加購入が必要なオプションがある際はご案内いたします。
お見積に問題がなければ、ご注文をお願いいたします。
デザインデータ、写真やテキストなど、使用する素材をお送りください。
↓
■制作開始
最終的な納品日をお伝えし、制作開始。
↓
■ご確認・修正
3回までは無料で修正対応いたします。
チェック完了後、データ納品となります。
↓
■納品
【WordPress構築まで対応!】貴社のコーディングを代行いたします
業務内容
【 先着3名様まで!通常価格より30%引きでお受けいたします! 】
数あるサービスの中からこちらをご覧いただき、誠にありがとうございます!
◆ただいま【 無料相談 】を実施中です!
- 制作リソースが足りずに困っている。。
- 一緒に制作をしてくれるパートナーがほしい。。
- 最後までやりきってくれるか不安。。
- コミュニケーションが取れずに困っている。。
制作会社様、フリーランスのディレクター様、デザイナー様など、
このようなお悩みを抱える方々からのご依頼を承ってまいりました。
前の制作者と連絡がつかなくなってしまった案件をフォローしたり、
炎上してしまった案件の解決に参画させていただいたりと、
数多くのお困りごとに取り組み、解決してまいりました。
お困り事がございましたら、まずはお話をお聞かせください。
解決策を一緒に考えさせていただきます。
■提供可能なこと
- デザインを忠実に再現し、保守・運用がしやすいコーディング
- ユーザー目線に立った積極的なご提案
- クライアント様の運用を考えたWordpressの構築
- 管理シートを用いての案件管理・スケジュールや確認事項の共有
■制作内容の詳細
・静的コーディング(1ページ〜)
・各種アニメーションや機能の実装
・お問い合わせフォームの設置と実装(HTML、WordPressのどちらでも可)
・WordPress化
※WordPressの導入については、別途追加費用が発生いたします。
※アニメーションや機能の実装については、ボリュームによって別途追加費用が発生する場合がございます。
■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
■購入の流れ
1.無料相談
ご依頼の内容についてお伺いいたします。
2.ご提案
内容を整理し、実装方法や具体的なお見積もり、納期についてご提案いたします。
ご準備いただくもの(デザインデータや素材など)についても確認させていただきます。
3.ご契約
内容を互いに確認したのちに、契約をさせていただきます。
4.作業開始
実際に作業を開始いたします。
定期的に進捗をご報告しつつ、ご不明点はその都度確認させていただきながら進めてまいります。
5.初稿提出〜修正対応
コーディング完了後ご確認をいただき、修正点があれば対応してまいります。
6.納品
最終チェックを完了したのち、データ納品となります。
納品後の管理・運用については、ご希望に合わせてレクチャーなどを行うことも可能です。
■私について
9年間高校の教師として勤めたのち、独学でWeb制作のスキルを習得いたしました。
現在は複数の制作会社様のWeb制作専門外部パートナーとして活動しており、
【 WordPressサイトやLP 】を、
【 デザインからコーディングまで一貫した体制 】で制作しております。
1500名以上の生徒や、保護者や地域の方々との関わりの中で培ってきた「信頼関係を構築するプロ」としての経験がございます。
- 丁寧なヒアリングと用件のすり合わせ
- 積極的なご提案
- 不安を与えないコミュニケーション
これらをWeb事業にも活かし、ディレクター様やデザイナー様から高評価をいただいております。
ここまでお読みいただきましてありがとうございました!
ご不明な点がございましたら、いつでもお気軽にメッセージをいただければ幸いです。
ご連絡をお待ちしております!!
更新作業がとても行いやすいコーディングをします
業務内容
業務内容
★サービス内容★
デザインカンプからの、HTML/CSS,jQuery コーディングを行います。レスポンシブ対応込み。スタンダードプランより、アニメーションの実装も含みます。ご希望時は、サーバーへのアップロードのお手伝いも可能です。
★このサービスがおすすめの方★
・フリーランスWEBデザイナー様
・WEB制作会社様
・ビジネスパートナーを探されている方
・ポートフォリオサイトを作りたい方
安心・確実なスキルで、あなた様の右腕になります。
長期でのご依頼はもちろん、単発でのご依頼もお受けさせて頂きます。
★料金について★
・初回のご依頼は1Pのみ全て、「1万円」にてご対応させて頂きます。
・2回目以降、トップページ2万円〜
・2回目以降、下層ページ1万5千円〜
★お仕事の流れ★
①契約前に、事前打ち合わせを行います。(*希望時)
→契約をする前に、お客さまに安心してお仕事をお任せ頂けるよう、無料でビデオチャットを用いての打ち合わせが可能です。お気軽にご相談下さい。
②ご契約
③お仕事開始
→お客様が不安にならないように、ご希望時は進捗状況を都度ご報告させて頂きます。
④一次納品
⑤ご確認/修正対応
→こちらでも綿密な表示確認を行いますが、修正点がございましたら即対応致します。
⑥最終納品
→納品形式は、お客様のご希望に沿った形を取らせて頂きます。ご希望がなければ、zipファイルとして圧縮しデータ一式を提出致します。
★おすすめポイント★
・即返信/即対応
→「驚くほど早い」をモットーにしております。お客さまが安心して依頼できるよう、可能な限り即返信/即対応を致します。
・お試し価格あり
→お客さまが、私を見定めることができるよう格安でコーディングをさせて頂くお試しプラン(ベーシックプラン)をご用意しております。ぜひご活用下さい。
★メッセージ★
最後までご覧頂き、本当にありがとうございます。
お客様と共に歩み、お互いに成長し合える良きパートナーとなれる日が来ることを
切に願っております。
どうぞ、よろしくお願い致します。
今
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など、様々な案件に携わってきました。常に最新の技術トレンドを意識し、最高の品質とスピードで仕事を進めることを心がけています。
お気軽にご相談ください。
単発ページから複数ページまで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コーディングにてLP・HP制作します
業務内容
【デザイナー様、制作会社様向け】
デザインカンプからHTMLコーディング(静的コーディング)でLP・HP制作致します!
・デザインを忠実に制作
・即レス
・レスポンシブ対応可能
・Figma、PSD、Aiデータ対応(XDは対応できなくなりました)
・納品後、1ヶ月間のフォロー期間あり(無料。修正回数は3回まで)
・PC用デザインのみ、SP用デザインのみでも柔軟に対応します
・CSSアニメーション対応可能
≪納品までの流れ≫
①気になる点があり迷っておられるならば、まずはお気軽にご相談ください。
右側の「見積もり・カスタマイズの相談へ進む」からお進みください。
②見積もり・ご相談でご納得いただけましたら、ご購入していただきます。
ご購入前のご相談の際に納品までの流れや進捗報告の件などをしっかり確認いたしますので、どうぞ安心ください。
③ご購入後、お客様よりデザインカンプのデータをいただきます。
受け取り次第、制作を開始いたします。
④初稿提出いたします。
(提出するまでに、気になる点がありましたらお気軽にお問い合わせください。)
⑤修正後のチェック(修正回数は3回まで)
⑥最終チェック
⑦納品にて完了です。
(zipファイルにて納品いたします。)
WEBサイトのコーディング(HTML、CSS)を安価で行います!ます
業務内容
HTML, CSSを用いたWEBサイト作成です。
簡易なものでよければ素材をいただきデザイン作成も対応します。
まずはWEBサイトを作りたい、だけどどうやっていいかわからない方などお気軽にご相談ください。
ご相談は無料でお伺いいたします。
【制作会社様、デザイナー様】デザインカンプから忠実にHP・LPのコーディングをします
業務内容
こんな方におすすめ
「コーディングを代行してほしい…」
「デザインは完成したがコーディングだけお願いしたい」
「デザインを忠実に再現してほしい」
このようなお悩みを解決致します。
コーディング作業を代行し、業務のお手伝いをさせて下さい。
サービス内容
- 静的コーディング(HTML / CSS)
└スマホ・タブレット・PC対応 - LPコーディング
- WordPressによるCMSコーディング
└カスタムフィールド
└カスタム投稿
└お問い合わせフォーム設置 - アニメーション
└ハンバーガーメニュー
└スライダー
└フェードイン
└アコーディオンメニュー
└その他 - 修正作業・軽微な作業
※その他、実装内容はご相談下さい。
※ WordPress化は別途追加費用が発生致します。
業務の進め方
- モバイルファーストのコーディング
- パーフェクトピクセルを使用しコーディング
- 独自で品質チェックシートを作成し、品質チェックを行う
- デザイナー様の意図・想いを汲み忠実に再現します
ご予算について
記載の金額は目安となっております。
作成するページ数や設定によって金額が変動致します。
柔軟に対応致しますのでお気軽にご相談下さい。
【ご契約後の流れ】
-
ご契約前の事前打ち合わせ(オンライン)
-
仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、ご契約とさせていただき、デザインデータ等のご提供をお願いいたします。
-
制作開始
-
初稿提出・修正(2回まで無料対応)
トップページを始めに提出致します。下層ページは都度提出させて頂きます。
-
最終確認
-
納品
迅速・丁寧なコーディング代行!デザイン通りに納品いたします
業務内容
◾サービス内容
・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実装も可能です。
◇制作会社様/デザイナー様向け◇LPコーディング代行いたします
業務内容
ご覧いただき、誠にありがとうございます。
制作会社様や、デザイナー様向け。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
HTML、CSSを用いたコーディング。作りたいサイトをコーディングします
業務内容
お金をかけずにコーディングしたい方にオススメ!
実績を作りたいです!
ご提供内容は、
作りたいイメージするサイトと、
使いたい画像を準備していただくだけです!
これをコーディングさせていただきます!!
料金は、最安の10.000円です。
まずは実績を作りたいので価格にこだわりはありません!
納期は、
作りたいサイトによって異なるので、
その都度相談させていただきたいです。
大手案件実績のあるエンジニアがあなたのデザインを形にします
業務内容
閲覧ありがとうございます。
webエンジニア兼ザイナーのmikamura006です。
▼サービス内容
・WEBサイトのコーディングを行います
・レスポンシブ(スマホ用のデザイン)対応可能です。
・アニメーションの実装にも対応可能です。
コーダーとして大手企業様の案件への納品実績がございます
デザイン制作に関するお悩みにもご対応いたします。
▼注意事項
・デザインデータはFigma または XDでの共有をお願いいたします
【制作会社様・デザイナー様向け】HP・LPのHTML/CSSコーディング代行します
業務内容
水谷 潤と申します。
この度は数あるパッケージの中からご覧いただき、誠にありがとうございます。
大阪府大阪市在住で、普段よりクラウドソーシングなどでコーディングやWordPress関連のお仕事いただいております。
●作業内容
・HP、LPなどのコーディング業務代行
・WordPressを使った既存テーマHP制作
・WordPressを使ったオリジナルテーマHP制作
●制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
●ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
●最後に
もしお仕事いただけた暁には、もちろんのことですが、誠意をもってお仕事させていただきます。
納期の厳守はもちろんのこと、「レスポンスの速さ」や「こまめな確認」はweb制作でお仕事をいただき始めてから常に意識していることでございます。
クライアント様には、コミュニケーションでのストレスを無くす最大限の努力をさせていただいておりますので是非ご依頼の際はお気軽にご相談くださいませ。
【HTML&CSS , jQuery】SEOを意識したHP制作を承ります
業務内容
自己紹介
はじめまして。
福永と申します。
フリーランスでWeb制作を行っております。
海外で日本語のSEO担当者として勤務しておりますため、SEO対策とWeb制作をお任せください。
迅速かつ高品質なホームページを納品することを心がけております。
ホームページ制作を承ります
主にHTML&CSS,Javascriptを用いたホームページの制作を承っております。
ご要望がございましたら、ワードプレスで構築することも可能でございます。
・LPを安く、高品質で発注したい
・お店や企業のホームページを作成したい
・SEO対策されたホームページを作成したい
のような方は、ぜひお気軽にお問い合わせくださいませ。
料金について
コーディングのみ : ¥7,000 / 1ページ
デザインのご提案とコーディング : ¥30,000 / 1 ページ
デザインのご提案とコーディング + SEO対策 :¥50,000 / 1ページ
※上記の料金は、レスポンシブ対応(スマホ・タブレット)を含んだ料金です。
※コーディングのみの場合でも、基本的なSEOのルールに沿ったコーディングを行います。
※WordPressのテーマ開発に関しましては、承っておりませんのでご了承ください。
直近の実績
KSAソフトテニススクール様
https://ksa-softtennisshcool.com/
デザインとコーディングを担当いたしました。
[HTML CSS Javascript]コーディング業務の人手不足を解決します
業務内容
貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。
■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後1週間の修正対応
■オプションサービス
・Wordpress化:15,000円
・お問い合わせフォーム:10,000円
・JavaScriptコーディング 1パーツ:5,000円
HTML/CSSのピクセルパーフェクトでのコーディング作業を代行いたします
業務内容
ご覧いただき、ありがとうございます。
suunni代表、石山(いしやま)と申します。
HTML/CSSの作成を依頼した時に、このようなことはありませんでしたか?
◆ HTMLの構造がグチャグチャ・・・
◆ CSSも読みづらい・・・
◆ CSSクラス名の付け方に一貫性が無い・・・
◆ コメントも無いので読み解くのに一苦労・・・
そのようなお悩みをお持ちでしたら、
HTML/CSSのコーディングでお手伝いできるかもしれません。
◆ 読みやすいコーディングを心掛けております
◆ CSSにはコメントを細かく付けております
◆ 必要でしたら、デザインカンプにクラス名のコメントをつけることも可能です
エンジニアの経験を活かし、
「読みやすいソースコード」を作成することをお約束いたします。
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
業務内容
貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。
■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後1週間の修正対応
■オプションサービス
・Wordpress化:30,000円
・お問い合わせフォーム:20,000円
・スライダー:15,000円
・フェードイン:10,000円
・アコーディオン:5,000円
現役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日後
提示価格や納期は、目安となります。
デザインやボリュームにより変動することもございますので、まずはお気軽にご相談ください。
最後まで責任もって、対応いたします。
【制作会社様・デザイナー様向け!】デザインカンプからコーディング代行をいたします
業務内容
この度はパッケージをご覧いただき、誠にありがとうございます。
デザイナー様向けに、デザインカンプから、コーディングを承ります。
サイト利用者がわかりやすい、使いやすいサイトの構築を目指しております。
責任を持って、大切なサイトをお作りいたします。
▼ こんな方におすすめ
- コーディングする、リソースがない
- デザインだけに集中したい
▼ スタンダードプラン・プレミアムプランに共通で含まれるもの
- レスポンシブ対応のサイト
- お問い合わせフォーム
- 簡単なアニメーション
・ハンバーガーメニュー
・ふわっと出てくる
・スライダー
・アコーディオン - 修正無償
▼ お問い合わせから制作の流れ
①提供予定のデザインをもとに打ち合わせ
基本はチャットでのやり取りで、必要であればビデオ通話を使用する予定です。
その後、正式なお見積もり金額を提示いたします。
②仮払い
お見積り金額にご了承いただけましたら、ご契約とさせていただきます。仮払いをしていただきます。
③素材の提供
対応可能なツール
・Figma
・XD
・Photoshop
・Illustrator
④制作開始
⑤初稿提出・修正
テスト環境のURLをお伝えいたしますので、そちらからご確認をお願いいたします。
⑥本番環境にアップロード、納品
FTPでの納品か、zip形式のファイルでの納品になります。
ランディングページを製作します。レスポンシブ対応可!ます
業務内容
◆おすすめの方
・ランディングページを新規作成する方
・既存のランディングページが古くなったので新しいデザインにリフォームしたい方
◆製作の流れ
① ランディングページのコンテンツやデザインの雰囲気を相談して決定します。
(ご希望の雰囲気やデザインのサイトがございましたら事前にお知らせください。)
②デザインのたたき台を作成します。※修正は2回までになります
(たたき台を作成後はデザインを大きく変更することはできません。カラー変更・画像の差し替え・テキストの追加/修正は対応可能です。その他の変更はご相談ください。)
③デザインにOK頂けましたらコーディング作業に入ります。
④テストサーバーにアップしたサイトをチェックし、納品となります。
中小企業の皆様のイメージアップや効果的な告知のために、また痒いところに手がとどくようなサービスを提供できるように、日々尽力しております。
新規サイトやリニューアルなど、業種を問わず幅広い制作実績がございます。
まずはお気軽にご相談ください。
実戦で学ぶ!現役エンジニアが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デザイナー様
・ディレクションやデザインに集中したい方
サービス運営者様、会社経営者様、個人などでも可能ですので
まずはお気軽にご相談ください。
◆ 製作の流れ
①ご相談・ヒアリング
②契約
ご相談の上、ご検討していただきお申し込みいただけたらと思います。
③制作開始
④ご確認・修正
⑤納品
【先着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日となります(ベーシックプランの場合)
サービス購入からデータのご提供までの日数は、納期には含まれておりませんので、予めご了承ください。
webサイトやwebシステムの構築から運用まで幅広く対応します。ます
業務内容
何処に依頼すれば良いかと迷われたら、是非一度ご相談下さい。
しっかりと対応していきます。
よろしくお願いします。
【人手不足にも!】HTML/CSSコーディングいたします
業務内容
数あるパッケージの中から当パッケージをご覧いただきありがとうございます。
人手不足解消にお役立ていただければと思います。
まずはお気軽にお声がけください!
ワードプレスで作成されているホームページの各種修正を承ります
業務内容
WordPress(ワードプレス)で作成されているホームページの各種修正を承ります。
10年以上のWordPressでの開発経験をもとに、無駄のない工数で作業させていただきます。
こんな悩みはないでしょうか
・前任者からサイト管理を任せられたが、引き継ぎがしっかりしていなくて更新できない
・社内リソースが足りずに改修作業が行えない
・委託していた制作業者と連絡が取れなくなった
など
・すぐに改修しなければならないのに作業できない、そんなときにご利用ください。
こんなことができます
【ベーシックの改修内容例】
ページを追加したい、ページの一部分を直したい
サイドやフッターにバナーを表示したい
トップに表示される画像を変更したい
この部分にこういう要素を追加したい
ナビゲーションにページを追加したい
Googleアナリティクスのタグを設置したい
広告用のタグを設置したい
など
【スタンダードの改修内容例】
トップページを更新しやすくしたい
一覧ページの見せ方を変更したい(見せる要素の変更、フィルタ項目の変更)
スマホ表示の際の見せ方を変更したい
表示スピードを改善したい
など
【プレミアムの改修内容例】
投稿とは別の一覧でブログを入力できるようにしたい
会員制のサイトにしたい
サイト全体に関わる表示や構造変更
など
まずはご相談ください!
プランごとの作業時間目安
ベーシックプラン:3時間程度
スタンダードプラン:6時間程度
プレミアムプラン:9時間程度
ご発注から納品までの流れ
-
ご相談
各プランの作業内容を目安に、プランを選択してご依頼内容をご連絡ください。
※作業時間がわからない場合はメッセージでご連絡をお願い致します。
※お使いのテーマやプラグインの状況によっては、同じ作業内容でも作業時間に違いがでる場合がございますので、ご了承ください。
内容を確認の上、納期と見積金額をご提示します。 -
ご発注・仮払い
納期と見積金額に納得していただきましたら、ご発注と仮払いをお願いします。
ログイン情報をお預かりいたしますのでご準備をお願い致します。 -
作業開始
不明点などありましたら随時メッセージ連絡を取りながら進めます。
指定納期での作業し完了報告を致します。 -
検証・お支払い
作業内容がよろしければ完了報告を受領ください。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。