人気ランキング 期間:5月25日 〜 6月1日
【Studio実装】FigmaデザインをStudioで実装します
5月分受付中【Wordpress HTML/CSS】デザイン通りコーディングします
【スピード対応】LPコーディングをスピーディに対応します
LPコーディング代行します!【SEO・プログラミング・アニメーション】ます
【爆速、安価、高品質】WebサイトやLPを爆速でコーディングします
売上UPに直結!高品質・高速納品メルマガコーディングを行います
業務内容
貴社のメールマーケティングを成功に導く、高品質なメルマガコーディングサービスを提供します。
🔳 コーディング範囲:
HTMLメールのコーディング全般(テキスト、画像、リンク、CTAボタンなど)
レスポンシブデザイン対応(PC、スマートフォン、タブレット最適化)
お客様ご提供のデザインカンプ(PSD, Figma, XDなど)に基づき忠実に再現
埋め込み要素(動画、SNSアイコンなど)への対応
🔳 単価・納品スピード:
・Pilot (初回限定): 2本まで無料
サービス品質と信頼関係構築のための期間です。
・安定期: 10,000円/本〜 (プランによる)
週5〜8本の安定した対応が可能です。
原則3営業日以内納品 をお約束します。緊急時は24時間以内の連絡・対応体制を構築しています。
🔳 テスト環境対応:
以下の主要環境での表示確認を行います。
・デスクトップクライアント: Outlook (Windows)
・ウェブメールクライアント: Gmail、Outlook.com
・モバイルアプリ: iOS Mail、Gmailアプリ、Samsung Email
(その他ご要望に応じた環境でのテストもご相談ください)
🔳 品質保証プロセス:
貴社のルールを遵守し、最高品質のメルマガを納品するための徹底した品質管理プロセスを導入しています。
① 要件確認: 詳細仕様の確認、疑問点の整理を行います。
② 実装: お客様のルールに基づき、最適なコードで実装します。
③ 内部チェック: シニアエンジニアによる厳格なコードレビューと品質確認を実施します。
④ テスト: AIを活用した自動テストに加え、複数環境・デバイスでの表示確認を徹底します。
⑤ 納品: 修正対応を含め、完成した成果物を提出します。
🔳 コミュニケーション体制:
日本語堪能なブリッジSEチームが、貴社との円滑なコミュニケーションを保証します。
・日本語対応: ブリッジエンジニア(日本語ネイティブレベル)が窓口となり、ニュアンスまで正確に共有します。
・連絡ツール: Slack, Teams, Chatwork, Email, 電話など、貴社のご希望に応じたツールで迅速に対応します。
・タイムゾーン活用: ベトナムとの時差(+2時間)を活かし、日本の営業時間外でも作業を進めることで、より高速な納品を実現します。
【コーディング対応】HTML/CSS WordPress 土日祝も承ります
業務内容
経験17年のWeb制作者です。土日祝も対応。お気軽にご相談ください
■■■■ こんなお悩みはありませんか? ■■■■
- 急な案件!人手が足りない!
- 納期に間に合うか不安!?
- デザインカンプを再現したい!
- コーディングの品質にこだわりたい!
- 土日祝も対応できるコーダーを探している
そのお悩み、お任せください。
■■■■ ご発注から納品までの流れ ■■■■
① お問い合わせ
メッセージにてご相談ください。
→ ヒアリングとしてご希望の内容・ご予算・納期の確認させていただきます。
② お見積もり・ご提案
ヒアリング内容やデザインカンプ・素材をご共有ください。
→ ご共有データに沿った最適なお見積もりを提示いたします。
③ ご契約・仮払い
内容にご納得できましたらいただけましたら
仮払いをお願いいたします。
④ 制作開始
素材・デザインデータ※をご支給ください。
→ 制作を開始します。
⑤ 確認
初稿提出データをテスト環境にてご確認お願いします。
修正が必要な場合は対応いたします(3回程度)。
⑥ 納品
最終納品(ファイル一式 or 環境反映)をご確認ください。
→ こちらで完了となります。
=============
過去に在籍しておりました広告代理店・制作会社での経験と
フリーランスとしての実績を活かして案件に取り組ませていただきます。
「急ぎの案件で人手が足りない」
「品質を落とさずにスピードも担保したい」
そんな場面で、即戦力としてお役に立てられればと考えております。
これまで17年以上、Web制作に携わり
現在はフリーランスとして多数の案件を担当してきました。
時代に合わせた技術・価格設定に柔軟に対応していきます。
まずはお気軽にご相談ください。
ご状況に合わせて、最適な形でサポートいたします。
【高品質】WebサイトのHTML/CSS/JSコーディング、承ります
業務内容
SEO対策可能!高品質で早いレスポンシブコーディング
はじめまして! 南と申します。
Web制作のフリーランスとして活動しております。
数ある中からご覧いただきありがとうございます。
初めての方にも安心していただけるよう、お客様に寄り添います。
費用・納期のご相談も承りますので、お気軽にお問い合わせください。
_____
対応範囲・価格
❶シンプルデザインプラン 10,000円
下層ページ 5,000円/1p
※軽いアニメーションはこちらのプランでも対応可能です。
❷アニメーションありプラン 15,000円
下層ページ 8,000円/1p
❸こだわりデザインプラン 20,000円
下層ページ 10,000円/1p
⚫︎WordPress構築 20,000円
_____
発注の流れ
❶デザインデータ共有
デザインデータや指示書をご提示いただきます。
データ形式については、XDまたはFigmaが望ましいですが、Adobe Illustratorや Photoshop その他も対応可能です。
また、Googleフォント以外のフォントを使用している場合は、ウェブサイト上で使用可能なフォントファイル・または埋め込みコードをご提示ください。
❷お見積もり
デザインに基づき、最終お見積もりを提示します。
料金や納期にご納得いただければ、契約となります。
❸制作開始
コーディング作業を開始します。
➍修正対応
進捗状況を適宜ご報告し、必要に応じて何度でも修正を行います。
※コーディング着手後の大幅なデザイン変更は追加費用が発生する場合がございます。
❺納品・公開
最終的な納品物を納品し、必要に応じて公開作業をサポートします。
_____
納期
要相談(内容により異なりますが、迅速な対応を心がけています)
費用調整のご相談も承ります。
まずはお気軽にお問い合わせください!
アニメーション実装や表示速度高速化まで。高品質のLPコーディングを承ります
業務内容
デザインカンプを元にLPのコーディングを承ります。
- レスポンシブ対応
- デザイン完全再現
- 読み込み速度を考慮した実装
- アニメーション演出の実装
- スライダーやモーダル、アコーディオンなどのUI実装
など、ご希望どおりの仕様・デザインで実装をいたします。
【標準対応】
下記についてはオプション料金なしで対応いたします。
- レスポンシブ対応
- リソースの圧縮と読み込み最適化によるパフォーマンス対策
- スクロールに応じた要素の表示アニメーション
- 最新ブラウザでの表示チェック
デザインを基にHTML・CSS等を用いて忠実に高精度にコーディングします
業務内容
■対応可能な業務
React / TypeScript / Next.jsを用いたフロントエンド開発を中心に、Webサイトのコーディング業務を承っております。
小規模なLPから中規模〜大規模サイトまで対応可能で、既存サイトの改修や機能追加なども柔軟に対応いたします。
レスポンシブ対応はもちろん、JavaScriptを用いたインタラクション実装(スライダー・スクロール演出・アコーディオン等)にも対応し、ユーザー体験を意識した実装を行っております。
⸻
■制作の流れ
① ヒアリング・要件整理
② お見積もり・スケジュール提示
③ デザインデータのご支給
④ 実装(進捗共有)
⑤ ご確認・修正対応
⑥ 最終納品
進行中もこまめにご報告し、認識のズレが生じないよう丁寧に対応いたします。
⸻
■納品・対応
GitHubでの管理、ZIP納品、FTPアップロードなど、ご要望に応じて柔軟に対応可能です。
また、納品後の軽微な修正や運用面のご相談にも対応しております。
⸻
■納期
案件内容に応じて最適なスケジュールをご提案いたしますが、
通常は1〜2週間程度での納品を目安としております。
お急ぎの案件についても、可能な限り柔軟に対応いたします。
なお、お約束した納期は責任を持って厳守いたします。
⸻
■強み
・迅速なレスポンスとスムーズな進行管理
・デザイン意図を正確に再現するコーディング力
・Webデザイン〜実装まで一貫対応可能
⸻
■メッセージ
ご要望をそのまま形にするだけでなく、
「より良くするためのご提案」を大切にしております。
長くお付き合いできるパートナーとして、
安心してお任せいただけるよう丁寧に対応いたします。
まずはご相談だけでも問題ございませんので、お気軽にご連絡ください。
デザインを基にHTML・CSS等を用いて忠実に高精度にコーディングします
業務内容
■対応可能な業務
React / TypeScript / Next.jsを用いたフロントエンド開発を中心に、Webサイトのコーディング業務を承っております。
小規模なLPから中規模〜大規模サイトまで対応可能で、既存サイトの改修や機能追加なども柔軟に対応いたします。
レスポンシブ対応はもちろん、JavaScriptを用いたインタラクション実装(スライダー・スクロール演出・アコーディオン等)にも対応し、ユーザー体験を意識した実装を行っております。
⸻
■制作の流れ
① ヒアリング・要件整理
② お見積もり・スケジュール提示
③ デザインデータのご支給
④ 実装(進捗共有)
⑤ ご確認・修正対応
⑥ 最終納品
進行中もこまめにご報告し、認識のズレが生じないよう丁寧に対応いたします。
⸻
■納品・対応
GitHubでの管理、ZIP納品、FTPアップロードなど、ご要望に応じて柔軟に対応可能です。
また、納品後の軽微な修正や運用面のご相談にも対応しております。
⸻
■納期
案件内容に応じて最適なスケジュールをご提案いたしますが、
通常は1〜2週間程度での納品を目安としております。
お急ぎの案件についても、可能な限り柔軟に対応いたします。
なお、お約束した納期は責任を持って厳守いたします。
⸻
■強み
・迅速なレスポンスとスムーズな進行管理
・デザイン意図を正確に再現するコーディング力
・Webデザイン〜実装まで一貫対応可能
⸻
■メッセージ
ご要望をそのまま形にするだけでなく、
「より良くするためのご提案」を大切にしております。
長くお付き合いできるパートナーとして、
安心してお任せいただけるよう丁寧に対応いたします。
まずはご相談だけでも問題ございませんので、お気軽にご連絡ください。
LP制作 / WordPress コーディング承ります
業務内容
【サービス紹介】
デザインデータを元に、高品質なHTML・CSS・JavaScriptコーディングを行い、レスポンシブ対応・SEO最適化も実施します。
【サービスの特徴】
・高品質コーディング:クリーンなコードでメンテナンスしやすい構造
・レスポンシブ対応:スマホ・タブレット・PCで最適な表示
・SEO対策:検索エンジンに強いコーディング
・スピード納品:最短3日で納品(要相談)
・修正対応:納品後3回まで無料修正
【サービスの流れ】
① ご依頼・ヒアリング(デザインデータ・要件を共有)
② コーディング開始(HTML・CSS・JSの実装)
③ 動作確認・修正(テスト環境で確認・修正)
④ 納品(完成データをお渡し)
⑤ アフターサポート(納品後の軽微な修正対応)
【作品】
・コーポレートサイト
https://moritaproductions.com/demo/corporate/
・ファッションサイト
https://moritaproductions.com/demo/fashion/
・家具サイト
https://moritaproductions.com/demo/company/
・弁当デリバリーサイト
https://moritaproductions.com/demo/Lunchbox/
・作品一覧
https://moritaproductions.com/works/
【制作会社様向け】カンプに忠実かつ迅速なコーディング代行をいたします
業務内容
【対応可能な業務範囲】
・HTML/CSS(Sass)コーディング
・JavaScript(jQuery)を用いたアニメーション実装
・お問い合わせフォーム設置
・その他スポット修正
【標準的なお見積り】
・トップページ:10,000円~ (5セクションまで)
・セクション追加:5,000円 / 1セクション
・下層ページ:5,000円~ / 1ページ
・静的LP:10,000円 / 10,000pxまで
(以降10,000px毎に5,000円)
・お問い合わせフォーム:5,000円
・スポット修正:ご相談ください
【納品までの流れ】
1.お見積もり/ご購入
2.デザインデータ等お預かり
3.コーディング作業開始
4. 当方のテスト環境にてご確認・修正
5.最終確認・納品(サーバーアップロードまたはzipファイルの送付)
【納期】
応相談。
7日を基本となりますが、内容により前後いたしますのでまずはご相談ください
【レスポンシブ対応・納期5〜7営業日】デザインデータからLPをコーディングします
業務内容
ご覧いただきありがとうございます。
デザインデータをもとに、LPのコーディングを丁寧に対応いたします。
---------- こんな方におすすめです ----------
・デザインデータはあるがコーディングができない
・コーディングだけ外注したい
・AWSでの公開まで一括で依頼したい
・レスポンシブ対応してほしい
・納期を短く、コストを抑えてLP制作したい
---------- 対応できる内容 ----------
・HTML / CSS / JSを使ったコーディング
・レスポンシブ対応(スタンダード、プレミアムプラン)
・シンプルなホバーエフェクト
・スクロールアニメーション(プレミアムプランのみ)
・修正対応(プランにより回数異なります)
---------- 料金内で対応可能なこと ----------
・ヘッダー追従
・シンプルなホバー(単色変化・透明度変化)
・スムーズスクロール
・修正(プランの回数内)
---------- オプション ----------
・スクロールアニメーション追加:5,000円〜
・パララックス・カウントアップ:10,000円〜
・AWS(S3/CloudFront)公開対応:10,000円〜
・お問い合わせフォーム実装:10,000円〜
・修正追加(1回):5,000円
※納期は素材受け取り後からカウントします。
※ページ数・機能の複雑さによって金額が変動する場合があります。まずはお気軽にご相談ください。
【テンプレ有】HTMLメルマガ・メールマガジン制作します
業務内容
【仕事の詳細】
●CRM用等のHTMLメルマガ作成となります。
自分でメルマガを作成できない、時間がない、どんなデザインにしていいか分からない等の方はぜひご連絡ください!
●テンプレートをご用意いたしますのでご使用したい画像や文章をお送りください。
または要望に沿って画像や文章をこちらでご用意する形でも大丈夫です。(こちらで用意する際は別途有料)
●実績参考例
オンラインショップの商品のメルマガ作成例
リフォーム会社のメルマガ作成例 等
●価格
【ベーシック】10,000円
HTMLメルマガ制作
■内容
・支給いただいた文章・画像を使用
・既存テンプレートを利用して制作
・スマホ対応
・軽微な修正1回まで
■こんな方におすすめ
・原稿や画像が揃っている
・低コストで配信したい
・定期メルマガを依頼したい
【スタンダード】15,000円
HTMLメルマガ制作+デザイン調整
■内容
・支給文章・画像を使用
・レイアウト設計
・画像加工・簡易バナー作成
・スマホ対応
・修正2回まで
■こんな方におすすめ
・見やすいデザインにしたい
・クリック率を意識した構成にしたい
・商品の魅力を分かりやすく伝えたい
【プレミアム】20,000円
HTMLメルマガ制作+構成提案
■内容
・構成提案
・文章ブラッシュアップ
・画像加工・バナー作成
・レイアウト設計
・スマホ対応
・修正3回まで
■こんな方におすすめ
・何を配信すればよいか分からない
・文章や構成も相談したい
・商品の魅力をしっかり訴求したい
- メールの種類
- マーケティング・ニュースレター
- プラットフォーム・ツール
- Adobe XD
【レスポンシブ対応】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情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
【スピード価格重視】LPのレスポンシブコーディングいたします
業務内容
サイト制作会社様やWebデザイナー様へ
ランディングページ(一枚ものページ)のコーディングを承ります。
こんな方におすすめです!
-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」
コーディングのお困りごとに丁寧に対応させて頂きます。
まずはご相談ください。
詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。
【納品までの流れ】
1.DM(ダイレクトメッセージ)をお送りください
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力してください。
2. 相談者様へ返信
送っていただいた内容について質問や回答をお送りさせていただきます。
3. 注文・仮払い
納得いただいた場合に注文をお願いします。
4. 製作開始
5. 納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。
6. 最終納品
納品日から3日間無制限に修正対応致します。
お客様にご用意いただくもの
◎コーディングを行うデザインデータ
購入にあたってのお願い
■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。
【緊急案件もOK!】迅速なWEBコーディング代行を承ります
業務内容
こんなお悩みございませんか?
・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。
そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~
【サービス内容】
・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作
内容によってはご相談いただいた当日に納品することも可能です。
着手から納品までスムーズにご対応いたします。
【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。
「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。
私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。
些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。
~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~
【短納期もお任せください!】コーディング代行いたします
業務内容
<<<こんなお悩みございませんか?>>>
・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。
そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~
【サービス内容】
・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作
内容によってはご相談いただいた当日に納品することも可能です。
着手から納品までスムーズにご対応いたします。
【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。
「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。
私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。
些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。
~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~
【最短即日!】スピード納品でコーディング代行いたします
業務内容
こんなお悩みございませんか?
・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。
そんな方はぜひ一度ご相談ください。
"必ず" 良いご提案ができます。
【サービス内容】
・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作
内容によってはご相談いただいた当日に納品することも可能です。
着手から納品までスムーズにご対応いたします。
【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。
「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。
私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。
些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。
迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。
【初稿3~5で納品・レスポンシブ対応】1ページ20,000円からコーディングします
業務内容
■サービス内容
・コーディングのみ(※デザインは含みません)
・レスポンシブ対応
■納品形式
下記からお選びいただけます。
・HTML/CSSなどのファイル形式
・指定サーバーへのアップロード
■納品期間
・1ページ:初稿3~5日で納品可能
※レスポンシブ対応
■制作の流れ
①ヒアリング&打ち合わせ
②お見積り
③仮払い(購入)
④コーディング着手
⑤初稿確認
⑥調整・修正
⑦納品
■注意事項
・仮払い後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合
※納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。
コーポレートサイトやLPのコーディング業務、1ページより承ります
業務内容
コーポレートサイト・LPのコーディング業務承ります!
当サービスはこんな方にお勧めです。
・人手不足によりコーダーを探している制作会社およびwebディレクター様
・複数案件を手掛け、分業したいとお考えのwebデザイナー/LPデザイナー様
・その他、パートナーとなる質の高いコーダーをお探しの方
ぜひ皆様のお力になりたいです。お気軽にお声がけください。
【サービス内容】
お渡しいただいたデザインデータを元に、コーディングを行います。
◆ユーザビリティ、表示速度を意識したHTMLマークアップ
◆SCSS/BEM記法によるメンテナンス性の高いcss
◆レイアウト崩れのないレスポンシブ対応 (PC~TB~SP 柔軟なレイアウト調整)
◆jQueryによる定番の動的パーツ実装
【基本料金に含まれる内容】
・TOPページのコーディング
・jQueryによる定番の動的パーツ実装
※下層ページは別途料金がかかります。
【その他注意点】
◇IE(Internet Explorer)はサポート終了に伴い、対応外となります。
◇お客様都合によるデザインの修正は仕様変更とみなし、別途費用が発生しますのでご注意ください。
◇作業後のチェックを徹底しますが、コーディングに不備があった場合には、無償で修正します。
◇特別な理由なく3日以内にご返信いただけない場合は、制作途中であっても取引を終了させていただく可能性がございます。大変恐縮ですが、スムーズなやり取りにご協力をお願いします。
デザインに忠実にHTML/CSS /JSでコーディング(レスポンシブ対応)します
業務内容
いただいたデザインを元に、HTML / CSS / JavaScriptでコーディングします(レスポンシブ対応)。
◎デザインに忠実
◎シンプルで読みやすいHTML構造
◎修正・微調整も丁寧に対応
を心がけています。
■対応内容
・HTML/CSSコーディング
・レスポンシブ対応(PC/スマホ/タブレット)
・軽微なJavaScript(例:ハンバーガー、アコーディオン、スムーススクロール等)
・画像の圧縮・最適化(webp対応可)
・metaタグ設定(title、description、OGP、favicon等)
■プランの目安(ページ数)
・ベーシック:1ページ
・スタンダード:5ページ
・プレミアム:10ページ
※LP/下層ページなど、静的ページを想定しています。
■進め方
- ヒアリング(デザインデータ/素材/仕様/希望納期)
- コーディング(再現度・可読性・保守性を意識)
- 確認・微調整(各プランの回数内)
- 納品(HTML/CSS/必要に応じてJS、フォルダ構成整理)
■納品形式
・HTML / CSS / JS(必要に応じて)
・フォルダ構成を整理して納品します
■対応できない/注意事項
・大規模アニメーションやアプリ級の実装は別途ご相談
・デザイン制作/文章作成は原則含みません(素材支給前提)
・連絡はプラットフォーム上で行います
【親切・提案・共感をモットー】LP/HPデザイン、責任を持ってコーディングします
業務内容
このページを見ていただき誠にありがとうございます。
はじめまして。「ともひろ」と申します。
「LP/HPのデザインはあるが、コーディングをお願いしたい」
「人手が足りないので、コーディングを委託したい」
そんな方々に是非コーディングをお任せいただけませんか?
現在、私はフリーランスとして、
HTML /CSS/Javascriptのコーディングを中心に活動をしています。
最後まで責任を持って対応させて頂きます。どうぞ宜しくお願い致します!
サービス内容
デザインデータからHTML/CSSを実装
必要に応じてHP/LPをWordPress化(別途料金となります。ご相談ください。)
基本料金
・トップページコーディング・・・・9,500円〜
下層ページ作成・・・・・ +5,000円〜
JavaScript実装・・・・・・・・・ +5,000円〜
※現在先着5名様に1ページコーディングを5,000円で提供するキャンペーンを実施中です。
料金に含まれるもの
・HTML / CSSコーディング
・レスポンシブ対応(PC, SP)
・修正(基本5回迄)
見積もりについて
デザインやボリューム感等お伝えいただき、御見積もりを迅速提出させて頂きます。
納期について
1週間~
※作業量によって異なります。
※余裕を持ってご依頼いただけますと幸いです。
対応データ
・figma
・Adobe XD
・Illustrator(.ai)
・Photoshop(.psd等画像データ)
納品形式
圧縮ファイル(ZIP)、FTPで納品・送付いたします。
親切・提案・共感をモットーにお客様の一歩前を提案できるよう、
全力で取り組みたいと思います。
是非、よろしくお願いいたします。
格安で、丁寧にHTML/CSSコーディング代行を対応致します
業務内容
レスポンシブ対応で見やすく、保守しやすいWebページを制作いたします
HTML / CSS コーディング代行
・Figma / XD / Illustrator / PDF 等のデザインデータから忠実にコーディング
・スマホ対応(レスポンシブ)対応可
・保守性・可読性の高いクリーンなコードを意識しています
LP(ランディングページ)の作成
・1ページ完結のPRページ、イベントページ等
・既存テンプレートのカスタマイズ対応も可能です
デザインがない場合もOK
・簡単な構成案からの制作もご相談いただけます
・フリー素材・テンプレートを活用したコスト重視対応も可能です
軽度のJavaScript実装(ご要望に応じて)
以下のような簡単な動きに対応可能です:
・スライダー(Swiperなどの導入)
・ハンバーガーメニュー
・FAQの開閉
・モーダル表示(画像拡大など)
・スクロールアニメーション(AOS等ライブラリ)
・日付自動挿入 など
※本業の合間に対応しているため、通常は平日夜・週末の稼働となりますが、
週末の案件につきましては可能な限り納期より前倒しで納品できるよう努めております。
丁寧なヒアリングを心がけ、ご希望に沿った成果物を納品いたします。お気軽にご相談ください。
デザインを忠実に再現するコーディング、WordPressサイトの改修を代行いたします
業務内容
静的やWordPressサイトの改修、JavaScriptなどの実装を行います。
1万円という手軽な費用からお申し込みいただけます。(1万円の場合、修正箇所は3つまでとなります。詳しくはお問い合わせください。)
※ご購入前に、必ず無料見積もりをお願いいたします。
【ご購入いただいてからの流れ】
①無料相談
不要なトラブルを避けるため、ご購入前に必ずメッセージにて無料見積もりをお願いいたします。
↓
②ご納得いただけたら、ご購入
無料相談でご納得いただけたら、出品やオファーをご購入いただきます。
↓
③ヒアリング
認識のずれがないよう、ヒアリングで擦り合わせをいたします。
↓
④サイト改修後に提出、フィードバック
サイトを改修して提出しますので、ご確認をお願いいたします。
↓
⑤④を繰り返し、納品
④を繰り返し、完成したら納品いたします。
まずは、メッセージにてお気軽にお問い合わせください。
【実績】
※お手数ですが、先頭に「https://」をつけてご検索ください。
施工図屋さん様
sekouzu.jp/
HTML / CSS / JavaScript を使用したLP作成をいたします
業務内容
-
デザインはあるけど、LPのコーディングだけお願いしたい
-
自分で作ったHTMLを修正してもらいたい
-
できるだけシンプルな構成で、スマホ対応されたLPが欲しい
-
問い合わせフォームはGoogleフォームなどで済ませたい
-
小規模でまずは低予算でLPを作りたい
あなたの課題に、こんな解決を提供します
本パッケージでは、HTML・CSS・JavaScriptを使ったランディングページ(LP)の制作・修正を行います。
PHPを使わず、Googleフォームや外部サービスのフォームを活用することで、簡単かつ安心な構成でページを構築いたします。
- デザインデータ(Figma / Canva / PDF / 画像)をもとにした1ページLPのコーディング
- スマホ対応(レスポンシブ対応)
- スクロールアニメーション、簡単なJS演出の追加(スタンダード以上)
- Googleフォームの埋め込み or リンクボタン設置
- SEOの基本的な構造(metaタグ・alt属性など)の設定
- 他者が作成したコードの一部修正対応(オプション)
- コーディング後の簡単なカスタマイズ・微調整(オプション)
【進め方】
- ご相談・ヒアリング(チャットにて対応)
- デザインや要件のご共有
- 初期コーディング作業(仮納品)
- 確認・修正対応
- 納品(ZIPファイル or GitHub共有 など)
【納品物】
初心者の方にもわかりやすく、丁寧にやりとりいたします
FigmaやCanvaなど、デザインツールにも対応可能
【注意事項】
PHPやサーバーサイド処理は対応しておりません
WordPress化やサーバー設定は対象外ですが、別途ご相談可能です
連絡先や外部サイトURLの記載はLancersの規約に従い控えております
デザイナー様、制作会社様向け、WEBサイト・LPのコーディング代行承ります
業務内容
本サービスをご覧いただきありがとうございます。
本サービスはHP・LPのコーディングを行います。
WordPress構築も対応いたしますのでご相談ください。
独自で作成した品質管理シートを用いて徹底した品質管理を行っています。
■本サービスはこんな方におすすめです
・コーダー不足で外注先を探している制作会社様
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など
■サービスの内容
・HTML/CSS/JavaScripを使用した静的コーディング
・レスポンシブ対応
・JavaScript (ハンバーガーメニュー、スライダー等)
・お問い合わせフォームの設置
・WordPress構築
※納品前修正は無制限で対応いたします。
■料金
・LP 1本2万〜
アニメーション付き
※デザイン内容やボリュームにより追加料金をいただく場合がございます
--以下は無料で対応いたします--
・レスポンシブ対応
・基本のSEO対策
・納品前無制限修正
・納品後、1ヶ月間無償修正
■納品方法
・Zipファイルにて送付
・サーバーへのアップロード
■納期
1ページあたり2日~(目安)
デザインや実装内容により変動するためご相談ください
■修正について
大幅なレイアウト変更や追加は別途料金をいただく場合がございます。
■デザインデータ
Figma、Photoshop、XD など
======特に以下の点を重視し、全力でサポートいたします。========
● 迅速かつ丁寧なコミュニケーション
- 初回のご連絡には原則3時間以内にご返信いたします。
- 遅くとも24時間以内には必ずご返信いたします。
●高品質なコーディングの提供
- 独自の品質管理シート(20項目以上) を用いて品質を確実に担保し、成果物を納品いたします。
●進捗の「見える化」
- 進捗管理シートを活用し、制作状況を日々共有。
- スムーズな納品をお約束いたします。
●報告・連絡・相談の徹底
- 常に状況を共有し、認識のズレがないよう努めます。
●ご要望の最大限の実現
- 仕様やデザインの意図を理解し、可能な限りご希望に沿った形での実装を心がけます。
●お値段以上の価値をご提供
- デザインについて適宜気づいた点や、アニメーションのご提案をするようにしています。クライアント様にとってHP、LPは名刺代わりのようなものなのでいっさい妥協せず制作に取り組みます。
【レスポンシブ対応】HTML、CSSでホームページやLPのコーディング承ります
業務内容
短納期でデザイン通りにコーディングします!
ご覧いただきありがとうございます。
弊社は中小企業様のホームページ制作を続けて創立20年以上の実績があり、Webサイトのコーディングは得意分野ですので、ぜひお任せください!
【営業時間】
平日 9:30~17:30 (休業日:土日、祝祭日、特定日)
■業務内容
デザインデータをご提供いただき、コーポレートサイト / LPのコーディングを代行します。
●サービス内容
・HTML / CSSを用いたコーディング
・レスポンシブ対応
・一般的なSEO対策
●対応範囲について
本パッケージはコーディングのみ対応となりますので、作業前に必ずデザインデータをご提示ください。デザイン制作をご希望の場合は別途お見積致しますのでご相談ください。
以下のような場合も別途お見積で対応可能ですのでお気軽にご相談ください。
・WordPressテーマへの組み込み
・お知らせ / ブログの構築
・お問い合わせフォームの設置
・Googleアナリティクスの開設、設置
●制作の流れ
①ヒアリング
ご購入前に料金表の「まずは相談する」よりお問い合わせ下さい。
ご希望をヒアリングした上でお見積をさせていただきます。
②デザインデータのお預かり
対応可能データ(Photoshop ・Illustrator・AdobeXD・Figma)
提供いただくデザインデータはPCサイズのみでも構いませんが、モバイル・タブレットサイズもデザイン通りに仕上げたい場合にはお送りください。
対応可能データ以外でのご入稿はご相談ください
③作業開始
実際にコーディング作業に入ります。
納期は作業開始からの日数でカウントします。出品サービス購入から必要な素材をご提供頂くまでの日数は含みませんので、ご了承ください。
④確認・修正
テスト環境にて仕上がりをご確認いただきます。
⑤納品
ファイル納品、またはご指定のサーバーへアップロードします。
ご不明な点がございましたら、お気軽にお問い合わせください。
【個人向け】品質にこだわる静的コーディング/WordPress構築を承ります
業務内容
\コーディングはお任せください/
ご覧いただきありがとうございます。
デザインカンプから高品質で静的サイトのコーディング、WordPressオリジナルテーマ構築を承ります。
親切丁寧に対応いたします。
まずはお気軽にご相談ください。
☆制作実績
URL: https://www.takucode322.online/products/
☆対応内容
・レスポンシブコーディング
・JavaScriptを使用しての動きの実装
(ハンバーガーメニュー、アコーディオン、モーダル、タブ切り替え、スムーススクロール)
・アニメーションの実装
・WordPressオリジナルテーマの実装
・サーバーへのアップロード
☆制作について
1ページから承ります。
下層ページ1ページだけ等も対応可能です。
☆価格
・静的サイト
TOPページ 15000円
下層ページ 5000円
・WordPress
TOPページ 20000円
下層ページ 7500円
☆価格に含まれる物
・Figma / XD / PhotoShopカンプからのコーディング
・レスポンシブ
・JavaScriptを使用しての動きの実装
(ハンバーガーメニュー、アコーディオン、モーダル、タブ切り替え、スムーススクロール)
・画像圧縮(WebP)
・サーバーへのアップロード(必要であれば)
※追加で対応可能な物
・アニメーションの実装
・CSS/JavaScriptのバンドル化
・画像のハッシュ化
☆納期
1ページで5日~となります。
ボリュームや実装内容により異なります。
またお急ぎ等ありましたら、ご相談の上柔軟に対応いたします。
☆スケジュール
①ご相談、お見積り
②デザインデータを確認
③コーディング
④テストサーバーでご確認いただきます(テストサーバーはこちらで用意いたします)
⑤修正あれば対応
⑥納品
Webサイトの制作、WordPressのオリジナルテーマ制作に対応します
業務内容
デザインカンプをもとにしたHTML/CSSコーディングや、WordPressオリジナルテーマの開発を承ります。
「目的や意図を正確にくみ取り、デザインに表れない細部まで配慮すること」を大切に、高品質なコーディングをご提供します。
対応可能な内容
- デザインカンプ(Figmaなど)からのコーディング
└ HTML/CSS/JavaScript/jQuery - WordPressオリジナルテーマの作成
- レスポンシブ対応(PC・スマホ最適化)
- お問い合わせフォームの実装
- 既存サイトの修正・改修対応
ご依頼の流れ
- ヒアリング(目的・ご要望を丁寧に確認)
- デザイン確認/スケジュール提示
- コーディング作業(進捗を随時ご報告)
- 初稿提出 → 修正対応
- 納品・公開サポート(ご希望により継続サポート可)
本業で20年間システムエンジニアとして培った報連相・進捗管理・品質管理を活かし、納期を守りながら安心してお任せいただける対応を心がけています。
ご不明点やご相談があれば、お気軽にお問い合わせください。
【コーディング】LP、HPを心を込めてコーディング代行いたします
業務内容
特別料金でコーディングさせていただきます!
★あなたの想いを形に!心を込めたコーディングで、Webサイトの魅力を最大限に引き出します★
このようなお悩みを抱えの方はぜひ一度ご相談ください。
コーダーのリソースが足りずお困りの制作会社様
案件ごとにコーダーをアサインしたい制作会社様
コーディングを外注したいWebディレクターやコーダー様
コーディングをサポートしてくれるコーダーをお探しのWebデザイナー様
事前相談はいつでも無料で承ります。気軽にお問い合わせください。
サポート内容
コーディング全般
WordPress対応
メタタグ設定、OGP設定
・レスポンシブ対応
発注の流れ
1.プランを選択し、「まずは相談(無料)」ボタンをクリック
メッセージにて、業務内容やご要望、納期などをすり合わせします。
2.デザイン、メタタグ内容、OGP画像を提出していただきます。
3.デザインに沿ったコーディングをいたします。
4.こちらのテストサーバーにて表示確認をさせていただきます。
5.表示確認ができましたら、ファイルにて納品させていただきます。
対応範囲・価格
TOPページ コーディング:20,000円
TOPページのデザインに合わせて、美しいコーディングを施します。4セクションまで対応。
セクション追加:5,000円/セクション
TOPページに追加でセクションを増やしたい場合に。
下層ページ コーディング:10,000円/ページ
会社概要やサービス紹介など、下層ページのコーディングを承ります。
WordPress化:20,000円
コーディングしたWebサイトをWordPressで構築し、お客様自身で簡単に更新できるようにします。
納期
案件の内容により異なりますが、通常1週間~1ヶ月
制作の流れ
事前準備
お客様からいただいた情報をもとに、コーディングの準備を行います。
コーディング
HTML、CSS、JavaScriptを用いて、Webサイトを丁寧にコーディングいたします。
ご確認・修正
コーディングしたWebサイトをご確認いただき、修正点があればご指摘ください。
納品・アフターフォロー
最終確認後、納品となります。納品後も、軽微な修正は対応いたします。
サービス内容
HTML/CSS/JavaScriptを使用したWebサイトのコーディングを承ります。BEMやSassを用いた保守性の高いコーディング、レスポンシブ対応、WordPressのオリジナルテーマ開発も可能です。お客様の想いを形にするWebサイトを制作いたします。
Webサイトの見た目を変えたいけど、どこから手をつければいいかわからない…そんなお悩みはありませんか?HTML、CSS、JavaScriptのプロが、あなたのWebサイトを美しく、使いやすく生まれ変わらせます!丁寧なヒアリングで、あなたの想いを形にします。まずはお気軽にご相談ください。
HTML, CSS, JSを用いたコーディングをいたします
業務内容
▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」
▼サービス内容
- HTML, CSS, JSのコーディング
- サイトのWordPress化
- アニメーションの実装
▼ご用意いただくもの
- 各種デザインデータ
- テキストデータ
デザインをいただければ、コーディングを短納期で忠実に仕上げます
業務内容
あなたのWebサイトを、真面目さと丁寧さで丁寧に作り上げます!
このようなお悩みはありませんか?
Webサイトの立ち上げ、改修、または機能追加で困っていませんか?予算が限られているけれど、信頼できる人に依頼したいと思っていませんか?
発注の流れ
お問い合わせ
メッセージにて、Webサイトの目的、デザインイメージ、必要な機能、納期などをお知らせください。
要件定義
詳細なヒアリングを行い、Webサイトの構成、デザイン、機能について具体的に決定します。
設計・開発
要件定義に基づき、Webサイトの設計・開発を行います。進捗状況は随時ご報告いたします。
ご確認・修正
完成したWebサイトをご確認いただき、必要に応じて修正を行います。
納品・サポート
最終確認後、納品となります。納品後も、簡単な修正やサポートは承ります。
対応範囲・価格
基本のWebページ作成:10,000円〜
HTML/CSSを使用したシンプルなWebページ作成。レスポンシブ対応も可能です。
JavaScriptによる機能追加:5,000円〜
JavaScriptを使用したWebページの動的機能実装(フォームのバリデーション、簡単なアニメーションなど)。
WordPressカスタマイズ:20,000円〜
WordPressのテーマカスタマイズ、テンプレートの修正など。既存サイトの改修も承ります。
納期
案件によります。お気軽にご相談ください。
制作の流れ
要件定義
お客様の要望を丁寧にヒアリングし、Webサイトの目的やターゲット層を明確にします。
設計
Webサイトの構成、デザイン、機能について、お客様と相談しながら決定します。
コーディング・開発
HTML/CSS、JavaScript、WordPressなどを使用して、Webサイトを構築します。
テスト・修正
完成したWebサイトをお客様に確認していただき、修正点があれば修正します。
納品・公開
Webサイトをサーバーにアップロードし、公開します。公開後も、簡単な修正やサポートは承ります。
サービス内容
Webサイト制作、改修、機能追加を低単価で承ります。HTML/CSS、JavaScript、WordPressに対応。真面目さと丁寧さで、お客様のWebサイトを丁寧に作り上げます。
Webサイトは企業の顔であり、集客の要です。しかし、初めてWebサイトを作る方や、予算が限られている方にとって、Webサイト制作はハードルが高いものです。
そんなあなたのために、Web制作を始めたばかりの私が、真面目さと丁寧さで、あなたのWebサイトを丁寧に作り上げます。実績作りのため、低単価にて対応いたしますので、お気軽にご相談ください。
「Webサイトを作りたいけど、どこに頼めばいいかわからない…」
「予算がないけど、ちゃんとしたWebサイトを作りたい…」
そんなお悩みを解決します!まずはメッセージにてご相談ください。
既存サイト・アプリの細かなバグの調査・修正・改善を承ります
業務内容
運用されるサイト・アプリの原因不明なエラーやバグの調査・修正・改善を行います。
些細なエラーやバグの対応であれば¥2,000(税別・手数料別)
1件のみの対応でも可能。
もちろんNDA(秘密保持契約書)を結んでの作業を徹底します。
納期厳守&最速対応|プロ品質のHTML/CSSコーディングをご提供します
業務内容
ご覧いただきありがとうございます!
静的なコーディングだけでなく、WordPressを用いたサイト構築も対応可能です。
既存ページの修正や、下層ページ1枚からでもお受けいたします。
ご相談やお見積もりは無料にて対応いたします!お気軽にご連絡ください。
■サービスの紹介と特徴
▔▔▔▔▔▔▔▔▔▔▔▔
・お急ぎのコーディング案件にスピード対応
※平均的なLPであれば5日間程度で納品
・自身の開発経験から作り上げた独自のチェックシートを用いて品質を担保
・SEO内部対策を意識したコーディング
・基本的なアニメーションは無料で対応
・納品後、修正3回まで無料で対応
※いただいたデザインと実装が異なるなど、
こちらの瑕疵についてはすべて無償で対応いたします
■ご予算について
▔▔▔▔▔▔▔▔▔▔▔▔
掲載の金額は目安の費用となります。
ページ数・デザイン内容に応じて見積りをご連携いたします。
■価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【コーディング】
・トップページ新規作成:20,000円~ / 1ページ
・下層ページ新規作成:10,000円~ / 1ページ
・既存ページ修正:10,000円~ / 1ページ
【WordPress】
・WordPressサイト構築:50,000円~
(インストール・初期設定・デフォルトブログ機能含む)
・カスタム投稿・カスタムフィールド追加:5,000円~
(ACF利用を想定)
【その他】
問い合わせフォーム設置:5,000円~
【無料オプション】
・基本的なアニメーション ※ハンバーガーメニュー、簡単なボタンホバー等
・レスポンシブ対応
・スライダー機能
・WordPressプラグイン追加
■納品の流れ
▔▔▔▔▔▔▔▔▔▔▔▔
①お問い合わせ・ご相談
まずは、お気軽にご相談ください。デザインカンプやご要望の詳細をお伺いします。
②お見積もり
デザインカンプや仕様書を基に、お見積もりを作成いたします。納期や費用について、詳細にご説明します。
③ご契約・制作開始
お見積もり内容にご納得いただけましたら、ご契約となります。制作スケジュールを確認し、着手いたします。
④ご確認・修正
コーディングが完了後、お客様に確認していただきます。修正点があれば、迅速に対応いたします。
⑤納品・アフターサポート
最終確認後、納品となります。納品後も、ご不明な点があればお気軽にご質問ください。
HTML/CSSコーディング(下層ページ特化パッケージ)下層ページ展開します
業務内容
▼こんな方へオススメ
デザインはあるので、下層ページのコーディングだけお願いしたい
トップページは別で依頼済み or 自社で作成済み
テキスト中心のページで費用を抑えて実装したい
WordPressなどCMSのテンプレート用HTMLが必要
納期を守って丁寧に仕上げてくれるコーダーを探している
▼ご提供内容
下層ページのHTML+CSS(静的ページ)
スマホ対応(レスポンシブ対応)
コーディングルールに沿った実装(ご要望があれば事前に共有ください)
共通パーツの使い回し(ヘッダー・フッター等)にも柔軟に対応
シンプルなJavaScriptの動き(アコーディオン・スムーススクロール等)
▼ご購入後の流れ
ご相談・お見積もり(ページ内容・デザインを確認させていただきます)
必要なデータのご提出(画像・デザインデータ・テキストなど)
コーディング作業
納品(zip納品 or サーバーアップロード)
ご確認・修正対応(軽微な調整は料金内で対応します)
▼制作可能なジャンル
コーポレートサイトの会社概要/採用情報ページ
サービス紹介/製品紹介ページ
プライバシーポリシー、FAQ、404ページなどの静的ページ
スクール・教育機関・医療・飲料・EC関連など多業種実績あり
▼料金プランやオプション
オプション例
アコーディオン対応:無料(シンプルな構造の場合)
JSスライダー導入:+5,000円〜
※複数ページ・ボリュームディスカウントも可能です。ご相談ください。
▼納期
1〜2ページ:2〜4営業日
3ページ以上:要相談(スケジュール優先可能です)
ご不明点・ご相談はお気軽に「メッセージで相談する」よりお問い合わせください。
丁寧・確実にご対応いたします!
WordPressのLP・TOPを最短1日でコーディングをしまます
業務内容
WordPress(ワードプレス) 上で、LPまたはTOPページのコーディングを行います。
デザインデータを元に、
表示崩れのない・スマホ対応済みのページを短納期で仕上げるサービスです。
目安として、
縦5,000px程度のLP(1ページ) を
通常2日、条件が整えば最短1日で対応可能です。
【対応内容】
・LP または TOPページ 1ページ分のコーディング
・レスポンシブ対応(スマホ/タブレット)
・WordPressへの組み込み
・ブロックエディタを使った編集可能な構成
・基本的な表示確認
【このサービスが向いている方】
・デザインはあるが、実装できる人がいない
・急ぎでLPやTOPを公開したい
・WordPressで管理できる形にしたい
・更新しやすい構成にしたい
【対応方針】
・ブロックエディタ拡張プラグインを使用します
・無理なJSアニメーションや特殊演出は行いません
・「見た目優先」ではなく、実運用重視で実装します
※ 5,000pxを超える場合や複雑な構成は別途ご相談ください。
HTML+CSSコーディング代行|レスポンシブ対応・軽量マークアップします
業務内容
▼こんな方へオススメ
デザインデータはあるけれど、コーディングができない
更新しやすく、構造のしっかりしたコードで作ってほしい
デザインに忠実に再現してくれる信頼できるコーダーを探している
制作会社や代理店とスムーズにやり取りできる外注先を探している
▼ご提供内容
静的HTML+CSSで、PC・スマホ両対応のレスポンシブコーディングを行います。
SEOや表示速度、保守性も意識した構造・可読性重視のマークアップが得意です。
対応内容:
HTML5 / CSS3(Sass可)
レスポンシブ対応(SPはブレイクポイント指定対応可)
jQueryアニメーション(スライド・フェードなど)
ドロワーメニュー
ページトップボタン
スクロールアニメーション
フォーム(HTML側のみ / PHP設置別途)
画像最適化
▼ご購入後の流れ
ご依頼内容のヒアリング
デザインデータのご共有(Figma / XD / Photoshop / illustrator など)
ページ構成確認と正式お見積り
着手 → 中間確認(必要時)
納品(zipまたは指定サーバーアップロード対応可能)
納品後の軽微な修正1回まで無料対応
▼制作可能なジャンル
制作会社経由で多様な業種を対応しています。
ジャンルによる制限はなく、構造重視のコーディングでどんな業種にも対応可能です。
実績例:
医療・製薬系(医薬品LP)
飲料・食品メーカー(キャンペーンLP)
教育機関(専門学校、スクールサイト)
コーポレートサイト全般
健康食品ECサイト(MakeShop)
企業Q&A (Zendeskカスタマイズ)
CMS組み込み(Wordpressオリジナルテーマ・MovableType)
▼料金プランやオプション
🟨基本料金
種別 価格(税抜) 備考
トップページ(〜7,000px) ¥20,000 基本構成+レスポンシブ対応 長さ、ボリュームで変動
下層ページ(通常) 10,000円〜 / 1ページ ライバシーポリシーなどテキスト主体や、下層でも動きが多いページなどを考慮し変動
🛠オプション
内容 価格(税抜)
WordPress組み込み対応 ¥40,000〜
▼納期
トップページ:5営業日程度(構成や仕様により変動)
下層ページ:1〜2営業日程度/1P
特殊なレイアウトは別途ご相談ください
制作会社で7年以上の経験を持ち、数百ページ以上のコーディングを担当。
再利用性の高い、柔軟なHTML/CSS設計が得意です。
ご相談ベースでも大歓迎です。お気軽にご連絡ください!
HTML/CSS/JS/WordPressでLPコーディング代行します
業務内容
当サービスをご覧いただきありがとうございます。
当サービスではいただいたデザインデータから、HTML.CSS.JavaScriptを用いてLPのコーディングを代行致します。
【料金】
先着10名様 15,000円〜 お受け付け致します。
通常料金 20,000円〜
画像コーディングや短いLP 7,000円〜
WordPress化 10,000円
※修正無制限、レスポンシブ対応無料
【制作の流れ】
見積もり・カスタマイズの相談からお見積もり頂きます。
↓
デザインデータの共有をお願い致します。
↓
コーディングさせて頂きます。
↓
修正内容があれば修正致します。
↓
納品
【納品方法】
zipファイル
サーバーへのアップロード
WordPress実装
※FTP情報の共有、WordPress化の場合はWordPress情報のご共有をお願い致します。
【デザイナー様・ディレクター様】デザインに忠実&スピーディーにコーディングします
業務内容
■サービス内容
・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
(WordPressオリジナルテーマも可能)
■当サービスの特徴
・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。
・高品質な実装を行います
→コーディング後には(chrome、safari、firefox、edge)の各ブラウザにて表示崩れがないか等の品質チェックを行います。
・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。
・複雑なアニメーションも実装可能
→CSSアニメーション(GSAPライブラリ)を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。
・表示スピードを少しでも早く(脱jQuery)
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。
■全プラン無料の標準サービス
・レスポンシブ対応(スマホ対応)
・基本的なSEO対策
・クロスブラウザ対応(chrome、safari、firefox、edge)
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応
(以下、Wordpressを使用した場合)
・ブログ機能
・ブログ以外の投稿機能(カスタム投稿)
・簡単に更新できるテンプレート設置(カスタムフィールド)
・基本的なセキュリティ対策
■こんな方におすすめ
・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方
■私の強み
・コーディング歴5年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能
私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。
■制作の流れ
- ヒアリング
(※ZOOMでのオンラインミーティングも可能です) - お見積もり金額を提示
- デザインデータを共有、コーディング開始
- 完成品の確認・修正
- 最終確認、データ納品
- 完了報告からお支払いまでのお手続き
■具体的な納品物
・本番環境に公開(お客様の方でご用意いただいているサイトに公開いたします)
・ファイル納品(テーマファイルをZip形式に圧縮してお渡しいたします)
■過去の実績
・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP(下層ページ)
その他・・
■私の特徴
私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。
WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。
特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。
例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。
一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。
また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。
私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。
まずはお気軽にご相談ください。
お待ちしております。
迅速&柔軟対応|デザインに忠実なコーディング対応いたします
業務内容
Webエンジニア兼マーケターをしております、花田ケンタと申します。
ココナラでも活動しており、プラチナランクの実績がございます。
幅広い業界での制作経験を活かし、スムーズかつ高品質にコーディング対応いたします。
✅最短1日の特急対応可能
✅大手企業/飲食系メディア/海外動画サイト/エンタメ系のサイトなどの実績
✅内部SEO/デザインの再現
✅スマホ対応・アニメーション実装・サイト高速化も可能
WebサイトやLP、WordPressの構築など柔軟に対応いたします。
更新しやすい管理画面の対応も可能です。
ご相談は無料ですので、お気軽にお問い合わせください!
▼特徴
・スピード感×品質を両立したコーディング
・デザインの再現にこだわった実装
・SEO・保守性に配慮
・アニメーションの設計から実装まで柔軟に対応
・WordPressなどのCMS構築もサポート
【料金リスト】
●トップページコーディング:15,000円~
●下層ページコーディング:10,000円~ / 1ページ
●LPコーディング:15,000円~
●WordPressテーマ開発:12,000円~
●既存サイトの軽微なカスタマイズ:3,000円~
●待機調整費:2,000円/日
●特急対応:基本料金×1.3
-カンプ共有から納期14日未満が対象。作業内容によって変動します
【基本のサービス内容】
●HTML,CSS コーディング
●PC/SPレスポンシブ対応(スマホ対応)
●アニメーション追加(jQuery・JavaScript)
●ランディングページ作成
WordPressの導入・サイト構築
既存サイトの修正(機能追加・文言修正・デザイン変更など)
サイトのスピード改善 など
▼納品までの流れ
1.お見積もり/ご購入
2.デザインデータお預かり
3.コーディング作業開始
4.ご確認・修正
5.最終確認・納品
◯納品につきまして
基本的には本番環境へのアップロードを前提とした納品となります。
その他の納品方法をご希望の場合はお気軽にお知らせくださいませ。
▼納期
平均2週間ほどを目安に対応しております。
お急ぎの際もご相談ください。
※内容により納期は変動いたしますのでご相談ください。
コーディング代行、LP制作(コーディングのみ)、動画制作、楽天商品登録いたします
業務内容
WEBサイトの修正、コーディング代行いたします!
web業界約15年以上となりますので安心してご依頼ください!
レスポンスも早く、すぐにご対応可能です!
▼こんな方におすすめ
・デザインの準備が終わってるのにコーディングの時間がない
・コーディングできるスタッフがいない
・わかる人に任せたい
他
・レスポンシブ対応に変えたい
・お問い合わせフォームをつけたい
・スマホ表示だと崩れる
・画像差し替えや文章の差し替えをしたい
■価格
※金額はすべて税込みとなります。
・修正、更新のご依頼:要相談
内容により対応不可の場合もございます。
・LPのコーディング:48,000円~
5000px以上ある場合は要相談
・ホームページのコーディング(5ページ以内):110,000円
6ページ以上ある場合は1ページあたり10,000円追加となります。
上記はあくまでも目安となりますのでご相談ください。
■制作の流れ
①まずはご相談ください!
②ご契約(仮払いでの契約となります)
③お客様よりデザインデータのご提供
④コーディング・テスト
⑤ご確認・修正(3回まで)
⑥納品(ご指定の方法で納品いたします。)
*ご依頼していただく場合は上記金額にシステム手数料(5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936
■納期
・修正・更新
午前中までにご依頼いただければ当日納品
・LP制作
4日~
・ホームページ制作
14日~
内容により変動いたしますのでご了承ください。
ホームページ・LPコーディング、WordPress構築いたします
業務内容
ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは基本的に静的サイトのコーディングを行います。
WordPress構築も対応いたしますのでお気軽にご相談ください。
■本サービスはこんな方におすすめです
・コーダー不足で外注先を探している方
・WordPressが苦手
・WordPressが自分でできない
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など
■サービス内容
・デザインカンプからHTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装(ハンバーガーメニュー、スライダー等)
・お問い合わせフォームの実装
・WordPress構築
その他既存サイトの文言、軽微なデザインの修正、アニメーションの追加等
何でもご相談くだださい。
■納品までの流れ
1,ヒアリング、デザインや情報のご提供
2,お見積り
3,ご契約
4,着手開始
5,最終確認・修正
6,納品
7,プロジェクト完了
※報連相を徹底していますので細かく進捗状況はご報告させていただきます。
※納品前の修正は無制限でご納得いただくまで行います。
ここまでご覧いただきありがとうございます。
以下に私について記載させていただきましたのでぜひ、ご一読ください。
■経歴
オンラインスクール【デイトラ】にてWeb制作を学習し現在は卒業してWebコーダーとして活動しています。
2024.11 株式会社デイトラが実施する実務即応型の検定 コーディング実務検定に合格。
■スキル・可能業務
・HTML/CSSコーディング
・JavaScript(jQuery)を使用したアニメーション制作
・WordPress化(完全オリジナルテーマの制作/PHP対応)
・デザインカンプを忠実に再現
■制作実績
・LP×5本(ドロワー、スライダーとう基本アニメーション付き、レスポンシブ対応、)
・静的コーディングからWordPress構築
(トップページ+下層7ページ)(投稿系ページ、カスタム投稿1タイプずつ)(コンタクトフォーム設置プラグイン使用)
■仕事への姿勢
・迅速なレスポンスと報連相(報告・連絡・相談)を徹底し、円滑な業務進行に貢献いたします。
・報告・連絡・相談の徹底
・柔軟かつ誠実な対応
・ご要望を最大限実現する努力
お客様にとって価値ある成果を提供できるよう努めます。
よろしくお願いいたします。
Webサイトの修正・カスタマイズ・保守運用をいたします
業務内容
ご覧いただきありがとうございます。
既存のWebサイトで困っている方へ
修正、カスタマイズ、アニメーションの実装、保守運用などをいたします。
【基本サービス内容】
・HTML / CSS の修正、カスタマイズ
・jQueryやCSSアニメーション
【注意事項】
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます
まずは相談かメッセージでお気軽にお問い合わせください。
【デザインを活かす】動きと品質を両立したLP・HPを実装いたします
業務内容
デザインの完成度を、コーディングで最大化します。
「スマホで崩れる」「イメージと違う仕上がり」「動きが安っぽい」——
そのすべてはコーディングの質で変わります。
HTML/CSS/JavaScript歴3年半・PHP/Laravel歴3年の現役エンジニアが、
デザインの意図を正確に読み取り、完成度の高いコーディングで応えます。
※ポートフォリオサイト近日公開予定。ご希望の方にはサンプルコードをご提示できます。
選ばれる3つの理由
① デザインを最大に活かすコーディング
Figma・XD・Photoshopなど主要ツールに対応。
デザイナーの意図を正確に読み取り、ピクセル単位で忠実に再現します。
「思っていたのと違う」を起こさせない再現精度が強みです。
② 多様なアニメーションに対応
スクロール演出・ホバーエフェクト・スライダー・フェードインなど、
サイトに動きと印象を加えるアニメーションを幅広く実装します。
「なんとなく動かしたい」も、ヒアリングで最適な演出に落とし込みます。
③ フロントからバックエンドまで1人で完結
PHP/Laravelの実務経験3年。
お問い合わせフォーム・API連携・管理機能の追加まで、
コーディング後の「やっぱりここも…」に1人で対応できます。
複数人への依頼コストと連携ミスをゼロにします。
料金プラン
🔹 シンプルLP ¥18,000〜 / 納期7日〜
静的LP 1ページ・PC/SP レスポンシブ対応
🔹 多機能LP/HP ¥35,000〜 / 納期14日〜
1〜3ページ・JSアニメーション・フォーム実装込み
🔹 プレミアムHP ¥75,000〜 / 納期30日〜
4ページ以上・高度な演出・表示速度最適化対応
※ デザインデータのご提供が前提です。
※ デザインデータがない場合はご相談ください。
※ 内容により変動する場合はご相談の上で確定します。
ご依頼の流れ
お問い合わせ → ヒアリング → お見積もり → 着手・中間共有 → 納品
まずはご予算・納期のご相談だけでも構いません。
お気軽にメッセージください。
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
業務内容
貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。
■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後1週間の修正対応
■オプションサービス
・Wordpress化:30,000円
・お問い合わせフォーム:20,000円
・スライダー:15,000円
・フェードイン:10,000円
・アコーディオン:5,000円
高品質なホームページコーディング制作をコーディング代行します
業務内容
■こんな方におすすめです
「リソースが不足している」「安心して任せられるコーダーを探している」そのような際は、ぜひご相談ください。
■対象
・ECサイト
・HP
・LP
・スマホ対応のWebサイト制作(レスポンシブ可)
■サービス内容
・ShopifyによるECサイト構築
・Liquidでのカスタマイズ
・LP・HP制作
・WordPressオリジナルテーマ構築
・JavaScript(jQuery)アニメーション実装
・サーバー移行・お問い合わせフォーム設置・ページ修正
■サービスの特徴
・01 Shopify構築
デザインや機能を柔軟にカスタマイズし、売上やコンバージョンに直結するECショップづくりをサポート。Liquidによる高度なカスタマイズにも対応可能です。
ご希望のデザインや要件に合わせて、オリジナルのShopifyテーマを制作します。SEOや表示速度、保守性も考慮した高品質なコーディングを行います。
・02 コーディング
HTML/CSSを用いた高品質なコーディングをベースに、ランディングページ(LP)やホームページ(HP)の制作に対応しています。SEOや保守性ユーザー体験を考慮したサイト構築を行います。
03 WordPress構築
WordPressを用いたサイト構築に対応しており、オリジナルテーマの制作から機能追加・カスタマイズ、管理画面の改善、セキュリティ対策まで幅広く対応します。
★最大20%割引★制作会社10社以上と提携しているコーダーがコーディング代行します
業務内容
**初回割引20%OFF!**
**2回目のリピーター割引10%OFF!**
「デザインはあるけれど、自分ではコーディングできない」
「社内リソースが足りなくて、このデザインを誰かにコーディングしてほしい」
「デザインどおりにコーディングしてほしい」
「スマホのデザインは無いけれど、スマホにも対応させたい」
「サイト公開後も修正などの保守対応を任せたい」
こんな課題をお持ちの制作会社様や企業/店舗様、
10社以上の制作会社様と提携し、年間30サイト以上制作している私に
コーディングをお任せください!
■■基本プランに含まれるもの■■
・レスポンシブ対応 (PC / SP) ※ブレイクポイント2か所まで
・表示速度高速化を目的とした画像、CSS、JSファイルの圧縮
・SEO対策のためのmetaタグ、Alt、OGP、ファビコン対応 ※テキストや画像をご提供いただける場合のみ
・テストサーバーの準備
・品質チェックリストと合わせての納品
■■基本プランに含まれないもの■■
以下の項目は、ヒアリング時に実装内容を伺い、お見積もりをご案内いたします
・スマホデザイン無しの場合の対応
・アニメーションの実装 ※内容によっては無料対応可能です
・お問い合わせフォーム等の機能実装
・WordPressの導入
■■ご予算について■■
各プランはアニメーションや機能実装の無い場合の価格となりますので、
ご希望されるページ数や実装内容によって変動いたします。
ぜひ、一度お見積もりをさせてください!
また、初回割引、リピーター割引もご用意いたしております!
■■納期について■■
各プランに記載されている納期は、実装内容や稼働状況によって変動いたします。
前倒しの納品を心がけておりますが、ヒアリングさせていただいたうえで、
最終的な納品日をご案内いたします。
■■納品方法について■■
制作データをzipファイルにてお渡しいたします。
■■その他■■
上記に記載している内容以外でも、WordPressサイトを構築したいなど、
ご要望やご質問などがございましたら、お気軽にご相談くださいませ!
確認でき次第、迅速にご回答させていただきます!
React, TypeScript, Next.jsでデザイン通りコーディングます
業務内容
【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング(1ページから大量ページまで対応可能です。修正のみも対応可能)
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します)
【制作の流れ】
・ヒアリング/お見積り(お気軽にご相談ください)
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。
【納期】
実装内容により異なりますが、基本的には1〜2週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。
定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。
シンプルでモダンなLP制作|HTML,CSS.Javascript対応致します
業務内容
デザインをもとに、または構成から、
シンプルで洗練されたLPを制作いたします。
✔ HTML / CSS / JavaScriptでのコーディング
✔ モダンで見やすいレイアウト
✔ スマホ対応(レスポンシブ)
✔ 軽量なアニメーション実装
✔ 修正対応
派手すぎない、実務向けのLP制作を得意としています。
■ こんな方におすすめ
・シンプルで信頼感のあるLPを作りたい
・読み込みが軽いサイトにしたい
・既存デザインをコーディングしてほしい
・アニメーションは控えめに入れたい
■ 制作できる内容
・ファーストビュー(FV)制作
・カードレイアウト
・CTAボタン設計
・スクロールアニメーション
・お問い合わせ導線
※診断LP・サービスLPなどにも対応可能
(←あなたが今やってる案件に寄せてます)
■ 制作の流れ
1️⃣ ヒアリング
2️⃣ 構成確認
3️⃣ コーディング開始
4️⃣ 動作確認・修正
5️⃣ 納品
■ 対応範囲
・LP新規制作
・既存LPの修正
・レスポンシブ調整
・アニメーション追加
■ 使用技術
HTML
CSS
JavaScript
CSS Animation
GSAP(必要に応じて)
■ 強み
実務でLP制作やアニメーション実装を行っており、
見た目だけでなく「使いやすさ・軽さ」を意識したコーディングを行います。
■ 購入前に
以下があるとスムーズです。
・参考サイト
・テキスト素材
・画像素材(なくても相談OK)
Three.jsで印象に残るLP制作。HTML/CSS/JSで実装致します
業務内容
Three.js・JavaScriptを使用し、3D演出やアニメーションを取り入れたLPを制作いたします。
✔ Three.jsによる3D演出
✔ GSAP・CSSアニメーション対応
✔ 軽量で実用的な構成
✔ レスポンシブ対応
✔ HTML / CSS / JavaScriptでの実装
派手すぎるWebGLではなく、
LPとして使いやすい動きを意識して制作します。
■ こんな方におすすめ
・普通のLPでは物足りない
・アニメーションで世界観を作りたい
・ブランド感のあるサイトにしたい
・Hermesホリデー風の演出などに興味がある方
■ 制作できる例
・ボックス開封アニメーション
・スクロール連動3D演出
・浮遊オブジェクト
・SVGキャラクターアニメーション
・背景3D演出
※Three.js初心者の方にも分かりやすく構成します。
■ 制作の流れ
1️⃣ ヒアリング(参考サイト・目的確認)
2️⃣ 構成のすり合わせ
3️⃣ コーディング開始
4️⃣ 動作確認・修正
5️⃣ 納品
■ 対応範囲
・LP制作
・アニメーション実装
・既存LPへのThree.js追加
※デザイン完全新規制作は別途相談
■ 使用技術
Three.js
HTML / CSS / JavaScript
GSAP
SVGアニメーション
■ 強み
現役でLP制作やアニメーション案件を対応しており、
「動き」と「実用性」のバランスを重視しています。
軽量化・保守性も考えたコードで制作します。
■ 購入前に
以下をご準備いただけるとスムーズです。
・参考サイト
・使用したい画像や素材
・イメージ(ふわっとでもOK)
【コーディング経験80件以上】デザインカンプからのコーディングをいたします
業務内容
\ コーディング経験80件以上! /デザインカンプから高品質なWebサイトを制作。WordPressテーマ対応もお任せください。
このようなお悩みはありませんか?
- Webサイトのデザインはあるが、コーディングしてくれる人がいない
- レスポンシブ対応でスマホでも見やすいWebサイトを作りたい
- 予算内で高品質なWebサイトを実現したい
- 納期を守ってくれるコーダーを探している
私は「丁寧なコーディング」と「高いレスポンシブ対応力」を強みとしており、現在は2社と業務委託契約をいただき、長期的な案件に携わっております。これまでにホームページ・ランディングページ制作や修正案件など80件以上を手掛けてまいりました。
発注の流れ
①お問い合わせ
メッセージにて、納期・予算などをお知らせください。
②デザイン確認・ヒアリング
デザインカンプを共有いただき、詳細な仕様について打ち合わせを行います。
③お見積もり・契約
お見積もりをご確認いただき、ご納得いただけましたらご契約となります。
④制作開始
コーディング作業を開始いたします。簡単な文章変更、画像差し替えはいつでもお声掛けください。
⑤納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。
zipファイル納品のほか、サーバーアップの対応も可能です。その際はご使用のサーバー情報などのご共有をお願いいたします。
対応範囲・価格
◇HTML/CSSコーディング:50,000円
LPコーディング (1ページ)。基本的なWebページのコーディングを行います。レスポンシブ対応込み。
◇WordPressテーマ対応:50,000円~
WordPressオリジナルテーマ対応。デザインカンプからWordPressテーマを作成します。
◇1ページ追加:10,000円~
WordPressオリジナルテーマの1ページ追加の対応。PC、スマホ、タブレットなど、様々なデバイスに対応したWebサイトを制作します。
---- 以下アニメーションは無料で実装しております ----
・ハンバーガーメニュー
・アコーディオンメニュー
・スライダー
・ モーダルウィンドウ
・スムーススクロール
・タブ切り替え
・簡単なスクロールアニメーション
※複雑な実装は別途お見積りとなります。
納期
7日~20日 (内容により変動いたします)
丁寧なコミュニケーションと迅速な対応で、Webサイト制作をサポートいたします。まずは、お気軽にご相談ください!
【デザイナー向け】WebサイトのHTML・CSSコーディングをいたします
業務内容
ご覧いただきありがとうございます。
デザインはあるけどコーディングができなくて困っている方へ
デザインさえ用意してもらえればクオリティの高いコーディングをいたします。
【基本サービス内容】
・HTML / CSS コーディング
・レスポンシブ対応
【オプションでのサービス内容】
・下層ページのコーディング:10,000円〜
【注意事項】
・レンタルサーバーの用意とドメイン取得はお客様自身でお願いします
・デザインデータはFigmaかXDであれば共有URLでお願いします
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます
まずは相談かメッセージでお気軽にお問い合わせください。
いただいたデザインを元に、HTMLでコーディングいたします
業務内容
いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。
・HTML/CSSコーディング
・レスポンシブ対応(PC/スマホ/タブレット)
・簡易なアニメーション
・画像の圧縮、最適化(webp対応可)
・metaタグ設定(titleタグ、ファビコン、OGP画像など)
・スライダーやハンバーガーメニューなどの設置、カスタマイズ(javascript)
納品後の修正も、最後まで責任を持って丁寧に対応させていただきます。
ホームページ制作、LP制作のコーディング作業を低単価で高品質に行います
業務内容
サービス内容
サービス内容
ご閲覧いただきありがとうございます!
▼ こんな方にオススメです!
✅WebサイトやLPのコーディングをスムーズに行いたい
✅デザインデータを忠実に再現したい
✅値段を安く抑えたい
✅CMSを使ったサイト構築に悩んでいる
▼サービス内容
・HTML/CSS/Jsでの静的コーディング
・スマートフォン/タブレット/PCに対応したレスポンシブコーディング
・スライダーやタブ切り替えなどのJavaScript実装
・お問い合わせフォームの実装
・既存サイトの修正、ページ追加
・WordPress構築
・部分修正(HTML/CSS/Js などの部分的な修正にも臨機応変に対応させて頂きます)
▼コーディング料金(レスポンシブ対応込み)
・トップページ:10,000円〜
・LPコーディング:1,0000円〜
・下層ページ:5,000円〜
・基本的なJavaScript(スクロール時のアニメーション表示、ハンバーガーメニュー、スライダーなど)1箇所:2,000円程度
・お問い合わせフォーム・メール送信システム実装(PHP):5,000円程度
▼WordPress構築費用
・要相談
▼無料で対応
・レスポンシブ対応
・サイト高速化のための画像圧縮
・最低限のSEO対策
・OGP、faviconの設置(データをいただけた場合)
・修正
▼納品方法
・Zipファイルにて送付
・サーバーへのアップロード
▼納期
着手から3日〜
ページのボリュームや作業の空き状況によって異なりますのでご相談ください
▼修正について
納品前の修正につきましては基本的に無料・無制限で対応させていただいております
※大幅なレイアウトの変更や追加につきましては、別途追加料金とさせていただきます
▼デザインデータ
Figma、Xd、Photoshop、illustrator など
丁寧な対応、丁寧な仕事を心掛けております
まずは、DMか見積もり相談からご連絡をお願いいたします。
ご不明な点がありましたら、どんなことでもお気軽にお問合せ下さい。
購入にあたってのお願い
▼ご用意いただきたいもの
・デザインデータ(Figma・Photoshop・Illustrator・XD... 等)
・画像素材 / 動画 / 文章
HTML/CSS/JavaScript コーディング 動きのあるページを制作します
業務内容
本パッケージはWebサイトのコーディング代行サービスです。
ぜひお気軽にご相談下さいませ!
▼ こんな方におすすめ
「デザインデータはあるけどコーディングをする時間がない」
このようなお悩みをお持ちではありませんか?
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様
ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供します
▼ 料金
●トップページのコーディング:10,000円 〜
●下層ページのコーディング :8,000円〜 / 1ページ
●LPのコーディング:25,000円〜
●アニメーション:要相談
※ 上記は基本料金となります。ページの長さやデザインの内容によって価格は変動します。
※ レスポンシブ対応込みの価格になります。
修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。
▼ 対応可能データ
※ 一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
▼ 納品までの流れ
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ ご確認・修正
→ テスト環境にアップしお客様にブラウザで確認していただきます
⑤ 最終確認・納品
▼ 納品形式
・zipファイルの送付
・ご指定のサーバーへのアップロード
▼ 注意事項
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。
※参考サイトのみのご提示やデザイン作成の対応は行なっておりませんのでご了承ください
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
【経験者がSEO対策やアニメーション実装します】あなたのデザインをコーディングします
業務内容
実務経験ありのWeb製作者が、あなたがお持ちのWebデザインをコーディングします!
■内容
あなたがお持ちのWebサイトやLP(ランディングページ)のデザインをコーディングいたします。
・Webページのジャンル不問です
・SEOを考慮したhtmlコードの構成を検討しながらコーディングします(スタンダード以上)
・レスポンシブ対応、アニメーション付きの動きのあるページの対応OKです
・デザインを忠実再現・デザインの細かな調整あり、どちらも対応いたします
■こんな人におすすめ
・「デザイナーに作成してもらったWebサイトのデザインが手元にあるが、これをWebサイト上に公開できるように形にしたい」とお考えの企業・個人事業主の方
・「サイトに公開したときに、検索上位に入るようにしてほしい」とお考えの企業・個人事業主の方
・「Webページ作成業務を請け負いデザインを作成したが、コーディング作業を外注し、作業の省力化を図りたい」とお考えのWebデザイナー・Web制作会社の方
■メリット
・レスポンシブデザインに対応いたします。PC・スマホいずれかのデザインのみの場合も、お持ちのデザインをベースにもう一方のデザインを作成し、コーディングいたします(※スタンダード・プレミアムのみ)
・デザイン段階では形になっていない【動きのあるページ】を作成いたします。具体的なご指定・ご相談の上決める、どちらも承ります。サンプルを用いながらご希望のイメージを固めていきます。
・デザインを忠実に再現することはもちろん、ご要望に応じて細かな微調整も承ります。(※後者はスタンダード・プレミアムのみ)
まずはお持ちのデザインに対してどのように感じているかをヒアリングさせていただき、ご希望のWebページを作り上げていきます!
■納品物について
基本はhtml,css,jsファイル一式をzipファイル形式にまとめてお渡しとなります。
納品物となるコードをWebサイトへ埋め込む作業(CMS埋め込み、Webサーバー配置)につきましては、事前にご相談の上対応とさせてください。(※オプションになります)
■実務経験について
現職にて、自社で運営しているWebサイトのページ作成や改修を2年半ほど経験しております。
詳しくはプロフィールをご覧ください。
デザインをお持ちの方からのご相談、お待ちしております。
検討中のライトなご質問・ご相談や、ざっくりとしたお話のみでも、いつでもお気軽にご連絡くださいませ。
宜しくお願いいたします!
【専門分野特化】HTMLからWordPressまであらゆるウェブ開発に対応します
業務内容
私たちは、企業や個人事業主のビジネス成長を支えるWebサイトおよびWebシステムの開発を行っています。現代のビジネス環境において、インターネットは情報発信や顧客獲得のための最も重要な手段の一つとなっています。多くの人が商品やサービスを探す際にまずオンラインで情報を検索する時代となり、企業やサービスの価値を正しく伝えるWebサイトの存在は、ビジネスの成功に大きな影響を与えるようになりました。そのため、単に見た目が良いだけのサイトではなく、訪問者にとって分かりやすく、信頼感があり、行動につながる設計が求められています。
私たちは、こうした時代のニーズに応えるために、「ユーザー視点」「デザイン」「マーケティング」の三つの要素を重視したWeb開発を行っています。Webサイトは単なる情報の掲載場所ではなく、企業やサービスの価値を伝え、ブランドイメージを高め、最終的には問い合わせや購入といった成果につなげるための重要なツールです。そのため、サイトの構造やデザイン、コンテンツの配置などを総合的に考え、訪問者が自然に目的の情報へたどり着けるような設計を行います。
開発の初期段階では、お客様の事業内容やサービスの特徴、ターゲットとなる顧客層などを丁寧にヒアリングし、目的に最も適したWebサイトの構成を提案します。例えば、新規顧客の獲得を重視する場合には、サービスの魅力を分かりやすく伝える構成を設計し、信頼性を高める情報や実績紹介などを効果的に配置します。また、ブランドイメージの向上を目的とする場合には、デザインやビジュアル表現を重視し、企業の世界観や価値観をユーザーに伝えるサイト作りを行います。
さらに、現在では多くのユーザーがスマートフォンやタブレットからWebサイトを閲覧しています。そのため、どのデバイスからアクセスしても快適に利用できるレスポンシブデザインを採用し、画面サイズに応じて最適な表示が行われるよう設計します。これにより、ユーザーがストレスなく情報を閲覧できる環境を整え、サイトの滞在時間や利用満足度の向上を目指します。
また、私たちはWebサイトの公開後の成果にも注目しています。どれほど優れたサイトを制作しても、ユーザーに見つけてもらえなければ十分な効果を発揮することはできません。そのため、検索エンジンからのアクセスを増やすための検索エンジン対策(SEO)や、ユーザーにとって価値のあるコンテンツの設計など、Webマーケティングの視点を取り入れた開発を行っています。これにより、サイト公開後も継続的にアクセスを集め、ビジネス成果につながる仕組みを構築します。
さらに、Webサイトは公開して終わりではなく、継続的に改善していくことが重要です。ユーザーの行動データやアクセス状況を分析し、どのページがよく閲覧されているのか、どこで離脱が発生しているのかといった情報をもとに、サイトの構成やコンテンツを改善していきます。こうした改善を繰り返すことで、Webサイトはより効果的なマーケティングツールとして成長していきます。
私たちは、企画・設計・デザイン・開発・公開後の運用サポートまで、一貫した体制でWeb制作を行っています。これにより、お客様は複数の業者に依頼する必要がなく、スムーズにプロジェクトを進めることができます。また、長期的なパートナーとして、お客様のビジネスの成長に合わせたWeb戦略の提案や改善サポートも行っています。
インターネットの世界は日々変化しており、技術やユーザーの行動も常に進化しています。そのような環境の中で成果を出すためには、最新の技術やトレンドを取り入れながら、ユーザーにとって価値のあるWebサービスを提供し続けることが重要です。私たちは、常に新しい知識や技術を学びながら、お客様のビジネスにとって最適なWebソリューションを提供することを目指しています。
単にWebサイトを制作するだけではなく、お客様のビジネスの目的や将来の成長を見据えた提案を行い、長期的な視点で価値を生み出すWeb開発を提供すること。それが私たちの目指すサービスです。これからも、技術とマーケティングの両面からお客様を支援し、インターネットを通じて新しい可能性を広げていきます。
【デザイナー様向け】デザインデータからHP・LPのコーディングします
業務内容
■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
・Wordpressの導入、構築、改修
・独自チェックリストを用いた報連相
・gulpの環境構築
・gitでのコード管理
■制作内容の詳細
・静的コーディング(1ページ〜)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装:5,000円~ / 1点
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress化:内容に応じて別途お見積もり
※WordPressは別途追加費用が発生いたします。
■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
■購入の流れ
「見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えし、サイト構築開始。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。
■実績
・経歴
アパレル、美容系のECサイトの運営に従事
フリーランスとしてWebサイト制作の活動を開始
6社のWeb制作会社と業務提携を結び活動しております。
「丁寧な対応でよかった!」「より良い提案を積極的にしてくれて助かる」「金額以上のサービス内容だった」などのお声をいただいております。
・仕事に対する姿勢
丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗の報告、納期厳守
ご不明点がありましたら、
お気軽にご連絡くださいませ。
【制作会社様・デザイナー様向け】Webサイトのコーディング、修正いたします
業務内容
【the one】プロフェッショナルHTML/CSSコーディング代行サービス
こんにちは、the oneの寺井と申します。Webサイトの修正や新規コーディングをはじめ、レスポンシブデザインの実装まで、あなたのWeb制作を全面的にサポートします。プロのデザイナー様や制作会社様からのリピート依頼多数、品質とスピードを兼ね備えたサービスを提供しています。
サービス概要
- HTML/CSSコーディング代行
- JavaScript/jQueryによる動的機能実装
- レスポンシブWebデザイン
- デザインカンプからのコーディング(Figma, XD, Photoshop対応)
- WordPressテーマカスタマイズ
the oneが選ばれる理由
品質保証:細部にわたるピクセルパーフェクトなコーディングで、デザインを忠実に再現。
迅速対応:最短即日納品を目指し、スピーディーな作業を心がけています。
細かな対応:明確なコミュニケーションと細かな要望への対応を心掛けています。
料金プラン
修正・更新作業:3,300円〜
ランディングページコーディング:50,000円〜
ホームページコーディング(6ページ以内):100,000円〜
※WordPress対応など、オプションも含めた詳細はお見積もりにて。
制作の流れ
- ヒアリング:ご要望と納品希望日を詳細に伺います。
- お見積もり・ご契約:内容に基づいたお見積もりを提出し、ご納得いただければ契約となります。
- 制作開始:デザインデータをもとにコーディングを開始します。
- 確認・修正:初稿提出後、クライアント様のフィードバックに基づき修正を行います。
- 納品:最終確認後、納品(zipファイルまたはサーバーへのアップロード)を行います。
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。
もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。
そのためにもまずは詳細なご依頼内容を伺いたいので、下記の【ご依頼・お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から一度ご連絡ください。
また同じURLからお問い合わせもできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
【ご依頼・お問い合わせ】
https://www.lancers.jp/menu/detail/1274505
【1ページから対応OK】HTML/CSSコーディングいたします
業務内容
約20年フロントエンドに携わっている経験を活かし、デザインを忠実に再現したコーディングをご提供いたします。
一般公開サイト用にSEOを意識したコーディングはもちろん、バックエンドエンジニアとしての目線からPHP、Railsなどのバックエンドプログラム向けのコーディングにも対応可能です。
Javascript等の動的カスタマイズもご相談ください。
最短3日!高品質なHTML/CSSコーディングを対応します
業務内容
WordPress対応・レスポンシブ対応・短納期対応・丸投げOK!HTML/SCSS/CSSコーディングをお任せください!
外部委託無し。認定ランサー本人が対応します。
Webサイト制作において、効率的かつ高品質なコーディングをお求めの方に最適なサービスを提供します。
-
WordPress対応: WordPressテーマのコーディングから、カスタマイズまで柔軟に対応。お客様のニーズに合った最適なソリューションをご提案します。
-
レスポンシブ対応: PC、タブレット、スマートフォンなど、全てのデバイスで美しく表示されるレスポンシブデザインを実現。
-
短納期対応: お急ぎのプロジェクトにも迅速に対応します。お約束の納期を守り、スピーディーに高品質な成果物をお届けします。
-
丸投げ対応: コーディング作業を丸ごとお任せいただけます。企画段階からのご相談も歓迎いたしますので、安心してご依頼ください。
一つひとつ丁寧に作業を進め、クライアント様のビジョンを形にします。高品質なコーディングで、サイトのパフォーマンスやユーザーエクスペリエンスを向上させ、成果につなげます。
ぜひお気軽にご相談ください!
===================================================
当方のプロフィール
2020年度ランサーズ ランキング
クライアント訪問数ランキング Webデザイナー部門 全国1位
ランサーズ歴4,000日以上
▼実績についてはポートフォリオなどご覧ください。
※一部大手企業様の案件については守秘義務の都合上記載しておりません。
★過去実績
大手スーパーサイト制作 WORDPRESS
大手コンビニキャンペーンサイト制作
大手ECサイトUIデザイン制作
会員制ゴルフサイト構築・開発 WORDPRESS
インテリアショップECサイト制作・開発 EC CUBE
エステサロンサイト制作 WORDPRESS
大人気カフェサイト構築 WORDPRESS
avex所属アーティストオフィシャルサイト制作 WORDPRESS
トレーニングジムサイト制作 WORDPRESS
アパレルオフィシャルサイト制作 WORDPRESS
コスメECサイト制作・開発 WOOCOMMERCE
コスメLP制作
大手美容整形外科サイト制作 WORDPRESS
キュレーションサイト制作 WORDPRESS
有名アニメコラボグッズ・ノベルティ制作
国民的有名アイドルコラボグッズ・ノベルティ制作
各種バナー制作
マッチングアプリUIデザイン制作
ディープラーニング系アプリUI制作
TOPページの静的サイトコーディング(html/css+js)代行致します
業務内容
当パッケージページをご覧いただきありがとうございます。
お客様にご送付いただいたデザインカンプを基に
Webサイトの静的コーディングを代行するパッケージとなっております。
コーポレートサイト、LP、ECサイト(静的部分のみ)など
html/css+javascriptを使用したサイト構築が対応可能です。
採用サイトや高級レストランのコーディングを担当することが多く
デザインの雰囲気に合わせたアニメーションの実装が得意としております。
別途お見積もりとはなりますが、
・スクラブアニメーション
・モーションパス
・パーティクルアニメーション
・スクロールエフェクト
など各種アニメーションの実装も可能でございます。
*「アニメーション実装のみ」のご相談は現在は対応しておりません。
予めご了承ください。
料金に含まれるもの
*スタンダードプランの場合
1.PCのデザインカンプ7000pxまでの静的コーディング *1
2.レスポンシブ化
3.基本的なjavascript 4点まで
4.構造化マークアップ(ご希望の場合のみ)
5.W3Cでのバリデーションチェック
[基本的なjavascriptとは・・・]
スライダー、カルーセル、ハンバーガーメニュー、アコーディオン、タブ
簡易的なスクロールエフェクト
追加料金が必要となるサービス例
・Wordpressの実装
・お問い合わせフォームの実装
・作業開始後にデザインや仕様の変更が発生した場合
・クライアント希望のコーディングルールの設定
・アニメーション
・インスタグラム連携(インスタグラムグラフAPI)
お断りさせていただいてる作業例
・50ページを超えるご依頼
制作期間
目安となっております。
ご依頼いただける時期にもよりますのでお気軽にご相談ください。
納品形式
ランサーズ上でのzip納品
ご相談時に必要なもの
デザインカンプをご用意いただきお気軽にメッセージをご送付ください。
ご相談時はラフでも問題ございません。
対応可能なターゲットブラウザ
win:edge最新,chrome最新,firefox最新
mac:safari最新,chrome最新
iPhone:iOS最新のsafari
Andoroid:最新varのchrome
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。