人気ランキング 期間:11月23日 〜 11月30日
WEBサイトのコーディングします☆LP/Webサイト/WordPress各種◎
業務内容
(丁寧な対応☆即納☆丸投げ可/Web制作/まずはお気軽にご相談ください!)
初めまして!フリーランスエンジニアの『しん』と申します。
どこよりも短納期で、お客様の満足度100%のサイト制作をさせて頂きます!
わたしはランサーズ上においては駆け出しエンジニアのため、
現在は金額設定も他の方よりも柔軟に対応させて頂いております。
他のクラウドソーシングにおいてはすでに依頼にて業務をさせて頂いており、受託した全案件において☆満点評価☆を頂いております。
下記、わたしの経歴と実績です。
ご査証、ご検討よろしくお願いいたします。
【実績】
・ポートフォリオ
https://shin-sakai-cs.com/
【経歴】
・工学系分野にて国立大学、大学院を修了
・大手電機メーカー、世界的輸送機器メーカーにて最先端デバイス開発を経て、
エンジニア開発を行っております。
→会社対会社の開発案件の取りまとめを行った経験などもございますので、
ご依頼における調整事項へのスムーズな対応や、お客様のご質問に迅速に対応させて
頂くなど、お客様にストレスのない対応を心がけて進めさせて頂きます。
【対応可能な業務内容】
・お客様のご要望をお伺いしてのHTML、CSSを使ったWebサイト制作
・数百種類のテンプレートを用いた短納期サイト制作
【可能な業務】
上記の業務内容の他、
・word pressの導入・サイト構築(各種プラグイン対応)
・コーポレートサイト作成
・LPページ作成
・レスポンシブサイト
などを得意としております。
【使用言語】
・HTML
・CSS
・JavaScript(jQuery)
【使用ツール】
・VScode
・AdobeXD など 客様のご要望にお答えいたします。
【稼働時間】
平日、土日祝問わず最大12時間で在宅ワークをお受けしております。
(ご要望に合わせて調整可)
会社員業では、最先端技術の活用や優れた技術の横展開により、世の中にない最先端デバイスの開発を経験してきました。
その経験を経て、「もっと身近で直接関わることができるお客様」へ貢献したいと考え、現在はWebエンジニアとして価値提供を行なっています。
何よりもお客様の「目標達成」をお約束できるような対応をさせて頂きます。
これまで納品させて頂いたお客様からは、Webサイト制作だけでなく、集客対策もお手伝いさせて頂くことで
『「お客様に来て頂く」という目的を達成でき、大変満足している』
とのお言葉も頂いております。
ぜひ、ご検討のほどよろしくお願いいたします!
【初心者歓迎】LPコーディング代行|HTML/CSS/レスポンシブ対応します
業務内容
依頼の流れ
1. ご相談・ヒアリング
- デザインデータ(PDF / 画像 / Figma など)の受領
- コーディング作業
- テスト・修正対応
- 納品
納品形式
• HTML / CSS ファイル一式
• 必要に応じて画像最適化
• ZIPにまとめて納品可能
サービス内容
「デザインはあるけどコーディングができない…」
そんな方に向けて、LPコーディング代行サービスをご提供します!
• HTML / CSS コーディング
• レスポンシブ対応
(スマホ・タブレット最適化)
• PDF / 画像データからの
コーディングもOK
• 細かい余白・デザインの
再現性にこだわります
丁寧 × スピード対応 が得意です。
まずはお気軽にご相談ください!
Web初心者さんでも安心!Webサイト制作 修正・カスタマイズ対応いたします
業務内容
Web初心者さんでも安心!
Webサイト制作・修正・カスタマイズを承ります。
✅ 対応内容
• 既存サイトのテキストや画像の修正・カスタマイズ
• HTML/CSSを使ったスマホ対応(レスポンシブ調整)
• 新規ページ作成(トップページ・LPなど)
• 複数ページ制作や簡単な機能追加(フォーム・Googleマップ埋め込みなど)
💡 ポイント
• デザインやレイアウトの調整も対応
• 初心者の方でもわかりやすく、安心して依頼可能
• 納品後の簡単な修正や相談も柔軟に対応
HTML、CSS、Javascriptコーディングを行います
業務内容
デザインのあるページのHTML、CSS、Javascriptコーディングを行います。
デザインのない場合も別途対応しますが、追加の費用をいただきます。また、デザインはそれほど専門的な技術を持っていないため奇抜なデザインなどは難しいです。
【デザイナー様向け】LP・HPのコーディング代行を行います
業務内容
サービスを閲覧いただきありがとうございます。
まずはお見積もりからお願いしております。
■作業内容
・HTML/CSSを用いた静的コーディング(1ページ〜制限なく複数ページまで作成します)
・レスポンシブ対応
・JavaScriptの動的実装
・お問い合わせフォームの実装(静的ページの場合はGoogleフォームでの対応となります)
※ご希望の方には、お問い合わせフォームの参考ページをお送りします。
■料金表
◎基本プラン
・トップページのコーディング※:20,000円
・LPのコーディング※:20,000円
・下層ページのコーディング※:10,000円~/ 1ページ
・部分コーディング、既存ページの修正:3,000円〜/1箇所
※PC版縦5,000px以上より1,000pxにつき1,000円加算させていただきます
◎オプション
・JavaScriptの機能実装:2,000円~ / 1点
(ハンバーガーメニューは無料)
・お問合せフォームの設置:15,000円
<無料オプション(ご希望の場合)>
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築
■制作の流れ
1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法は基本的には、zipファイルとなります。
サーバーアップをご希望の場合は事前にご相談ください。
■納期
最短で5日〜
ご希望の納期がある場合はご相談くださいませ。
納期は「2、お客様からデザインのご提供」完了後からとなります。
■その他
迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
こちらコーディング代行サービスとなっておりますので
デザインとサイトに使用する画像素材は全てお客様の方でご用意をお願いいたします
・画像加工には対応できませんのでご了承くださいませ。
・デザインは、 Photoshop / XD / Figmaなどに対応しております。
上記以外の形式をご希望の場合は一度ご相談くださいませ。
ラフ案やワイヤーフレームだけでもOK!HTML/CSSコーディング作業承ります
業務内容
コーディング作業承ります。
デザイン案がなくても、簡単なラフ案と原稿あれば対応可能です。
1ページからも承りますが、複数ページももちろん大歓迎です!
デザイン制作も可能ですので、お気軽にご相談ください。
軽微なJavaScriptの機能実装も費用内で可能です。
PC、スマホ対応のレスポンシブコーディングとなります。
※PC/スマホ対応のレスポンシブデザイン(タブレットはPCの表示に準じます)
【作業内容】
・新規サイトのコーディング作業
・既存サイトへのページ追加
・LPページのコーディング
※データ納品も可能ですし、指定のサーバへのアップももちろん対応可能です。
ご不明な点ございましたら、お気軽にご相談ください。
【低価格・高品質】静的HTMLコーディング(スマホ・レスポンシブ対応)作業を承ります
業務内容
■サービス出品経緯
【Webサイト制作を依頼したいが、時間と費用がかかる!とお困りではありませんか?】
スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍~2倍程度かかってしまいます。
そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。
■サービス概要
当サービスは、【PCデザインからコーディング(スマホ・レスポンシブ対応)を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。
※当サービスは、「静的サイト(WordPressなし)を前提とした構築」がメインですが、
WordPress実装の案件も承っております。
↓ ↓ ↓
▼【低価格・高品質】WordPress構築+コーディング(スマホ・レスポンシブ対応)作業を承ります。
https://www.lancers.jp/menu/detail/1239400
■サービス購入のメリット
【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】
私はデザインとコーディングともに経験を積んできましたが、
コーディング(WordPress構築)をより得意としています。
そして、PCデザインからスマホ対応Webサイトの制作は70件以上こなしていますので、
ご要望どおりの制作が可能です。
少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。
見やすいHTML/CSSコーディングでWebサイトを制作します
業務内容
あなたの想いを形にする、丁寧で見やすいHTML/CSSコーディングで、Webサイトを魅力的にしませんか?
このようなお悩みはありませんか?
Webサイトの見た目を改善したい、レスポンシブ対応にしたい、アニメーションで動きをつけたい、HTML/CSSコーディングを依頼したい。
発注の流れ
お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや、ページ構成、必要な機能などをお知らせください。参考になるWebサイトがあれば、URLをお伝えください。
要件定義
詳細なヒアリングを行い、要件を明確にします。必要に応じて、オンラインでの打ち合わせも可能です。
お見積もり・ご契約
要件定義に基づき、お見積もりをご提示いたします。料金や納期についてご納得いただけましたら、ご契約となります。
制作開始
HTML/CSSコーディングを開始します。進捗状況を随時ご報告いたします。
納品・修正
完成したWebページをご確認いただき、修正点があればご指摘ください。修正後、最終納品となります。
対応範囲・価格
基本コーディング:10,000円〜
HTML/CSSコーディング(1ページ): シンプルな構成のページ。
レスポンシブ対応:5,000円〜
レスポンシブ対応: PC、タブレット、スマートフォンなど、各種デバイスに最適化します。
アニメーション実装:3,000円〜
アニメーション実装: JavaScriptを用いて、Webページに動きをつけます(簡単なもの)。
サイト修正:5,000円〜
既存サイト修正: 既存のHTML/CSSを修正し、見た目や機能を改善します。
納期
要相談(案件の規模や内容によって異なります)
制作の流れ
企画・構成
お客様からいただいた情報をもとに、Webページの構成やデザインを検討します。
コーディング
HTML/CSSを用いて、Webページをコーディングします。見やすく、保守しやすいコードを心がけています。
実装
レスポンシブ対応やアニメーション実装を行います。
テスト
各種ブラウザで表示確認を行い、動作に問題がないかテストします。
修正
お客様にWebページをご確認いただき、ご要望に応じて修正を行います。
サービス内容
丁寧で見やすいHTML/CSSコーディングを低価格で提供します。レスポンシブ対応やアニメーション実装も可能です。まずはテスト案件からでも、お気軽にご相談ください。
Webサイトの見た目を良くしたいけど、どこに頼めばいいかわからない...そんなお悩みはありませんか?Satomiが、丁寧で見やすいHTML/CSSコーディングで、あなたのWebサイトを魅力的に変えます!レスポンシブ対応やアニメーション実装もお任せください。まずは、お気軽にご相談ください!
Figmaなどのデザインからhtmlとcssを書きます
業務内容
▼こんな方へおすすめ
・デザインはあるが、wordpressに流し込むhtmlとcssが欲しい
・LPのコーディングをしてほしい
▼強み
・再現度の高いコーディング
・scssを使用した効率的なcss
▼納期
ボリュームにもよりますが、だいたい1ページ1日です。
▼料金目安
・ページ単価10000円~ です。
htmlコーディング、Wordpress設置、サイトの運営・更新・管理をおこないます
業務内容
htmlコーディング、Wordpressでサイトを新規制作、既存サイトのWordpress化、既存サイトの運営・更新・管理をおこないます。
▼デザイン会社様でコーダーをお探しの方
▼既存サイトの運営・更新・管理を外部委託される場合など
お気軽にお申し付けください。
爆速コーディング!丁寧✖️正確✖️迅速なご対応いたします
業務内容
企業様コーポレートサイトからLPなどのコーディングをメインとして活動しております!さまざまなWeb制作に携わってまいりましたが、やはりコーディングが一番好きで、コードを書いていると1日がすぎてしまうこともザラにあるほどです...。
実績につきましては、公開できないものが多くありますので、ご希望ございましたらお送りさせていただきます!
爆速コーディングで、あなたのデザインを完全再現いたします
業務内容
① デザインデータをいただき次第、作業開始。
(XD,Figma,Ai,PSDに対応。
必要であれば打ち合わせ可能です。)
② HTML/CSS/JavaScriptコーディング。
(どんなアニメーションにも対応可能。
WordPress組み込みまでも承っております。)
③ 品質チェック
表示チェックやエラー確認、デバイス表示チェックを行い、
品質チェックシートと一緒にご提出いたします。
④ 納品
HTML/CSSのピクセルパーフェクトでのコーディング作業を代行いたします
業務内容
ご覧いただき、ありがとうございます。
suunni代表、石山(いしやま)と申します。
HTML/CSSの作成を依頼した時に、このようなことはありませんでしたか?
◆ HTMLの構造がグチャグチャ・・・
◆ CSSも読みづらい・・・
◆ CSSクラス名の付け方に一貫性が無い・・・
◆ コメントも無いので読み解くのに一苦労・・・
そのようなお悩みをお持ちでしたら、
HTML/CSSのコーディングでお手伝いできるかもしれません。
◆ 読みやすいコーディングを心掛けております
◆ CSSにはコメントを細かく付けております
◆ 必要でしたら、デザインカンプにクラス名のコメントをつけることも可能です
エンジニアの経験を活かし、
「読みやすいソースコード」を作成することをお約束いたします。
最短1日&SEO完備!HTMLコーディングします
業務内容
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
はじめに
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
ご覧いただき、誠にありがとうございます。
昨今は、どんな業界でもWebサイトを所持するのが当たり前の時代となりましたね。
しかしデザインイメージがあっても、Web上で形にするには様々なハードルがあるものです。
そこで本サービスでは、下記のような方のお手伝いを行っております。
○ デザインイメージはあるけれど、HTML・CSS・SEOってよく分からない
○ 独学でHTMLはある程度組めるけれど、マークアップが適切か分からない
○ 表示が高速なWebページを作りたい
○ 短期間でWebページを公開したい
お見積もりは無料で行っておりますので、お気軽にご相談ください!
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
基本サービス内容
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
■ デザイン完全再現のコーディング
✓HTML、CSS(Sass)を用いたコーディング
✓レスポンシブ対応
✓簡単な動き対応※
※ハンバーガーメニューやアコーディオン、フェードインアニメーションなど、
CSSや簡単なJavaScriptで対応可能なものです。
スライダーなどJavaScriptが多く利用されているものは、
別途お見積もりいたします。
■ メタタグの最適化(必要な場合)
✓favicon
✓apple-touch-icon
✓テーマカラー
✓OGP
✓タイトル
✓ディスクリプション
■ 高速化処理(必要な場合)
✓CSS・JSサイズ圧縮
✓クリティカルCSS適用
✓画像最適化
✓Webフォント最適化
■ Google Analytics導入(必要な場合)
✓Google Analyticsトラッキングコード挿入
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
料金について
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
1ページ10,000円よりお引き受け可能です。
ただしデザインや動きなど、必要な工数により金額が変わります。
お見積は無料ですので、まずはお気軽にご相談ください!
[Wordpress対応!]即納品・即レスでHTML/CSSコーディング承ります
業務内容
はじめまして!
サービスを閲覧いただきありがとうございます!
福岡県で、Web制作のフリーランスとして活動している岩崎佑哉と申します!即レス、即納品、高品質の3つを常に意識してお仕事をさせていただいております!
デザインはあるけど、コーディングが出来ない。。
時間がないから誰かに任せたい。
そんな悩みはありませんか
低予算で解決致します!!
まずはお見積もりからお願いしております。
◆サービス内容
・HTML/CSSを用いた静的ページのコーディング
・JavaScriptを使用した動きの表現
(スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど)
・html/css納品→HP・LP制作
・WordPressサイトのコーディング
・WordPressへの機能実装(カスタム投稿・カスタマイザーの設定など)
※WordPressはカスタマイズによって別途費用がかかる場合がございます。
・レスポンシブ対応
◆制作内容
1ページから複数ページまで承っています。
◆料金表
・トップページのコーディング:10,000円〜/1ページ
・下層ページのコーディング:8,000円~/ 1ページ
・LPのコーディング:15,000円~
・JavaScriptの機能実装:5,000円~ / 1点
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress-TOPページ:15,000円〜 / 1ページ
・WordPress-下層ページ:10,000円〜 / 1ページ
※全てレスポンシブ(タブレット、スマホ対応)込みの価格です!
<無料オプション(ご希望の場合)>
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築(ご希望の際はご当方のテストサーバーでサイトをご確認頂くことが可能です)
◆実績
ポートフォリオをご覧ください。
https://www.lancers.jp/profile/yuuya_18/portfolio?ref=more
非公開のものもありますので、詳しく知りたい方はお知らせください。
◆制作の流れ
1、ヒアリング&お見積り(※まずはご相談下さい!)
※コーディング内容の詳細をお聞かせください。
↓
2、お客様からデザインのご提供
(フォトショップ or XDでのデザインを頂ければ、
コーディングしたサイトデータを納品します。)
↓
3、コーディング&テスト
↓
4、ご確認・修正
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓
5、最終確認・納品
※テストはWindowsで「Chrom、Safari」の各ブラウザとiphoneXRの「Chrom、Safari」で行います。
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
◆納期
作業量によって異なりますが、基本5日〜1週間ほどお時間いただいております。
ご希望の納期がある場合はご相談くださいませ。
◆受注後の仕様変更やレイアウトの変更に関して
画像の差し替えや文言の変更に関して等、簡易的な修正は無料で対応させて頂きますが、レイアウトや仕様の変更の場合は、別途追加料金での対応とさせて頂きます。
迅速・丁寧にコーディングいたします。
簡単なホームページ制作や部分的な修正、jsによる実装など、幅広く対応可能です。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
最後になりますが、お客様との出会いを大切にしております。
是非宜しくお願い致します。
ご提供いただいたデザインを元にコーディングいたします
業務内容
①静的サイト・LP(ランディングページ)の実装&カスタマイズ
ご提供いただいたデザインから、HTML+CSS(Sass)+JavaScript(jQuery)を使ってコーディングいたします。
②「WordPress」を使った動的サイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのWordPressテーマを作成いたします。
WordPress自体の構築や、プラグインなどの各種設定も対応可能です。
PHP+CSS(Sass)+JavaScript(jQuery)でコーディングいたします。
③「Shopify」を使ったショッピングサイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのShopifyテーマを作成いたします。
Shopify自体の構築や、アプリ、商品登録などの各種設定も対応可能です。
Liquid+CSS(Sass)+JavaScriptでコーディングいたします。
【デザインをカタチに】ホームページ・LPコーディング、WordPress構築します
業務内容
「コーダーが足りない」
「コミュニケーションをしっかりとれるパートナーと仕事がしたい」という場合から
「シンプルな作業、細かな修正」まで弊社にお任せください。
これまで数十社の制作会社・開発会社様と継続的にお取引をしており、
既存サイトの修正からLP、2〜3ページの小規模な個人事業主・士業・ブログサイト、
10ページ〜20ページ前後の中規模コーポレートサイト、
40ページ以上の大規模ECサイト・ポータルサイトのチーム開発なども手掛けてきました。
また、制作会社としてだけでなく個人のビジネス経験としても
・プロのコーチング資格を保有し200名以上と対話
・リクルート(株)で10年弱の営業、企画、ディレクション・マネジメント経験
・500名以上の実店舗経営者様へのコンサルティング経験
・150名以上のコミュニティ運営
・現役のSNSスクール講師
・現役スキューバダイビングインストラクター
・3棟1区分15戸の不動産経営
などの経験があり、現場視点、経営者視点から、老若男女、様々な仲間やお客様と接しコミュニケーション力、ビジネス力を磨いて参りました。
これまでの経験を活かし、
お相手とのイメージのすれ違いを防ぎながらの迅速でスムーズな対応が可能です。
◆弊社が貢献できること
・コミュニケーションコストを意識した円滑な進行
・作った先を見据えたCSS設計によるコーディング
・制作チェックリスト提出によるお相手の確認や手間の削減
・ご依頼箇所以外に気づいた点の自主修正、提案、報告
…などにより、安心できるプロジェクト進行、リソースの削減をし、事業拡大の支援が可能です。
◆料金
トップページ:50,000円〜
下層ページ:15,000円〜
ランディングページ:80,000円〜
WordPressオリジナルテーマ制作:150,000円〜
レスポンシブ不要分割引:合計金額-20%
特急料金;合計金額+30%
※レスポンシブ込み
※ページの長さ、機能により変動いたします。まずはお気軽にご相談いただければ幸いです。
◆サービス内容
・ご提供できるスキル
HTML / CSS(BEM,FLOCSS) / Sass / jQuery / JavaScript / React / Gulp / npm scripts / PHP / WordPress / EJS / Pug / Github / Adobe / Figma
◆制作の流れ
ご依頼内容のご相談
↓
お見積・ご発注・契約書の締結(軽微な案件の場合は省略)
↓
ご確認・必要時は修正
↓
最終確認
↓
納品
◆納品日数
これまでの納品実績は以下の通りです。
(作業環境構築からレスポンシブ対応、制作チェックリストをつけての納品まで)
・2ページ静的サイト:4日
・20000pxのLP:7日
※要件や状況により変動しますが、お急ぎの場合も柔軟に調整いたします。
◆私、ミカミと弊社制作メンバーの人柄
◯ミカミ
・迅速で適切なコミュニケーション
豊富なビジネス経験と制作現場を経てPM、ディレクターとして業務に携わってきており、コミュニケーション力を磨いてきました。お取引先のコミュニケーションコストを考慮した迅速で適切な対応を徹底しています。
・制作の先を見据えた対応
Webサイト制作のゴールは「納品」ではなく「活用」だと承知しています。
事業の目的達成のために貢献できる機能性の高い制作を心がけており、
そのためにより良い方法があれば積極的に提案します。
経営者目線を持ちパートナーとして伴走します。
◯制作メンバー
・コーディング好き
もともと自分の手で何かを作り上げていくことが好きで、コーディングも好きに。
毎日8時間コーディングをしていても飽きることなくずっとできるほどのコーディング好きです。
・飽くなき探究心
わからないことはどこまでも調べ、探求して、できることを増やし技術を磨いてきています。
変化が早いWeb業界のなかで、学んだ分だけ貢献の幅が広がることに喜びとやりがいを感じています。
◆最後に
最後までご覧いただきありがとうございます。
「痒いとことろまで手が届く迅速で丁寧な仕事」を大切に対応いたします。
よろしくお願いいたします。
【Wordpress対応可】HTML/CSSコーディング承ります
業務内容
ごあいさつ
この度、数ある中からサービスの中から見て下さり、
ありがとうございます。
私、コーディング・WordPress構築をメインに
Webサイト制作専門のコーダーとして活動しております
「なかがわ」と申します。
現在、制作会社様2社さまとフリーのディレクター様と
業務提携を結ばせていただき、お仕事をさせていただいております。
私がご提供できること
ーーーーーーーーーーーーーーーーーーーーーーーーーー
公開前終盤の細かい修正や、追加のコーディングなど
クライアントのこだわりにとことん寄り添って、
何度も、何度も、何度でも、スピード対応でお応えします!
初稿2日前、納品1日前で制作サイトを
お渡しさせていただきます!
もちろん品質も、しっかり仕上げます!
短い納期のご依頼には、睡眠1〜3時間!!
お客様の人生を背負って、ご対応しますので、
安心してお任せ下さい!
ーーーーーーーーーーーーーーーーーーーーーーーーーー
サービス内容
・静的コーディング
・LPのコーディング
・レスポンシブ対応
・アニメーションの実装
・WordPress構築
スキル
■HTML/CSS / Sass(DartSass)
・デザインを忠実にコーディングいたします。
・CSS設計手法(BEM・FLOCSS)を使用した保守性の高いコーディングを
実装することで、追加・修正をしても崩れにくいコードを提供いたします。
・画面幅を変更しても、各デバイスで表示崩れが無いように
レスポンシブ対応いたします。
■jQuery / JavaScript
jQeruyやJavaScriptプラグインを用いたアニメーションの実装
モーダル、アコーディオンやスライダーなどを用いて、
サイトに躍動感をもたせることができます。
■Gulp
タスクランナーを使用して、煩雑な業務を自動化することで、
納期を短縮することが可能です。
■WordPress
オリジナルテーマの構築、カスタマイズ。
お問い合わせページの実装や、
カスタム投稿、カスタムフィールドを使用した実装により、
お客様のご要望に寄り添った唯一のWebサイトを構築する
ことが可能です。
■Photoshop
画像の加工やトリミングなど、かんたんな業務であれば可能です。
細かな業務でもお任せください。
ご依頼からの流れ
①「まずは相談する(無料)」より、ご依頼内容を詳しくお聞かせください。
納期の日程や、具体的なお見積りをさせていただきます。
②事前のお打ち合わせ
ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
③ご契約・作業着手
デザインデータ、写真やテキストなどの素材データをお送りください。
進捗状況はチェックシートを共有させていただきます。
こまめにご報告をしながら、一緒に制作を作り上げていきます。
④ ご確認(テスト環境)
コーディング完了後、品質チェックを行い、ファイルとチェックシートを
送らさせていただきます。
⑤ 修正
ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
⑥ 納品
修正が完了いたしましたら、zipファイルデータを納品いたします。
サーバーへのアップロードも対応可能ですので、
お気軽にご相談ください。
ーーーーーーーーーーーーーーーーーーーーーーー
どんな小さなことでも、お気軽にご相談ください。
丁寧にご対応をいたしますので、安心してお任せいただければと思います。
静的ページ/Wordpress/ShopifyのLPコーディングを代行します
業務内容
自己紹介
現在はランサーズ外からのご依頼がほとんどですが、複数の制作会社様から継続してご依頼いただいているWEBコーダーです。
【制作歴】
- HTML/CSSコーディング ー 10年
- Javascript ー 10年
- Wordpressー 7年
- Shopify ー 5年
【継続中クライアント様】
- Web開発/制作会社様A(5年)
- Web開発/制作会社様B(5年)
- Web制作会社様C(2年)
など
対応内容
- 静的コーディング(1ページ〜複数ページまで対応できます)
- Wordpressオリジナルテーマの構築
- Wordpress既存テーマの改修
- Shopifyオリジナルテーマの構築
- Shopify既存テーマの改修
制作の流れ
- コーディング内容の詳細の打ち合わせ。
※齟齬がないように細かくお伺いしますので、ご容赦ください。
↓ - 見積もりとスケジュールの提出
↓ - デザインデータの受領
↓ - コーディング
↓ - テストアップページのご確認
※テキスト修正/画像の差し替えは無料対応。
※デザイン変更/仕様変更による修正は別途費用がかかる場合があります。
↓ - 納品(サーバーへのアップ・もしくはファイルの送付)
ご不明点があればお気軽にご連絡ください。
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
【デザイナー様・制作会社様向け】HP・LPなどコーディング作業を代行いたします
業務内容
▼こんな方へオススメ
- コーダー不足
- なるべく素早く納品して欲しい
- 確実にデザインが反映されたホームページが欲しい
- 制作後も管理できるモダンでシンプルなコーディングが望ましい
▼ご提供内容
- お好みのデザイン・エフェクトをおよそ3日/ページでコーディングいたします
- 変更点に即対応し、満足いくまでブラッシュアップしていきます
- サーバーへのアップロードといったHP・LP制作の流れをまんべんなくサポートします
- アニメーションやレスポンシブ (ブレイクポイント無制限)、SEO対策は標準料金内で実装いたします
- scssやtailwind.css等を利用した操作性のよいCSS設計ができます
▼制作までの流れ
- webミーティングでヒアリングを行います
- デザインを元に実装開始
- テスト環境にて検証
- 修正内容確認後に検収
- ご要望の形態に合わせて納品 (ご希望があれば運用保守まで対応いたします)
ご相談、お見積もりに関しては無料で行っておりますので、まずはお気軽にご相談ください。
何卒よろしくお願いいたします。
ITアウトソーシング・3D設計対応 (Linux, Python, Java)ます
業務内容
ベトナムの優秀なITチームが、御社の課題を解決します!低コストで高品質、スピーディーなシステム開発をお約束します。
このようなお悩みはありませんか?
システム開発コストの削減、開発期間の短縮、品質の向上、日本語でのコミュニケーション不足
発注の流れ
お問い合わせ・ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。どんな些細なことでもお気軽にご相談ください。
企画提案・お見積もり
ヒアリング内容をもとに、最適なシステム構成や開発計画をご提案します。お見積もりも提示いたします。
ご契約
ご提案内容にご納得いただけましたら、ご契約となります。契約内容について詳しくご説明しますのでご安心ください。
開発
経験豊富なエンジニアチームが、迅速かつ丁寧に開発を進めます。進捗状況は随時ご報告いたします。
テスト・納品
開発完了後、システムが正常に動作するか、お客様と一緒にテストを行います。問題があれば迅速に対応します。
運用・保守サポート
納品後も、システムの安定稼働をサポートします。運用方法のご説明や、トラブル対応もお任せください。
対応範囲・価格
Webシステム開発:50万円〜
小規模なWebシステムの開発。例えば、シンプルな顧客管理システムや、社内向けの業務効率化ツールなど。
システム改修・保守:5万円〜
既存システムのバグ修正や機能改善。軽微な修正から、大規模な改修まで対応します。
Excelマクロ開発:3万円〜
Excelマクロの開発、VBAプログラミング。業務の自動化、効率化に貢献します。
Webサイト保守:3.5万円〜/月
Webサイトの保守、更新作業。コンテンツの追加、修正、デザインの変更など。
納期
要件定義後、最短1週間から
制作の流れ
要件定義
お客様からいただいた要件を詳細に分析し、具体的な仕様を決定します。不明な点は、お客様と綿密に連携を取りながら明確化します。
設計
決定した仕様に基づき、システムの設計を行います。最適なアーキテクチャを選定し、効率的な開発を目指します。
開発
設計書に基づき、プログラミングを行います。高品質なコードを心がけ、バグの少ないシステムを構築します。
テスト
開発したシステムが仕様通りに動作するか、徹底的にテストを行います。単体テスト、結合テスト、システムテストなど、多角的な視点から品質を評価します。
導入
テストをクリアしたシステムを、お客様の環境に導入します。スムーズな移行をサポートし、本番稼働まで責任を持って対応します。
サービス内容
ベトナムを拠点とするITアウトソーシングサービスを提供しています。Webシステム開発、ソフトウェア開発、アプリ開発、インフラ構築など、幅広いニーズに対応可能です。日本企業様向けに、低価格・短納期・高品質なサービスをご提供します。
「システム開発、何から始めたらいいかわからない…」「コストを抑えたいけど、品質も妥協したくない…」
そんなお悩みを抱えていませんか?
IT Globalは、ベトナムの優秀なエンジニアチームによる、高品質で低価格なシステム開発サービスを提供しています。
お客様のビジネスを成功に導くために、最適なITソリューションをご提案します。
まずはお気軽にご相談ください。御社の課題解決に向け、全力でサポートいたします!
静的HTMLからWordPress化まで!フロント実装を丸ごと対応いたします
業務内容
ご覧いただきありがとうございます。
本パッケージでは、以下の内容に対応可能です。
■ HTML/CSSコーディング
デザインデータ(Figma, XD, PSDなど)からのコーディング。レスポンシブにも対応します。
■ JavaScript実装
スライダーやアコーディオン、モーダルウィンドウ、スクロールアニメーションなど、フロント側の動的な実装も対応可能です。
■ PHP実装
フォームの実装もご相談ください。
■ WordPress実装
静的HTMLからのWordPress化、オリジナルテーマの構築、カスタム投稿タイプやACF(Advanced Custom Fields)の導入なども承ります。
\細かな修正や相談も柔軟に対応します!/
気になる点があれば、お気軽にご相談ください。
【Webサイトのお困り事解決】HTML/CSSとWordPressで丁寧に修正します
業務内容
小さな修正から大規模サイト構築まで、あなたのWebサイトを最適化します!コーディング、デザイン、SEO対策までトータルサポート。
このようなお悩みはありませんか?
Webサイトの修正に時間がかかる、デザインが古くさい、SEO対策ができていない、スマホ対応が不十分、WordPressの管理が難しい
発注の流れ
お問い合わせ
メッセージにてご依頼内容をお知らせください。具体的な修正箇所やご要望をお伝えいただけるとスムーズです。
ヒアリング
ご依頼内容を確認し、詳細なヒアリングを行います。必要に応じて、参考サイトやイメージをお伺いします。
お見積もり
ヒアリング内容に基づき、お見積もりと納期をご提示します。ご納得いただければ、制作を開始します。
制作
修正作業を行い、適宜進捗をご報告します。お客様からのフィードバックを元に、修正を重ねていきます。
納品
最終確認後、納品となります。納品後も、軽微な修正は対応いたしますのでご安心ください。
対応範囲・価格
Webページ制作:1万円〜
HTML/CSSによるWebページ制作(1ページ)
既存サイト修正:3,000円〜
既存サイトの修正(文言変更、色変更、余白調整など)
WordPressカスタマイズ:5,000円〜
WordPressのテーマカスタマイズ、プラグイン設定
スマホ対応:5,000円〜
レスポンシブデザイン対応
SEO対策:1万円〜
SEO対策(キーワード選定、内部対策)
納期
内容により異なりますが、通常1週間〜1ヶ月程度です。お急ぎの場合はご相談ください。
制作の流れ
ご依頼内容の確認
お客様からご依頼内容を詳しくお伺いします。WebサイトのURLや修正箇所など、具体的な情報をご提供ください。
修正箇所の洗い出し
ご提供いただいた情報をもとに、修正箇所の洗い出しや必要な作業を明確にします。不明な点があれば、お客様に確認を行います。
修正作業
修正作業を開始し、HTML/CSSやWordPressを編集します。お客様のご要望に沿って、丁寧に作業を進めます。
動作確認
修正後、動作確認を行い、問題がないか確認します。必要に応じて、お客様に確認をお願いすることもあります。
お客様確認・修正
お客様に修正箇所をご確認いただき、フィードバックをいただきます。修正が必要な場合は、再度修正作業を行います。
納品
最終的な納品物を提出します。納品後も、軽微な修正は対応いたしますので、お気軽にご相談ください。
サービス内容
HTML/CSS、WordPressの修正、Webサイト制作を丁寧に対応します。初学者ですが、誠意をもって対応いたしますので、お気軽にご相談ください。
Webサイトのことでお困りではありませんか?
「Webサイトのデザインが古くさい…」「スマホで見ると表示が崩れる…」「自分で修正したいけど、どこを直せばいいかわからない…」
そんなお悩みを、HTML/CSSとWordPressの知識を活かして解決します!
実績作りのため、相場より抑えた価格でWeb制作・修正作業を承っております。
「ちょっとした修正だけ頼みたい」
「まずは相談だけしてみたい」
もちろんOKです!
まずはお気軽にご相談ください。
【コーディング】1ページなら最短4営業日で品質を担保したコーディング受付してます
業務内容
【ランサーズ活動開始記念 - 初回10%OFF!! - 】
▼こんな方、ぜひご相談ください!
・コーダー不足で外注先を探している方
・コーディングが苦手、対応できないWebデザイナー様
・他の業務に集中したい方
など
----------受注後の流れ----------------------------------------
➀お打ち合わせ・ヒアリング
②ご契約(仮払い)
③デザイン(ワイヤーフレーム~デザインカンプ)
④コーディング
⑤テストアップ
⑥公開
---------------------------------------------------------------------
▼主な対応可能業務
●スマホタブレット表示対応
●保守性の高いCSS設計
●内部SEOを意識した構造化マークアップ
●Wordpress
∟お問い合わせフォーム(contact form 7)
∟ブログ通常投稿(archive,date,category,single,sidebar)
∟カスタム投稿
∟カスタムフィールド
∟カスタムタクソノミー
●metaタグの設定
∟タイトル、ディスクリプション(サイトの説明書き)の作成
●読み込みスピード高速化
∟画像webp化・圧縮
∟CSS・Javascriptの圧縮
--------下記要望があれば対応可能--------------------------*
●OGP画像作成
∟リンク添付時に表示される画像
●ファビコン作成
∟ホームページのタブの小さいアイコン
▼追加料金なしのアニメーション
●スライダーまたはカルーセル(1つまで)
●アコーディオン
●トップへ戻るボタン
●ハンバーガーメニュー
▼デザインデータについて
Figma、XD、AI、PSD、エクセルでも対応可能です。
※理想はFigma、XDですと大変助かります。
▼納品方法
お客様の要望に合わせさせていただきます。
・Wordpressプラグイン All-in-one WP Migration
・ファイル(ギガファイル便)
・FTPツール
・その他
▼動作確認
・Chrome、Edge、Firefox、Safari
・Windows10以降、iOS、Android
※すべて最新版に限ります。
※IE11は対応不可です。
納期厳守&誠実対応!安心・丁寧なコーディングをお届けします
業務内容
はじめまして。数あるサービスの中からご覧いただきありがとうございます!
【こんな方におすすめ】
・デザイン通りに忠実にコーディングしてほしい
・スマホ対応のサイトを作ってほしい
・ハンバーガーメニューやアニメーションを入れて動きを出したい
・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.最終チェック・納品
【初心者歓迎】WordPress・LP・コーポレートサイトのコーディング承ります
業務内容
ご覧いただきありがとうございます。Webコーダーのしまと申します。
WordPressを中心に、コーポレートサイトやランディングページ(LP)のコーディングを承っております。
当サービスの強み
- デザインデータを忠実に再現するコーディング
- スマホ・タブレット対応は標準装備
- 読みやすいコード(BEM記法をベースにしていますが、ご希望の方法に合わせられます)
- 初めての方にも分かりやすく説明、やり取りをスムーズに進めます
対応可能な内容
- WordPressサイトのコーディング・組み込み
- HTML/CSS/JavaScript
- レスポンシブ対応(スマホ最適化)
ご依頼の流れ
- デザインデータやサイトのイメージをご共有ください
- 内容を確認のうえ、お見積り・納期をご提案します
- コーディング開始 → ご確認 → 納品
お願い
- デザインデータを必ずご用意ください(※デザイン作成オプションをご利用いただくページについては不要です)
- デザインデータはFigma、PSDは対応可能です。その他の場合はご相談ください
- 写真や文章素材はご支給をお願いしております
- 複雑なシステム開発は対応外となります(可能かどうかご相談いただくことは問題ありません!)
詳細な料金やオプションについてはパッケージをご覧ください。
ご不明点やご相談があれば、まずはお気軽にメッセージください。
「丁寧に、正確に」を心がけて、依頼者様の大切なサイト作りをお手伝いします。
【制作会社・デザイナー様向け】高品質なコーディングを提供いたします
業務内容
数あるパッケージの中からご覧いただき、ありがとうございます。
個人事業(1年目)でコーディングとWordPress構築をメインに活動していると権田量作「ごんだ りょうさく」申します。
現在、制作会社様と継続的なお取引をさせていただいております。
▼こんな方へおすすめ
・デザインデータを正確なコーディングで再現したい制作会社様
・コーディング工程を外注して、業務効率を上げたいデザイナー様
・納期とクオリティを両立できる信頼できるコーダーをお探しの方
▼作業内容
・HTML/CSSコーディング(セマンティックなマークアップ)
・レスポンシブ対応(スマートフォン、タブレット)
・アニメーション実装(CSS/JavaScript)
・Webフォント対応
・各種ブラウザ対応
・W3C準拠のコーディング
・ピクセルパーフェクトな実装
▼特徴(強み)
・レスポンシブデザインの正確な実装
・保守性の高いクリーンなコーディング
・迅速なコミュニケーションと細かな進捗報告
▼制作の流れ
-
お打ち合わせ
仕様確認、実装範囲の確定をさせていただきます。 -
お見積り・契約
工数と納期をご提示させていただきます。 -
制作開始
進捗報告を欠かさず、スムーズな制作進行を心がけます。 -
検証・修正
デバイス/ブラウザチェック、コード品質の確認を行います。 -
納品
完成データをzip形式で納品いたします。
※サーバーアップロード作業もご対応可能です。
▼納品形式
・HTML/CSS/JavaScript ファイル一式
・各種画像データ(圧縮済み)
・テスト環境のURL(オプション)
▼対応可能なデータ形式
XD、Figma、Photoshop、Illustrator、その他画像形式
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
HTML, CSS. JavaScript他、Webサイトの修正、改修、やります
業務内容
こんな方へおすすめ
・検索順位を上げたい。
・専任エンジニアが急用で仕事ができなくなった。
・人手が足りない。
・専任エンジニアが休暇に入ってしまった。
・バグやエラーが出てるけど修正する人材がいない。
持てる技術と知識を最大限に発揮し取り組ませて頂きます。
【制作会社様・デザイナー様向け】高品質、保守性を考慮したコーディングを提供します
業務内容
【制作会社様・デザイナー様向け】足りないリソース外注しませんか?
保守性の高いコーディングを提供します
ご覧頂きありがとうございます。
「リソースが足りない」、「質の良いコーディングを求めている」、「デザインはあるがコーディングだけお願いしたい」、「デザインを細部まで再現してほしい」、「1ページだけでもコーディングしてほしい」
そのようなお客様に寄り添い大切なデザインをコーディングします。
もちろん静的サイトコーディング後、WordPress化まで請け負います。
【SassやGulpを使用し、効率よく保守性の高いコーディング】
SassやGulp、FLOCSS・BEMを使用し効率よく、素早く、保守性の高いコーディングで仕上げていきます。またクライアント様から提示された要件定義を遵守し、ご満足いただけるコーディングに仕上げます。
【全プラン共通の内容】
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでスマホを修正します。
・ハンバーガメニュー
・お問い合わせフォームの設置のみ(ベーシックは除く)
・3回までの修正対応(こちら側のミスは除く)
【当サービスの特徴】
・最短本日から作業を開始します。
・上述しましたが、保守性を意識した質の良いコーディングを提供いたします。
【ご契約後の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
事前にデザインカンプをご用意ください
②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
事前情報として、サーバー情報のご提供をお願いします。(サーバーにアップ不要であれば本情報は不要です。)
③トップページ制作
※3回まで修正可能
④下層ページ制作
※3回まで修正可能
⑤最終確認
⑥本番環境(クライアント様のサーバー)で公開(納品)またはファイル形式でお渡し
【最後に】
私自身、コーディングという業務に大変誇りを持っています。大事なデザインをただ単に再現するのではなく、クライアント様とデザイナー様の思いをこめながら、素晴らしいホームページを制作できればと思っております。宜しくお願いいたします。
デザインを忠実に再現! HP /LPコーディングを代行します
業務内容
ご覧いただきありがとうございます。
Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを1ページから承ります。
◼︎特徴
・ デザインを忠実に再現
・ メンテナンスを重視したシンプルなコーディング
・ SEOに配慮
◼︎プランの詳細
・HTML / CSS コーディング
・レスポンシブ対応
・内部SEO対策
・ハンバーガーメニュー、スライダーなどの基本的な動きの実装(javascript / jQuery)
・修正無制限(※仕様変更は別途費用がかかります)
※デザインデータはご支給ください。
◼︎ご予算・納期
各プランの価格・納期は目安です。ご要望により変動いたします。
まずはお問い合わせください。
◼︎制作の流れ
ヒアリング
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品
◼︎制作者について
Web等の広報媒体制作実績をもとに、迅速・柔軟・丁寧な対応を心がけています。
納品後のアフターフォローもお気軽にご相談ください。
WEB標準に準拠したHTML・CSS・JSコーディングします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は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で詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)
魅力的なデザインをそのままに再現!LPをコーディングします
業務内容
高品質なLPで、御社のビジネスを加速させます!デザイン通りの正確なコーディングと、最新技術で差をつけませんか?
このようなお悩みはありませんか?
ランディングページの品質向上、コンバージョン率の改善、最新技術の導入、デザインの一貫性、レスポンシブ対応
発注の流れ
お問い合わせ・ヒアリング
メッセージにて、LPデザインデータ(Figma, Adobe XDなど)、要件、納期などをお知らせください。詳細なヒアリングをさせていただきます。
企画提案・お見積り
デザインデータと要件を基に、最適なコーディングプランとお見積もりをご提案します。技術的な実現可能性や改善点などもご説明します。
契約・制作開始
ご提案内容にご納得いただけましたら、契約を締結し、制作を開始します。進捗状況は随時ご報告し、密なコミュニケーションを図ります。
テスト・修正
完成したLPをテスト環境でご確認いただき、修正点があればご指摘ください。迅速に修正対応いたします。
納品・アフターサポート
最終確認後、LPデータを納品いたします。納品後も、簡単な修正やご質問には対応いたします。
対応範囲・価格
ベーシックプラン:3万円〜
基本HTML/CSSコーディング、レスポンシブ対応、簡単なアニメーション実装。
スタンダードプラン:5万円〜
スタンダードプランの内容に加え、Sass/JavaScriptを用いたより複雑なアニメーション、動的なコンテンツ表示、SEO対策。
プレミアムプラン:10万円〜
プレミアムプランの内容に加え、WordPress組み込み、CMS構築、サーバー設定、パフォーマンス最適化、保守サポート。
納期
1週間〜
制作の流れ
設計・準備
LPデザインデータと要件を詳細に分析し、コーディングの方針や技術的な課題を明確にします。
コーディング
HTML/CSS/JavaScriptなどを用いて、LPを丁寧にコーディングします。デザインの再現性はもちろん、SEO対策やパフォーマンスも考慮します。
レスポンシブ対応
スマートフォンやタブレットなど、様々なデバイスでLPが正しく表示されるかテストします。必要に応じて修正を行います。
アニメーション実装
アニメーションやインタラクションを実装し、LPに動きと楽しさを加えます。ユーザーの興味を引きつけ、コンバージョン率向上を目指します。
納品・最終確認
完成したLPをサーバーにアップロードし、動作確認を行います。お客様にご確認いただき、問題がなければ納品完了です。
サービス内容
デザインに忠実なLPコーディング、レスポンシブ対応、アニメーション実装、WordPress組み込みなど、御社のビジネスを加速させる高品質なLPを制作します。
御社のビジネスを加速させる、高品質なランディングページ(LP)を制作します。
「LPのデザインはあるけど、コーディングできる人がいない…」「LPの品質を上げたいけど、どこに頼めばいいかわからない…」そんなお悩みはありませんか?
私は、デザインに忠実なコーディングはもちろん、最新技術を用いたアニメーションやレスポンシブ対応で、ユーザーの心を掴むLPを制作します。IT・通信・インターネット業界に特化し、培ってきた知識と技術で、御社のLPを成功に導きます。
今すぐご相談いただければ、御社のLPを無料で診断し、改善点をご提案いたします。まずはお気軽にご連絡ください。
ホームページ、LPのHTML/CSSコーディング、WordPress構築を代行します
業務内容
ご覧いただきありがとうございます!
プランに迷われたら「カスタマイズ」→「まずは相談する (無料)」
から詳細をお聞かせください
■サービス内容
============
・HTML/CSSを用いた静的コーディング
・WordPress構築(オリジナルテーマ)
・JavaScriptを用いたアニメーション実装
■料金表
======
〇コーディング
-トップページ:20,000円~
-下層ページ:11,000円~
〇WordPress導入
-トップページ:20,000円~
-下層ページ(固定ページ):5,000円~
-ブログページ:9,000円~
-カスタム投稿ページ:9,000円~
-個別記事ページ:9,000円~
-お問い合わせフォーム:11,000円~
〇無料対応
・基本的なアニメーション
(ホバー、ハンバーガー、アコーディオン、ドロワーメニュー)
・レスポンシブ対応 (全デバイス幅対応)
・基本的な内部SEO対策
・画像の書き出し、圧縮
・品質チェック
■制作の流れ
==========
- まずは相談する (無料) から詳細をお聞かせください
↓ - 金額や納期に問題なければ、デザインデータをお預かりします
↓ - コーディング開始
↓ - ご確認・修正
↓ - 納品 (ファイル納品またはFTPアップロード)
ご不明な点がございましたら、お気軽にお問い合わせください。
【yahooショッピング】PC・スマホトップページデザイン・コーディングます
業務内容
yahooショッピングトップページリニューアル(デザイン・コーディング)を行います。
yahooショッピングでデザイン、商品登録、各店舗間の商品情報変換、立ち上げ、運営、更新を得意としております。
店舗様のご要望に合わせてフルオーダーにてデザイン制作を承ります。
戦略、アドバイス、扱い方、広告等のアドバイスも可能です。
■制作内容
・Yahooトリプル用TOPページ制作(PC/スマホ)
※上記内容内容次第では金額・納期は上下する場合がございます。
デザイン通りに丁寧なコーディングをします|HTML/CSS対応します
業務内容
【対応内容】
・HTML/CSSによるコーディング
・レスポンシブ対応(スマホ・タブレット対応)
・JavaScriptを用いた簡単なアニメーション(フェードイン、スライダー等)
・お問い合わせフォームの設置(ご希望があれば)
【ご用意いただきたいもの】
・デザインカンプ(Figma、XD、Photoshop、画像など)
・使用する写真や文章などの素材
・サイトの目的やご希望のイメージ(必要に応じて)
【業務の流れ】
- ご依頼内容のヒアリング
(ページ数・用途・ご要望などを確認します) - デザインデータと素材のご提供
- コーディング作業開始
(レスポンシブ対応やアニメーションも含む) - 確認・修正
(軽微な修正は無制限で対応いたします) - 納品
(HTML/CSSファイル一式、またはサーバーへアップロード)
【修正対応について】
・軽微な修正(文字の打ち間違い、色の微調整など)は回数無制限で対応いたします。
・大幅なデザイン変更や追加作業は、別途料金をお願いする場合があります。
提供された Web デザインから HTML と CSS を作成します。ます
業務内容
Webデザインの各ページ(画面)のHTMLとCSSをコーディングします(レスポンシブデザイン用のJavaScriptのみ。他の機能や他のプログラミング言語のJavaScriptはサポートしていません)。レスポンシブデザインに対応しています。UTF-8とSHIFT_JISに対応しています。
【Webサイトの品質向上】HTML/CSSコーディングを承ります
業務内容
丁寧なコーディングでWebサイトの価値を最大化!
このようなお悩みはありませんか?
Webサイトの表示崩れ、更新の煩雑さ、デザインの古さ、SEO対策の遅れ
発注の流れ
お問い合わせ
メッセージにて、ご依頼内容やご希望のイメージ、納期などをお知らせください。参考となるWebサイトやデザインデータがあれば、共有をお願いします。
お打ち合わせ・ヒアリング
お送りいただいた情報を元に、最適なプランをご提案します。お見積もりや納期についても、詳しくご説明します。
ご契約
提案内容にご納得いただけましたら、ご契約となります。着手金として、料金の半額をお支払いいただきます。
制作開始
コーディング、WordPress構築、サイト更新などの作業を行います。進捗状況は随時ご報告し、お客様のフィードバックを反映させながら進めます。
納品・検収
完成したWebサイトをご確認いただき、修正点があればお気軽にお申し付けください。修正後、納品となります。残りの料金をお支払いいただきます。
対応範囲・価格
HTML/CSSコーディング:3万円~
HTML/CSSコーディング:デザインデータ(Figma/XD)を元に、W3Cに準拠した高品質なコーディングを提供します。レスポンシブ対応で、スマホやタブレットでも美しい表示を実現します。
WordPressサイト構築:10万円~
WordPressサイト構築:既存サイトのWordPress化や、新規サイトの構築を承ります。SEO対策、セキュリティ対策も万全です。更新しやすいカスタムテンプレートを開発します。
サイト更新・修正:5千円~
サイト更新・修正:Webサイトのテキスト修正、画像差し替え、デザイン調整など、細かな修正から大規模な改修まで対応します。迅速な対応で、Webサイトの鮮度を保ちます。
納期
最短3日~
制作の流れ
要件定義・企画立案
お客様からいただいた情報やご要望を丁寧にヒアリングし、Webサイトの目的やターゲット層を明確にします。
設計・デザイン
Webサイトの構成、デザイン、コンテンツなどを具体的に設計します。必要に応じて、ワイヤーフレームやプロトタイプを作成します。
実装・開発
設計に基づいて、HTML/CSSコーディング、WordPress構築、JavaScript実装などを行います。W3Cに準拠した、高品質なコーディングを心がけています。
テスト・品質チェック
完成したWebサイトを様々な環境でテストし、表示崩れや動作不良がないか確認します。SEO対策やセキュリティ対策も実施します。
納品・公開
お客様にWebサイトをご確認いただき、修正点があれば修正します。最終的な確認が完了したら、納品となります。
サービス内容
Web制作会社での8年の経験を活かし、HTML/CSSコーディング、WordPress構築、サイト更新・修正など、Webサイトに関する幅広い業務を承ります。丁寧なコーディングと迅速な対応で、お客様のWebサイトの価値を最大化します。
Webサイトのことでお困りではありませんか?
「Webサイトが古くて見栄えが悪い…」「更新作業が難しくて手が回らない…」「スマホでの表示が崩れてる…」
そんなお悩みを、Web制作会社で8年の経験を持つフリーランスコーダーが解決します!
丁寧なコーディングと迅速な対応で、お客様のWebサイトの価値を最大化。
HTML/CSSコーディング、WordPress構築、サイト更新・修正など、Webサイトに関する幅広い業務を承ります。
ぜひ一度、お気軽にご相談ください!
【制作会社様・デザイナー様向け】デザインどおりに再現!コーディング代行いたします
業務内容
WEB制作のコーディング代行サービスです。
「すべてのお客様に満足を」をモットーにお客様のご要望に全力で対応いたします!
ぜひお気軽にご相談くださいませ!
【 こんな方におすすめ 】
「デザインは制作できるけどコーディングをする時間がない」
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様
このような悩みを解決いたします!
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
【 料金 】
・トップページのコーディング: 10,000円〜
・下層ページのコーディング: 6,000円〜/1ページ
・LPのコーディング: 20,000円〜
・アニメーション: 要相談
・WordPress化: 要相談
※上記が基本料金となります。ページの長さやデザインの内容により価格の変動がございます。
※レスポンシブ対応込みの価格になります。
※WordPress化のご希望の方はカスタマイズからご相談くださいませ。
【 対応可能データ 】
・Figma、XD、Photoshop、Illustrator等
※確認用に、一枚に書き出した画像データを(JPEGかPNG)を一緒に送付ください。
※Illustratorの場合はリンク画像も送付(もしくは埋め込みで)お願いいたします。
【 納品までの流れ 】
1 ヒアリング・お見積り
2 ご契約・デザインデータお預かり
3 コーディング
4 ご確認・修正
5 最終確認・納品
【 納品形式 】
・zipファイルの送付
・ご指定のサーバーへアップロード
【 注意事項 】
・必ずデザインデータをご用意ください。
・コーディングルールがございましたら事前にお知らせください。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願いいたします。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願いいたします。
※やり取りの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承ください。(ご回答にお時間がかかる場合は、その旨をお伝え頂くようお願いいたします。)
ご満足いただけるように丁寧かつ柔軟な対応をいたします。
気になる点などがありましたら、お気軽にご相談くださいませ。
高品質なLPをコーディングします
業務内容
本サービスをご覧いただきありがとうございます。
初めまして。フリーランスでWebエンジニアをしておりますRyoと申します。
■このサービスの特徴
・ペライチでは不可能な高度なライティングページをコーディング!
・24時間365日連絡可能!
・修正回数無制限!追加料金なし!
・レスポンシブ対応、アニメーション追加も可能!
■サービス内容
・HTML / CSS / JavaScript コーディング
・運用に必要な各種タグの埋め込み
・画像圧縮による表示速度最適化
・テストアップ後の修正作業
■こんな方にオススメです!
・個人事業主を応援している人や組織
・デザイナーはいるが、コーダーのパートナーがいない個人事業主
・コーディングは全てお任せしたい人や組織
・リソース不足で外注したい人や組織
■納品までの流れ
①ヒアリング(ご相談・スケジュール確認)
↓
②お見積もり提出
↓
③ご依頼(ご購入)
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦ご確認・修正対応
↓
⑧データ納品
デザインに忠実なコーディング・Webサイト制作をいたします
業務内容
◆デザインはできるけどコーディングは苦手…
◆忙しくてコーディングまで手が回らない方
こんな方におすすめです!
作成されたデザインに基づき、Webサイト構築を1ページ~代行いたします。
ジャンル問わず、LP・HPコーディングを承ります。
Wordpress使用のECサイトも可能ですので、ご相談くださいませ。
◇デザインに忠実なコーディング:PergectPixelを使用しながら作業いたします。
◇早いレスポンス:ご連絡には気づき次第すぐに対応いたします。
◇納期厳守:当たり前のことですが、納期は必ず守ります。必要があればこまめに進捗のご報告もいたします。
◇柔軟対応:軽微は修正は回数の制限を設けておりません。お気軽にご相談いただければと思います。
【進め方】
①デザインをご共有いただき、コーディングルールやアニメーション等の概要や納品方法について確認いたします。(オンラインでのお打ち合わせも可能です)
②作業
③初稿提出
④ご確認いただき、修正があればフィードバックしていただきます。
⑤最終納品
【経歴】
・四年制大学卒
・2024年1月までドラッグストア勤務(約5年間)、うち1年半ほど店長を経験
・退職後、Web制作の学習を始めコーディングスキルを修得
・現在は出版社に勤務しつつ、コーディングのお仕事も副業として承っております。デザインも勉強中です。
【デザイナー様向け】デザインデータからHP・LPのコーディングします
業務内容
■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
・Wordpressの導入、構築、改修
・独自チェックリストを用いた報連相
・gulpの環境構築
・gitでのコード管理
■制作内容の詳細
・静的コーディング(1ページ〜)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装:5,000円~ / 1点
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress化:内容に応じて別途お見積もり
※WordPressは別途追加費用が発生いたします。
■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
■購入の流れ
「見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えし、サイト構築開始。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。
■実績
・経歴
アパレル、美容系のECサイトの運営に従事
フリーランスとしてWebサイト制作の活動を開始
6社のWeb制作会社と業務提携を結び活動しております。
「丁寧な対応でよかった!」「より良い提案を積極的にしてくれて助かる」「金額以上のサービス内容だった」などのお声をいただいております。
・仕事に対する姿勢
丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗の報告、納期厳守
ご不明点がありましたら、
お気軽にご連絡くださいませ。
迅速丁寧WebサイトのHTML/CSSコーディング/WordPress更新を承ります
業務内容
10年の経験で培った技術で、あなたのWebサイトを最新の状態に保ちます!
このようなお悩みはありませんか?
- Webサイトの更新作業に手が回らない
- Webサイトのデザインが古く、リニューアルしたい
- スマートフォン対応ができていない
- SEO対策ができていない
発注の流れ
お問い合わせ
Webサイトの現状、修正・更新したい内容、ご予算、納期などをお伺いします。お気軽にご相談ください。
お見積もり
お伺いした内容に基づいて、具体的な修正・更新プランとお見積もりをご提示します。
ご契約
プランとお見積もりにご納得いただけましたら、正式にご契約となります。着手金としてお見積金額の50%をお支払いいただきます。
制作開始
修正・更新作業を行います。進捗状況は随時ご報告いたします。
ご確認
修正・更新完了後、お客様にご確認いただきます。修正点があればご指摘ください。
納品
修正が完了しましたら、納品となります。残金をお支払いいただきます。
対応範囲・価格
Webサイトの小規模修正・更新:5,000円〜
HTML/CSS/JavaScriptを使用したWebサイトの小規模な修正・更新を承ります。テキストの修正、画像の差し替え、リンクの修正などが含まれます。
WordPressサイトのカスタマイズ:30,000円〜
WordPressを使用したWebサイトのテーマカスタマイズ、プラグインの導入・設定、コンテンツの追加・修正などを承ります。レスポンシブ対応やSEO対策も考慮します。
Webサイトのデザインリニューアル:100,000円〜
Webサイト全体のデザインリニューアルを承ります。HTML/CSS/JavaScriptを使用したコーディング、レスポンシブ対応、SEO対策、WordPress導入などが含まれます。デザイン案の作成も可能です。
納期
内容によって異なりますが、小規模な修正であれば3日〜1週間、大規模なリニューアルであれば2週間〜1ヶ月程度です。
制作の流れ
企画・設計
お客様からいただいた情報をもとに、Webサイトの構成やデザイン、必要な機能などを検討します。
デザイン
Webサイトのデザインを作成します。お客様にデザイン案をご確認いただき、修正点があれば修正します。
コーディング
デザインをもとに、HTML/CSS/JavaScriptを使用してWebサイトをコーディングします。レスポンシブ対応やSEO対策も考慮します。
テスト
Webサイトをテスト環境にアップロードし、動作確認を行います。お客様にも動作確認をしていただき、修正点があれば修正します。
公開
Webサイトを本番環境にアップロードし、公開します。
サービス内容
Webサイトの更新・コーディングを承ります。HTML/CSS/JavaScript、WordPressに対応しており、レスポンシブ対応やSEO対策も可能です。
Webサイトの更新、デザインでお困りではありませんか?
10年の経験を持つフロントエンドエンジニアが、HTML/CSS/JavaScript、WordPressを駆使し、あなたのWebサイトを蘇らせます!
✅デザインが古く、リニューアルしたい
✅スマートフォン対応ができていない
✅SEO対策ができていない
そんなお悩みを解決します!
まずはお気軽にご相談ください。
【コーディング】デザインに忠実なWebサイトを製作します
業務内容
デザインデータ(XD)からHTML/CSSコーディングとWordPress構築で、集客力とブランド力を高めます!
このようなお悩みはありませんか?
更新の煩雑さ、スマホ対応の遅れ
発注の流れ
ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。理想のウェブサイト像を共有しましょう。
プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランとお見積もりをご提案します。納得いただけるまでご説明します。
制作開始
ご契約後、迅速に制作を開始します。進捗状況は随時ご報告し、お客様と密に連携します。
納品・公開
完成したウェブサイトをご確認いただき、修正点があれば対応します。ご納得いただけたら納品完了です。
対応範囲・価格
HTML/CSSコーディング:1万円〜
HTML/CSSコーディング:既存デザインを忠実に再現し、スマホ対応も実現します。
WordPressサイト構築:1.5万円〜
WordPressサイト構築:オリジナルテーマで、他社と差別化されたサイトを構築します。
WordPressサイト改修:1万円〜
WordPressサイト改修:デザインの修正、機能追加、幅広く対応します。
各種フォーム作成:0.5万円〜
各種フォーム作成:お問い合わせフォーム、資料請求フォームなど、用途に合わせて作成します。
納期
最短1週間
制作の流れ
構成設計
お客様からご提供いただいた情報や素材を基に、ウェブサイトの構成を設計します。
コーディング・テーマ作成
構成設計に基づき、HTML/CSSコーディング、WordPressテーマ作成を行います。
コンテンツ投入・動作確認
WordPressにコンテンツを投入し、動作確認を行います。
お客様確認・修正
お客様にウェブサイトをご確認いただき、修正点があれば対応します。
サービス内容
HTML/CSSコーディング、WordPress構築、サイト改修、フォーム作成など、ウェブサイトに関するあらゆる業務を承ります。
「ウェブサイトをリニューアルしたいけど、何から始めたらいいかわからない…」そんなお悩みはありませんか?
私は、HTML/CSSコーディングとWordPress構築の経験を活かし、お客様のウェブサイトを「売れるウェブサイト」に変えるお手伝いをします。
お客様のウェブサイトを、集客力とブランド力を高めるための強力なツールにしませんか?
【HTML・CSSコーディング】ホームページをワードプレスで制作いたします
業務内容
国内美容系企業、パーソナルジム、ITコンサル事業会社などのホームページやコーポレートサイト制作経験を活かしてWordPressの「Snow Monkey」や「TCD」テーマを組み込んだ、ホームページを制作いたします!
Web周りの知識が0の方でも大歓迎です!
制作後の期間限定のサポートやご自身でも簡単に更新を行えるホームページにいたします。
お客様の「事業拡大に繋げる」ために尽力いたします
現在の状況や今後の展開を見据えた最適なプランをご提案させて頂きます!
【初心者応援価格】FigmaデザインからWebサイトを制作します
業務内容
初心者だからこその丁寧さ!Figmaデザインを忠実に再現し、お客様の想いを形にします。
このようなお悩みはありませんか?
Webサイトの立ち上げ、リニューアル、デザインデータのコーディング
発注の流れ
お問い合わせ・ヒアリング
お客様のWebサイトに関するご要望や、Figmaデザインデータについてお伺いします。目的やターゲット層、必要な機能など、詳細をお聞かせください。
お見積もり・プラン提案
ヒアリング内容を基に、最適なコーディングプランをご提案します。納期や費用、制作の流れについて詳しくご説明します。
ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。Figmaデザインデータをご提供いただき、制作を開始します。
テスト・修正
コーディングが完了しましたら、テスト環境でご確認いただきます。修正点やご要望があれば、お気軽にお申し付けください。
納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。
対応範囲・価格
HTML/CSSコーディング:30,000円〜
Figmaデザインを基にした、高品質なHTML/CSSコーディングを提供します。レスポンシブ対応も可能です。
JavaScript実装:10,000円〜
JavaScriptを用いたWebページの動的機能実装や、フォームの作成を行います。基本的なDOM操作、バリデーションなどに対応。
WordPressカスタマイズ:20,000円〜
WordPressのテーマカスタマイズや、テンプレートの調整を行います。お客様のニーズに合わせた柔軟な対応が可能です。
Node.js/Expressサイト制作:30,000円〜
Node.js/Expressを使用した、簡単なWebサイト制作を承ります。ルーティングやテンプレートの使用に対応。
納期
要相談(案件により柔軟に対応)
制作の流れ
Figmaデザイン分析
お客様からご提供いただいたFigmaデザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。デザインの意図を正確に理解し、高品質なコーディングを目指します。
HTML/CSSコーディング
HTML/CSSを用いて、Webページの構造を構築します。Figmaデザインを忠実に再現し、美しい見た目と使いやすさを両立させます。レスポンシブ対応も行い、様々なデバイスで快適に閲覧できるWebページを実現します。
JavaScript実装
JavaScriptを用いて、Webページに動きを与えます。フォームのバリデーション、アニメーション、インタラクティブなUIなど、お客様のご要望に応じて様々な機能を追加します。
テスト・修正
完成したWebページをテスト環境で確認し、不具合や修正点がないかチェックします。お客様にもテストにご協力いただき、ご要望に応じて修正を行います。
納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。納品後も、ご不明な点があればお気軽にお問い合わせください。
サービス内容
FigmaデザインカンプからのWebサイト構築、HTML/CSSコーディング、JavaScript実装、WordPressカスタマイズを丁寧に承ります。
Web制作を始めたばかりの私だからこそ、お客様のWebサイトに対する熱い想いを共有し、丁寧に形にすることができます!実績作りのため、低価格で高品質なWebサイトをご提供いたします。まずはお気軽にご相談ください!
【個人事業主様・デザイナー様等】ホームページやLPのコーディング・部分修正 します
業務内容
★初めての方へ★
はじめまして。
こちらはWebサイト、ホームページの修正や更新、新規ページのコーディングなどWebサイトのお困り事を解決するサービスです。
もし依頼がはじめてで不安な方は、ぜひ依頼前にお気軽にDMをください(^^)
★こんなお悩みを解決します★
・テキストや画像を変更したい
・デザインやレイアウトを一部変更したい
・スマホで見ると表示が変になる
・新規ページやLPをコーディングしてほしい
・Wordpressのオリジナルテーマを作成したい
・デザインはできるけれどコーディングが苦手
・継続的にコーディングをお願いできる外注先が欲しい
など、上記以外にもWebサイトのことならなんでもご相談ください。
丁寧にご対応させていただきます!
★パッケージについて★
【ベーシック】
修正や更新をして欲しいという方向けです。
1箇所3,300円でご対応します。
パッケージのシステム上10,000円以下は設定できないため、修正希望の方は一度DMください。
詳しい依頼内容をヒアリングして、正式なお見積もりを作成させていただきます。
※複数項目ご依頼の場合は、内容によっては割引も可能です。
※内容によっては対応不可の場合もございます。
※画像変更のみなどの、簡単な修正のみの場合は複数箇所でも3,000円でご対応します。
【スタンダード】
ホームページの新規ページやLPなど1ページのコーディングを希望する方向けです。
18,000円でご対応します。
基本別途費用はかかりませんが、内容によってはご相談させていただきますのでご了承ください。
【プレミアム】
新規ホームページ全体のコーディング、複数のページをコーディングを希望する方向けです。
5ページ以内:68,000円
6ページ以降は1ページ10,000円の追加費用がかかります。
新規ホームページの場合オプション料金+10,000でWordPressの導入もお手伝い可能ですので、ご相談ください。
★納品までの流れ★
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ(ご確認・修正)
→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品
★納品形式★
・zipファイルの送付
・ご指定のサーバーへのアップロード
★対応可能データ★
・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
★注意事項★
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
★実績★
企業にて3年以上のデザイン&コーディングの実務経験がございます。
また、ホームページの立ち上げ〜公開までの経験もございます。
使用言語は主にHTML/CSS/Javascriptです。
ポートフォリオについては公開・掲載が難しいものがありますので、お手数ですが個別にお問い合わせいただければと思います。
【LP制作】格安でLPのHTML/CSSのコーディングを代行致しまます
業務内容
ご閲覧ありがとうございます!
デザイナー歴6年目です。
本業ではランディングページ作成をメインにマーケティング関連のデザインをやっております。
コーディングがわからない。
画像は作れるけどその先がわからない。
プログラミング?何それ?
そんな方はぜひ、ご相談ください!
お安く作業致します。(本職でもコーディングをやっております。)
◆作業内容
・HTML/CSSを用いた静的コーディング
・SEO用にメタキーワードの設置
・テスト用アップロード時に修正対応
◆オプション
・レスポンシブ対応
・お問い合わせ・メールフォームの設置
・jQueryやCSSを使ったアニメーション
HTMLコーディング 1ページ(レスポンシブ可) を行います
業務内容
ご用意いただいたデザインデータ(psd、ai、xdなど)を元に、
HTML・CSSでコーディングを行います。
制作会社でWebデザインを行なっていた経験があり、
デザインを丁寧に再現することが得意です。
ランディングページのHTMLコーディング代行いたします
業務内容
デザイン作成専門のデザイナー様からのご依頼、
コーディングリソースが不足した制作会社様からのご依頼、
お待ちしております。
支給のデザインデータ(Photoshop , AdobeXD , Figma)から、
忠実に再現したコーディングを行います。
■サービスの強みなど
・レスポンシブ対応込み
PC、スマートフォン、タブレットいずれの環境でも崩れなく閲覧可能なコーディングをいたします。
支給データがPC版のみの場合でもご相談ください。
・ページ表現に必要なJavaScript込み
タブ切り替え、アコーディオン、カルーセル、スムーススクロール、スマートフォン用のメニュー表示などのページに必要最低限のJavaScript実装は予算に込みとなっております。
※数量や複雑な表現の場合には予算外として事前にご相談させていただきます
・CSSアニメーション/エフェクト
スクロールにあわせて要素がアニメーション表示する、ボタンホバー時にアニメーションさせるなど、デザイン上で表現しきれないアニメーションなどにも基本的なものでしたら予算内で対応が可能です。
※複雑な表現の場合には予算外として事前にご相談させていただきます
・品質チェックテスト込み
コーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。
■ご契約後の流れ
-
事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。 -
仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。 -
制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。 -
初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。 -
納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。
【コーディング代行も全ておまかせも!】本格的なランディングページの制作を行います
業務内容
▼こんな方へオススメ
- 初めてのホームページ作成なので、不安な部分を相談しながら制作を進めたい
- なるべく素早く納品して欲しい
- 自分の提案だけでなく、専門知識を生かした提案も聞きたい
- 確実にデザインが反映されたホームページが欲しい
- 制作後も管理できるモダンでシンプルなコーディングが望ましい
▼ご提供内容
- デザイン、コーディング、SEO対策、サーバーへのアップロードといったLP制作の流れを上流から下流までサポートします
- アニメーションやレスポンシブは標準料金内で実装いたします
- tailwind.css/dart-sass等を利用した保守性の高いCSS設計ができます
- テストサーバーなどを設置し、満足いくまでブラッシュアップしていきます
- 丁寧なヒアリングを心がけ課題選定や要件定義を行います
▼制作までの流れ
- webミーティングでヒアリングを行います
- ヒアリング内容をもとにワイヤーフレーム作成 (デザインを希望の場合)
- ワイヤーフレームからデザインを作成 (デザインを希望の場合)
- 実装開始
- テスト環境にて検証
- 修正内容確認後に検収
- ご要望の形態に合わせて納品 (ご希望があれば運用保守まで対応いたします)
ご相談、お見積もりに関しては無料で行っておりますので、まずはお気軽にご相談ください。
何卒よろしくお願いいたします。
webコーダーとしてwebページをコーディングいたします
業務内容
【こんな方へおすすめします】
・自社のWebサイトを制作したい中小企業のオーナー様
・Webサイトのデザイン、イメージはあるけどコードをかけない方
・ブログやポートフォリオを作りたい個人の方
・wordpressの専門知識がなく、プロの手助けが必要な方
【金額について】
・提案、ご相談は無料で受けさせていただきます。お気軽にご相談いただけたらと思います。
・パッケージの料金を基本として、作業内容により多少の増減をいたしますことをご了承下さい。
・ヒアリング、提案と見積もりが完了し双方納得いただけた場合、着手金としてお見積りの2割程度お支払いいただきます。
・パッケージ外の提案も受けさせていただきます。
→既存サイトの修正:3000円〜
→wordpressサイトの保守、更新:5000円〜
→webサイトのデザイン修正、変更:10000円〜
【購入後の流れ】
ヒアリング: お客様のニーズや要望を詳しくお伺いします。ウェブサイトの目的、ターゲット層、必要な機能などをお聞きします。
提案と見積もり: ヒアリング内容に基づいて、最適なプランと具体的な提案書を作成し、見積もりとともにご提示します。
契約: 提案内容にご納得いただけましたら、契約を締結し、着手金をお支払いいただきます。
デザイン案の提示: サイトの全体的なデザイン案をご提示し、ご確認いただきます。必要に応じて修正を行います。
開発作業: 承認されたデザインに基づいて、サイトの開発を進めます。定期的に進捗報告を行い、フィードバックを反映します。
テストと調整: 完成したサイトの動作確認を行い、必要に応じて調整します。
納品とレクチャー: 完成したサイトを納品し、管理画面の操作方法などについてレクチャーを行います。
アフターサポート: 納品後1ヶ月間は、軽微な修正や操作方法のサポートを無償で提供します。
【デザイナー様・制作会社様向け】レスポンシブ対応のHP・LPコーディング承ります
業務内容
ご覧いただき、ありがとうございます!
こちらのパッケージでは、Webサイトのコーディングを承っております。
1ページから複数ページまで対応いたします。
コーディングだけを外注したいデザイナーの方や制作会社の方など、お気軽にお問い合わせください!
良いお取引が進められるよう、誠実で丁寧な対応を心掛けております。
何卒よろしくお願いいたします。
◆◇ サービス内容 ◇◆
・HTML/CSSの静的ページコーディング
・Javascriptの実装
・WordPressの導入(※カスタマイズ内容によって別途費用がかかる場合がございます)
◆◇ 基本料金に含まれる項目 ◇◆
・レスポンシブ対応
・CSSやJavaScriptを使った簡易なアニメーションの実装(※下記に実装例)
・画像圧縮(WebP対応)
・SEO対策(metaタグの設置、構造化マークアップなど)
・安全なテスト環境のご用意
・データ納品&サーバーへのアップロード・公開作業など
◆◇ 簡易なアニメーションの例 ◇◆
・ボタン・リンクのホバーアニメーション
・スクロールアニメーション(スクロールと共に項目が現れるなど)
・ハンバーガーメニュー
・アコーディオン(クリックで隠れていた項目が表示)
・スライダー/カルーセル(クリックや一定時間経過で画像や画面が切り替わる)
・ポップアップ/モーダルウィンドウ(クリックで画面上に別ウィンドウが開くなど)
・タブで表示切り替え
・指定場所までゆっくりスクロール
・一定時間経過後にメッセージを表示
(※複雑なアニメーションは別途お見積りとさせていただく場合がございます)
◆◇ 基本料金 ◇◆
・トップページ :30,000円〜/1ページ
・下層ページ :10,000円〜/1ページ(※使い回せる箇所が多い場合は5,000円〜/1ページ)
・WordPress導入:20,000円〜
・お問い合わせフォームの設置:内容に応じて別途お見積もりさせていただきます
(※デザインの内容、ボリュームによって変動する場合がございます)
◆◇ 納期 ◇◆
・トップページ :3日〜
・下層ページ :2日〜
・WordPress導入:2日〜
(※デザインデータを受領した翌日からの日数です。デザインの内容、ボリュームによって変動する場合がございます)
◆◇ 納品までの流れ ◇◆
①コーディングのご希望について詳細をお聞かせください。
②金額と納期をお知らせいたしますので、ご了承いただけるかご検討ください。
③ご発注いただけるようでしたら、コーディングに必要なデザインデータや素材等をお送りください。
〜コーディングを開始し、初稿が完成し次第、ご連絡差し上げます〜
④テスト環境にて作成したWebサイトをご確認いただき、お気づきの点等をご指摘ください。
(※修正については基本無料で対応いたしますが、仕様変更等は別途費用が発生する場合がございます)
⑤完成データ一式の送付、またはサーバーへのアップロード作業にて納品物をお受け取りいただきます。
◆◇ 表示確認ブラウザ・デバイス ◇◆
・Google Chrome
・Microsoft Edge
・Safari
・Firefox
・Windows/Mac/iPad/iPhone/Android
ご提供するサービスが満足いただけるものになるよう、最後まで責任をもって対応させていただきます。
ご不明な点がございましたら、お気軽にお問い合わせください。
HTML、CSS、javascript。デザインに合わせた最適なページ作成します
業務内容
\デザインを持っているがコーディングして欲しい/
ぜひご相談ください!
こんな方におすすめ
✅「自分でコーディングする時間がない」
✅「デザインは持っているがコーディングは外注したい」
✅「現状のサイトでPCデザインしかないので、レスポンシブデザインに対応したい」
✅「既存のサイトを一部修正してほしい」
制作の流れ
1.メッセージにて打ち合わせの日程調整を行う
2.メッセージにて打ち合わせ、素材提供
3.ご購入
4.制作開始
5.ページ確認(お客様にてご確認いただきます)
6.納品
WordPressについて
作成したページをワードプレス化することも可能です。
◼ご用意いただくもの
- ご自身がお持ちのデザインカンプ
【サブスクじゃない!】1回作って完結の申し込みフォームを制作します
業務内容
▼こんな方におすすめ!
・サービスをスモールスタートしたい。
・月額コストをかけたくない。
・あわよくば自分で修正したりしてフォームを管理したい。
▼納品内容
■下記2ページ分
フォーム入力画面
フォーム送信後画面
▼ご利用後の流れ
打ち合わせをzoomまたは直接お会いして行う。
制作をする内容をヒアリングさせていただき、すり合わせを行います。
↓
制作を開始します。
↓
初稿を提出いたします。
↓
修正内容を反映し再度提出いたします。
↓
内容が問題ないことを確認し納品。
▼オプション
フォームを2個以上制作したい場合、
2個目からは、フォームの数分の料金から5000円引きをさせていただきます。
例:3万円プラン3つフォームを制作の場合、3万+2万5千円+2万5千円=8万円
【個人向け】HTML/CSSコーディングでWebサイトを改善します
業務内容
コーディングのプロが、あなたのウェブサイトを快適な空間に変身させます!
このようなお悩みはありませんか?
ウェブサイトの表示速度が遅い、スマホ対応ができていない、デザインが古い、SEO対策ができていない
発注の流れ
お問い合わせ
まずは、お気軽にご相談ください。ウェブサイトの現状や課題、ご要望をお聞かせください。
プラン提案・お見積もり
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。
制作開始
ご契約後、必要な情報や素材をご提供いただきます。構成案やデザイン案をご確認いただき、修正を重ねながら進めます。
納品・公開
完成したウェブサイトをご確認いただき、問題がなければ納品となります。
対応範囲・価格
HTML/CSSコーディング:10,000円〜
HTML/CSSコーディング代行:既存サイトの修正や更新を迅速に対応します。1ページあたり
WordPressサイト構築:50,000円〜
WordPressサイト構築:オリジナルテーマで、SEOに強く、集客に繋がるサイトを制作します。初期設定、プラグイン導入、基本操作レクチャー込み
レスポンシブ対応:30,000円〜
レスポンシブ対応:スマホ、タブレット、PCなど、あらゆるデバイスで最適に表示されるように調整します。既存サイトのレスポンシブ化も
SEO内部対策:20,000円〜
SEO内部対策:キーワード選定から内部構造最適化まで、検索順位アップのための施策を行います。現状分析、改善提案、実装
Webサイト保守・更新:10,000円〜
Webサイト保守・更新:定期的なバックアップ、セキュリティ対策、コンテンツ更新など、サイトの安定稼働をサポートします。月額
納期
1週間〜
制作の流れ
ヒアリング
お客様のウェブサイトの目的やターゲット層、デザインの好みなどを詳しくヒアリングします。
構成案・デザイン案作成
ヒアリング内容に基づき、ウェブサイトの構成案やデザイン案を作成します。
コーディング
構成案・デザイン案にご納得いただけましたら、コーディング作業に入ります。
テスト・修正
完成したウェブサイトをテスト環境でご確認いただき、修正点があれば修正します。
公開・納品
最終確認後、本番環境にウェブサイトを公開します。
サービス内容
HTML/CSSコーディング、WordPressサイト構築、レスポンシブ対応、SEO内部対策、Webサイト保守・更新など、ウェブサイトに関する様々なサービスを提供します。
ウェブサイトのことでお困りではありませんか?
「ウェブサイトを作りたいけど、何から始めたらいいかわからない…」
「今のウェブサイト、デザインが古くて使いにくい…」
「スマホで見たとき、文字が小さくて見づらい…」
そんなお悩みをお持ちのあなたに、コーディングのプロがお手伝いします!
✔️ 最新技術で、美しく使いやすいウェブサイトを制作
✔️ スマホ、タブレット、PC、どんなデバイスでも快適表示
✔️ SEO対策で、検索順位を上げて集客アップ
まずは、お気軽にご相談ください。お客様の課題を解決する最適なプランをご提案します。
【レスポンシブ対応】HTML/CSSコーディング代行いたします
業務内容
WEBサイト・LPのコーディングを行います。
お客様の想いを形に!心を込めたコーディングで、理想のWebサイトを実現します。
ぜひお気軽にご相談くださいませ!
【 こんな方におすすめ 】
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
【 サービス内容 】
・HTML / CSSを用いた静的コーディング
・JavaScript(jQuery)を用いたアニメーション実装(ハンバーガーメニュー・スライダー等)
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)
【 料金 】
・LPのコーディング: 15,000円〜
・トップページのコーディング: 10,000円〜
・下層ページのコーディング: 5,000円〜/1ページ
・お問い合わせ機能: 10,000円〜
・アニメーション: 5,000円〜
・WordPress化: 要相談
※上記が基本料金となります。ページの長さやデザインの内容により価格の変動がございます。
※レスポンシブ対応込みの価格になります。
※WordPress化のご希望の方はご相談くださいませ。
【 納品までの流れ 】
1 ヒアリング・お見積り
2 ご契約・デザインデータお預かり
3 コーディング
4 ご確認・修正
5 最終確認・納品
【 納品形式 】
・zipファイルの送付
・ご指定のサーバーへアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。