人気ランキング 期間:1月25日 〜 2月1日
デザイン案をHTML・CSS・Javascript・jQueryでコーディングします
レスポンシブ対応|LP・コーポレートサイトのHTML/CSSコーディング代行します
TOPページの静的サイトコーディング(html/css+js)代行致します
Web初心者さんでも安心!Webサイト制作 修正・カスタマイズ対応いたします
業務内容
Web初心者さんでも安心!
Webサイト制作・修正・カスタマイズを承ります。
✅ 対応内容
• 既存サイトのテキストや画像の修正・カスタマイズ
• HTML/CSSを使ったスマホ対応(レスポンシブ調整)
• 新規ページ作成(トップページ・LPなど)
• 複数ページ制作や簡単な機能追加(フォーム・Googleマップ埋め込みなど)
💡 ポイント
• デザインやレイアウトの調整も対応
• 初心者の方でもわかりやすく、安心して依頼可能
• 納品後の簡単な修正や相談も柔軟に対応
【WordPress組み込み可能】HTML/CSSコーディング代行いたします
業務内容
数多いプラン、サービスの中からこちらを見つけて、
ご覧いただきありがとうございます!
「デザインはしたけど実際にWebサイトとして表示させるやり方がわからない」
「Web制作において、コードを書くリソースがない」
「最後までやり切る保証のある信頼できるコーダーがいない」
そんなお悩みをお持ちでしたら、
ご依頼するしないに関わらず、
ぜひ一度お問い合わせください!
ご要望に合わせて納期、金額、守備範囲等柔軟にご対応します。
○HTML/CSS
○スマホ対応(レスポンシブ)
○CSS設計(基本BEMで対応。ご希望があればFlocssも可能)
○予測、再利用、保守、拡張しやすいコード
○WordPress組み込み用のphpコード、ファイル作成
○1ヶ月間修正対応無料(大幅な変更等は別途ご相談ください。)
○稼働時間
深夜などを除き日中、夜間を問わず柔軟に対応させて頂きます。
急ぎのお仕事等も調整可能ですので、
お気軽にご希望をお聞かせください。
・安心感をご提供するコミュニケーション
・品質を担保する確実な納品
・守備範囲の広い柔軟な対応
を心がけております。
「こんなこと可能かな?」少しでも疑問がありましたら、
発注いただくか否かに関わらず
まずはご相談ください。
お話をお聞きして最善の方法をご提案させていただきます。
デザインをいただければ、コーディングを短納期で忠実に仕上げます
業務内容
あなたの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サイトを作りたい…」
そんなお悩みを解決します!まずはメッセージにてご相談ください。
【WEBサイト・LP】運用のしやすさも意識した可読性の高いコーディング代行します
業務内容
HTML・CSS・JavaScriptでのコーディングでお困りではありませんか?
シンプルなコードで表現速度を重視し、スマートフォン・タブレットにも最適化。
意図を正確に反映したコーディングと、保守性・拡張性を意識した実装を提供します。
■ こんな方へおすすめ
- デザインデータから、正確で保守性の高いコーディングを依頼したい方
- JSギミックを含むLPやWebサイトを構築したい方
- 運用や更新を見据えて、整理されたソースコードを希望される方
■ ご提供内容
- HTML+CSSによる構築
- JavaScriptによるギミック実装(タブ・アコーディオン・スライダー・モーダル等)
- 可読性・再利用性を意識したコーディング(BEM命名対応可)
- デザインデータの意図を丁寧に再現
- レスポンシブ・SEO・アクセシビリティ標準対応
- 瑕疵対応(当方のミスによる不具合・動作不良)無制限
- テストアップ後の軽微な修正(文字修正・色変更・余白調整など)対応(3回まで)
- 納品データ:HTML/CSS/画像/JSファイル
■ ご購入後の流れ
- デザインデータの確認(PSD/XD/Figmaなど)
- 内容・仕様確認のうえ、お見積り最終確定
- コーディング作業開始
- テストアップ/修正対応(3回)
- 納品(zip/Git/テスト環境反映など)
- コーディング作業開始後の大幅なデザインや仕様の変更は、工数にも影響があるため一度作業を停止し、別途お見積りや納期について再検討する場合があります。
- 納品後の、当方瑕疵以外の修正は有料となります(1か所2,000円~)。
■ 料金について
- ポートフォリオ掲載許可をいただける場合は、制作費を15%割引いたします。
- デザインデータや仕様により、基本料金やオプション料金は納期・金額が前後する場合があります。
- 基本的なJSセットの内容はアコーディオン・タブ切り替え・スライダー・モーダルの4点です。
- ご質問、ご相談のみでも大歓迎です。お気軽にお問い合わせください。
【迅速対応】HTML/CSS/JavaScriptでWebサイトの改修を承ります
業務内容
13年の経験を活かし、HTML/CSS/JavaScriptの改修を迅速かつ正確に対応!Webサイトのお困り事を解決します
■ このようなお悩みはありませんか?
- 既存サイトの軽微な修正を頼みたい
- JavaScriptの動作エラーを直したい
- レスポンシブやアクセシビリティ対応を強化したい
- サイト運用を前提とした保守性の高い修正を依頼したい
■ 発注の流れ
- 修正・改修内容のヒアリング(対象URL・デザイン・変更指示など)
- 作業範囲とスケジュールの確認、最終お見積もり
- 正式発注・仮払い確認後に作業開始
- テストアップ/修正対応(納期に間に合う範囲で何度でも対応)
- 納品(zip/Git/テスト環境反映など)
※ 納期に間に合わないほどの大幅な修正や仕様変更が発生する場合は、納期延長+追加料金にて対応可能です。
■ 対応内容例
- テキスト・色・余白などの軽微修正
- HTML/CSS構造の改修、スタイル最適化
- 既存JavaScriptのエラー改修、機能追加
- 既存サイトのアクセシビリティ調整
- レスポンシブ対応やデザイン崩れ修正
- ソースコードの可読性・保守性向上(命名・コメント整備など)
■ 料金について
- ポートフォリオ掲載許可をいただける場合、制作費を15%割引
- 修正内容や難易度により、基本料金やオプション料金は納期・金額が前後する場合があります
■ ご相談について
- ご質問・相談のみでも大歓迎です。お気軽にお問い合わせください
【制作会社様・デザイナー様向け】Webサイト・LPのコーディングを承ります
業務内容
ご覧いただきありがとうございます。
Web制作コーダーの菊地友貴です。
コーディング代行として10社以上の制作会社様との業務経験があり、
デザインを再現する丁寧なコーディングはもちろん
「情報共有」
「品質管理」
「スケジュール管理」
を徹底しております!
こんなお悩みを解決します!
・デザインはあるけどコーディングは任せたい・・・
・デザイン以外の部分も、さまざまな端末に合わせて「良い感じ」にしてほしい・・・
・納期まできちんとスケジュール管理して安心してお取引したい・・・
このようなお悩みはお任せください!
制作する上のでお約束
①デザインを忠実に再現します
*レスポンシブまで丁寧に対応し、デザイン上にない部分も「良い感じ」になるよう調整します。
→Googleの拡張機能を使って、ブラウザ上にデザインを重ねながら、
余白のズレや、文字の間隔などピッタリと揃うように調整していきます。
→基本的には320px〜2500pxまで、中途半端な画面幅でも表示崩れのないようにコーディングします。
②進捗状況の「見える化」を行い納期を厳守します
*「案件管理シート」 を共有し、進捗状況や質問事項などがいつでもご確認いただるため、
情報の漏れや連絡のタイムラグを防ぎ、お忙しい中でのやり取りのご負担を減らします。
<案件管理シートの構成>
1)質問・回答シート
2)スケジュール管理シート
3)品質チェックシート
4)サイト情報シート
スプレッドシートのリンク1つを管理していただくだけで、
案件に関わる全ての情報がまとまっています。
③貴社のコーディングルールに合わせてコーディングします
*制作会社様によって指定のコーディングルールがある場合にも柔軟にご対応します。
<これまでの具体例>
・BEM設計
・カラム部分のみBootstrap使用
など
こんなメリットがあります!
・制作会社提携10社のコーダーによる丁寧なコーディング
・デザインツールは幅広く対応(XD、Figma、illustrator、Photoshop可能)
・納品までの丁寧なスケジュール・質問対応管理
▼ご依頼・制作の流れ
①「まずは相談する(無料)」よりお問い合わせください。
②デザインや仕様、ご依頼内容の確認をします。
(必要時にオンラインでのお打ち合わせも可能です。)
③問題なければコーディングを開始します。
④修正・確認チェック
⑤納品
下層ページの追加(別途費用)などあれば気軽にご相談ください。
【最後に】
関わっていただいた方に嫌な思いをしてほしくない、
この人に頼んでよかったと思ってもらえるよう相手の負担を巻き取りたい!
という気持ちで、1つ1つ大切にコーディングさせていただきます。
「案件管理シート」も、お忙しい制作会社様の負担を少しでも減らしたい、
どのようにすればお互いに気持ちの良いやりとりができるか、
と考えて作成しました。
一緒にクライアント様に喜んでいただけるWebサイト制作をしていけますと幸いです。
ご相談を心よりお待ちしております。
WebサイトのHTML/CSSコーディングを代行します
業務内容
大学で培った知識と5年の経験で、あなたのWebサイトを魅力的に改善します!
このようなお悩みはありませんか?
Webサイトの見た目を改善したい、HTML/CSSの知識がない、コーディングに時間がかかる、予算を抑えたい。
発注の流れ
お問い合わせ
メッセージにて、ご希望のWebサイトイメージ、修正箇所、参考URLなどをお知らせください。具体的なイメージがない場合でも、お気軽にご相談ください。
プラン提案・お見積り
お伺いした内容を基に、最適なプランとお見積もりをご提案します。納期や修正回数などもご提示します。
ご契約・お支払い
ご提案内容にご納得いただけましたら、ご契約となります。着手金として半額をお支払いいただきます。
制作開始
丁寧にコーディング作業を進めます。途中経過もご確認いただきながら、ご希望に沿ったWebサイトに仕上げていきます。
納品・検収
完成したWebサイトをご確認いただき、修正点があれば対応いたします。
お支払い・納品完了
残りの半額をお支払いいただき、納品完了となります。納品後も、軽微な修正であれば対応いたしますので、お気軽にご連絡ください。
対応範囲・価格
小規模修正:1万円~
HTML/CSSコーディング:簡単な修正や変更をスピーディーに対応します。
Webページ作成:3万円~
既存WebサイトのページをHTML/CSSで新規作成します。
Webサイトフルリニューアル:10万円~
Webサイト全体のデザインを考慮し、HTML/CSSでフルリニューアルします。要件定義から対応します。
納期
最短14日
制作の流れ
要件定義
お客様からご依頼内容やイメージをヒアリングし、Webサイトの目的やターゲット層などを明確にします。
デザイン
Webサイトのデザイン案を作成し、お客様にご確認いただきます。修正があれば、何度でも対応いたします。
コーディング
デザイン案を基に、HTML/CSSでコーディングを行います。SEO対策も考慮し、検索エンジンに強いWebサイトを目指します。
テスト
作成したWebサイトをテスト環境で確認し、動作や表示に問題がないかを確認します。
納品
お客様に最終確認をしていただき、問題がなければ納品となります。
サービス内容
HTML/CSSのコーディング代行をいたします。Webサイトの修正、Webページ作成、Webサイトリニューアルなど、幅広く対応いたします。丁寧なコーディングを心がけており、お客様のご希望に沿ったWebサイトを制作いたします。
Webサイトの見た目をちょっと変えたい…でも、自分でやるのは大変。そんなお悩み、ありませんか?
✅ HTML/CSSの知識がない
✅ コーディングに時間がかかる
✅ 予算を抑えたい
そんなあなたのために、HTML/CSSのプロが、あなたのWebサイトを丁寧にコーディングします!
難しいことはお任せください。まずは、あなたのWebサイトの悩みをお聞かせください。
「こんなことできる?」「費用はどれくらい?」どんな些細なことでも構いません。お気軽にご相談くださいね。
【デザイナー様・制作会社様向け】WEBサイト・LPのコーディングします
業務内容
■こんな方におすすめ
コーディングを外注したいデザイナー様、制作会社様
コーディング、WordPress構築を外注できるパートナーが欲しい
■料金
トップページコーディング:20000円〜
LPコーディング:30000円〜(ボリュームに応じてお見積もり)
下層ページコーディング:1p 10000円〜
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■基本サービス
・HTML/CSSを使ったコーディング
・CSS設計に基づいたコーディング
・jQueryを使ったアニメーションの実装
(ハンバーガーメニュー、アコーディオン、スムーススクロール、スライダー)
・レスポンシブ対応
・metaタグの設置
・画像圧縮による表示速度最適化
・完成後にチェック・テストを行い、品質を担保
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■オプション
・その他jQueryを使ったアニメーションの実装:3000円〜/1点
・Word Pressの導入・構築(オリジナルテーマ)
■動作確認ブラウザ
・Mac
Chrome, Fire Fox, Safari, Microsoft Edge
・iPhone12
Chrome, Safari
■制作の流れ
①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始(進捗を都度報告いたします)
↓
④ご確認(テスト環境)
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ
■当サービスの強み
1.画像圧縮、基本のアニメーション(ハンバーガーメニューなど)は基本料金内で対応いたしますので、費用を抑えることができます。
2.納品前に独自の品質チェックシートを用いて確認・テストを行います。パーフェクトピクセルも使用いたしますので、デザイン通りにコーディング。品質を担保します。
(チェックシートは納品時に共有いたします)
3.作業時間は平日最低8時間/日以上確保可能。報連相をこまめに行い、お急ぎ案件なども対応いたします。
ご不明点がございましたら、お気軽にご連絡ください。
迅速・丁寧に対応させていただきます。
よろしくお願いいたします。
ご提供いただいたデザインを元にコーディングいたします
業務内容
①静的サイト・LP(ランディングページ)の実装&カスタマイズ
ご提供いただいたデザインから、HTML+CSS(Sass)+JavaScript(jQuery)を使ってコーディングいたします。
②「WordPress」を使った動的サイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのWordPressテーマを作成いたします。
WordPress自体の構築や、プラグインなどの各種設定も対応可能です。
PHP+CSS(Sass)+JavaScript(jQuery)でコーディングいたします。
③「Shopify」を使ったショッピングサイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのShopifyテーマを作成いたします。
Shopify自体の構築や、アプリ、商品登録などの各種設定も対応可能です。
Liquid+CSS(Sass)+JavaScriptでコーディングいたします。
ラフ案やワイヤーフレームだけでもOK!HTML/CSSコーディング作業承ります
業務内容
コーディング作業承ります。
デザイン案がなくても、簡単なラフ案と原稿あれば対応可能です。
1ページからも承りますが、複数ページももちろん大歓迎です!
デザイン制作も可能ですので、お気軽にご相談ください。
軽微なJavaScriptの機能実装も費用内で可能です。
PC、スマホ対応のレスポンシブコーディングとなります。
※PC/スマホ対応のレスポンシブデザイン(タブレットはPCの表示に準じます)
【作業内容】
・新規サイトのコーディング作業
・既存サイトへのページ追加
・LPページのコーディング
※データ納品も可能ですし、指定のサーバへのアップももちろん対応可能です。
ご不明な点ございましたら、お気軽にご相談ください。
【丁寧なコーディング】デザインカンプを忠実に再現します
業務内容
ランサーズは初めてですので、レビュー5件までは割引価格で提供いたします。
私の業務内容を下記に記載いたしますので、ご興味いただけましたら、
ご連絡のほど、宜しく願いいたします。
【スキル】
・HTML / CSS(Sass) / Javascript / jQuery / PHP(WordPress実装レベル)
・WordPress(オリジナルテーマの作成)
・Gulp
■上記のスキルを使用して以下のご提供が可能です。
・ランディングページの制作
・WordPressを用いたオリジナルテーマのサイト制作
・マルチデバイスに対応したサイト制作(レスポンシブ対応)
・Sass(CSS設計)を用いた保守・予測・拡張・再利用しやすい設計
・Javascript / jQueryを用いたアニメーション
・Gulpを使用したユーザビリティを向上させた効率的なコーディング
【使用ツール】
・Adobe (XD / Photoshop) / Figma
・Chatwork / Slack / Zoom / Microsoft Teams / Google Meet 等
※その他は貴社の規定に従います。
【実務経験】
実務経験の詳細を記載いたします。
どの案件も納期を遵守しており、お客様からのクレームは一切ございません。
納品前の品質チェックを重要項目として考えておりますので、品質を担保するための「品質チェックシート」を作成し、納品前の確認を行なっております。
(1)LINEマーケター様 LPコーディング
・ボリューム:9224px(問い合わせページ含む)
・担当範囲:ディレクション、コーディング
・実装期間:5日(レスポンシブ込み)
<意識したこと>
・制作状況の報告
・納期の遵守
・依頼者の想いが伝わるデザインにする
・ヒアリングシートの活用により、依頼者とデザイナー様の認識違いを無くす
・表示崩れを起こさないコーディング
・仕事を納期通りにやり切る姿勢
(2)法人様 会社紹介のサイト制作(静的サイトのコーディング)
・ボリューム:TOP 1ページ 下層3ページ
・担当範囲:コーディング
・実装期間:7日(レスポンシブ込み)
<意識したこと>
・制作状況の報告
・納期の遵守
・品質チェックシートの提出
・デザインを忠実に再現する
・仕事を納期通りにやり切る姿勢
【稼働時間】
・現在専業フリーランスとして活動しており、1日10時間以上の稼働が可能です。
貴社の事業を最優先に取り組ませていただきます。
・14年にわたる社会人経験を生かし、丁寧な対応と即レスにより円滑なコミュニケーションをお約束いたします。
・自主的な報連相と納期遵守にて作業を行います。
円滑なコミュニケーションとコーディングにより、依頼者様の業務をお手伝い致します。
ご興味いただけましたらご連絡いただけると幸いです。
最短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円よりお引き受け可能です。
ただしデザインや動きなど、必要な工数により金額が変わります。
お見積は無料ですので、まずはお気軽にご相談ください!
【制作会社様・デザイナー様向け】高品質、保守性を考慮したコーディングを提供します
業務内容
【制作会社様・デザイナー様向け】足りないリソース外注しませんか?
保守性の高いコーディングを提供します
ご覧頂きありがとうございます。
「リソースが足りない」、「質の良いコーディングを求めている」、「デザインはあるがコーディングだけお願いしたい」、「デザインを細部まで再現してほしい」、「1ページだけでもコーディングしてほしい」
そのようなお客様に寄り添い大切なデザインをコーディングします。
もちろん静的サイトコーディング後、WordPress化まで請け負います。
【SassやGulpを使用し、効率よく保守性の高いコーディング】
SassやGulp、FLOCSS・BEMを使用し効率よく、素早く、保守性の高いコーディングで仕上げていきます。またクライアント様から提示された要件定義を遵守し、ご満足いただけるコーディングに仕上げます。
【全プラン共通の内容】
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでスマホを修正します。
・ハンバーガメニュー
・お問い合わせフォームの設置のみ(ベーシックは除く)
・3回までの修正対応(こちら側のミスは除く)
【当サービスの特徴】
・最短本日から作業を開始します。
・上述しましたが、保守性を意識した質の良いコーディングを提供いたします。
【ご契約後の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
事前にデザインカンプをご用意ください
②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
事前情報として、サーバー情報のご提供をお願いします。(サーバーにアップ不要であれば本情報は不要です。)
③トップページ制作
※3回まで修正可能
④下層ページ制作
※3回まで修正可能
⑤最終確認
⑥本番環境(クライアント様のサーバー)で公開(納品)またはファイル形式でお渡し
【最後に】
私自身、コーディングという業務に大変誇りを持っています。大事なデザインをただ単に再現するのではなく、クライアント様とデザイナー様の思いをこめながら、素晴らしいホームページを制作できればと思っております。宜しくお願いいたします。
【外注先をお探しのデザイナー様・制作会社様】Webサイトコーディングを代行いたします
業務内容
▼こんな方へオススメ
・コーダーの外注先をお探しのデザイナー様・制作会社様
▼サービス内容
・HTML・CSSを使用したWebサイトコーディング。
・JavaScriptを使用した動きのあるサイトも制作可能です。
・レスポンシブデザインへの対応可能です。(料金に含みます)
▼ご用意いただくもの
・デザインカンプ(ファイル形式…XD・Photoshopなど)
・原稿(テキストデータなどのコピペ可能なデータ)
・画像
▼料金プラン
・一部の修正や更新作業など、軽微なサイト作成⋯10,000円
・Webサイトコーディングの基本プラン(3ページ以内)⋯25,000円
・Webサイトコーディングのプレミアムプラン(4ページ以上)10ページ以上の場合は別途ご相談ください。⋯50,000円
▼納品
・制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードは、FTP情報をご教示いただければ対応可能です。
【学生×低価格】飲食店向けスマホ対応Webサイトをコーディングします
業務内容
はじめまして。
大学生のタケウチと申します。
飲食店の魅力を引き出すシンプルで使いやすいWebサイトを、丁寧にコーディングいたします。学生ならではのフレッシュな視点を活かし、リーズナブルな価格でご提供します。
こんな方へおすすめ
・飲食店のホームページを初めて作りたい方
・予算を抑えつつ、スマホ対応のサイトが欲しい方
・メニューや店舗情報をわかりやすく掲載したい方
・SNS連携やGoogleマップ埋め込みも検討中の方
・丁寧に対応してくれる若いクリエイターに依頼したい方
ご提供内容
・HTML/CSSによるWebサイトコーディング(トップページ+複数ページ対応可能)
・レスポンシブデザインでスマホ・PCどちらにも対応
・画像やテキストのレイアウト調整
・SNS連携・Googleマップ埋め込み対応(オプション)
・お問い合わせフォーム設置(オプション)
ご購入後の流れ
1.ご依頼内容のヒアリング
2.ページ構成やデザインのご相談・確認
3.コーディング作業の開始
4.仮納品・ご確認・修正対応(無料修正回数内)
5.最終納品・納品後のサポート
製作可能なジャンル
・飲食店(カフェ、レストラン、居酒屋、バーなど)
・小規模ビジネスのホームページ
・学生団体やサークルの紹介ページ(ご相談ください)
・個人クリエイターのポートフォリオサイト(ご相談ください)
プラン料金のご案内
【ベーシックプラン】5,000円
※システム上10,000円と記載されております。
〜まずはお試し!〜
・トップページ+1ページ(例:メニュー or アクセスページ)
・スマホ対応(レスポンシブ)
・軽い修正3回まで対応
・学生価格でWebページが欲しい方におすすめ!
【スタンダードプラン】7,000円
※システム上10,000円と記載されております。
〜しっかり伝えたい方に〜
・トップページ+最大3ページまで作成
・メニュー表の表組み・シンプルなカスタマイズ
・修正5回まで無料対応
・SNSリンク・Googleマップ埋め込み対応(希望制)
【プレミアムプラン】13,000円
〜本格的にWeb集客したい方に!〜
・トップページ+必要なだけページ作成(最大10ページ目安)
・お問い合わせフォーム設置
・メニューのカスタムデザイン対応
・SEOタグ基本設定
・修正無料、しっかりサポート
納期
・ベーシックプラン:5日以内
・スタンダードプラン:7日以内
・プレミアムプラン:10日以内
若さと学びの力を活かし、コストを抑えつつ質の高いWebコーディングをお届けします!
デザインデータからWordPressコーディングを代行します
業務内容
\\ ご覧いただきありがとうございます。 //
「デザインデータはあるけどコーディングはどうしよう」
「コーディングだけお願いしたい」
「何も言わずに淡々とコードを書いてほしい」
いう方、お気軽にご相談下さい
Webページをコーディング(ご希望があればスマホ対応も可能です)し、WordPress化致します。
▼サービス内容
・お預かりしたデザインカンプやサイトのコーディング
・静的サイトのWordPress化
・SEOを意識したタグの適切な使用をしたコーディング
・レスポンシブ(スマホ)対応(希望があれば)
・jQueryを使用した簡単な動きはサービスいたします("ハンバーガーメニュー"や"Topへ戻るボタン"など)
▼制作〜納品の流れ
①ヒアリング・お見積もり
→ページ数、動きについてのご相談や使用する画像についてのご相談とお見積もり
②デザインデータや画像データのご共有
③コーディング・テスト
→環境テストはMacでChrom, Safariで行います
④提出・ご確認・修正
→制作物をご確認いただき、修正等伺います
⑤最終確認・納品
▼納期
余裕を持った納期のご提案をさせていただいております。
目安としてはデザインデータをお預かりしてから5日〜2週間ですが、最終的にはご相談にて決めさせていただきます。
納品方法は
・サーバーへのアップロード
・zipファイルでの納品
など、お客様とご相談させていただきます。
▼お取引後のアフターケア
修正を納品から1週間までを無料にて対応させて頂きます。
お気軽にご連絡ください。
購入にあたってのお願い
▼デザインとサイトに使用する画像素材は全てお客様でご準備をお願いいたします。
・画像加工には対応できませんのでご了承くださいませ。
・デザインデータは、Illustrator / Photoshop / Adobe XD / に対応しております。
静的サイトのコーディング&WordPress化承ります
業務内容
デザインデータからのコーディング、WordPress化を承ります。
デザインデータのコーディング、ぜひお任せください。
デザインに忠実・丁寧なコーディングをさせていただきます。
WordPress化やお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望のミスマッチを防ぐため、事前にデザインのご提示をお願いしております。
【 各プランに含まれる内容 】
・レスポンシブ対応(PC、スマホでの表示変更など)
※PCデザインのみお持ちの場合でも、特にご注文がなければこちらで見やすい配置に調整させていただきます。
・3回まで無料修正対応いたします。(デザイン変更に伴う大幅な変更は除きます)
【 ご依頼にあたり、ご準備いただくもの 】
・デザインデータ(XD/Photoshop/Illustrator/Figmaなど)
・画像データ(JPG・PNGなど)
・テキストデータ
【 納品までの流れ 】
- ヒアリング・お見積もり(無料)
- デザインデータ/画像データ/テキストデータのご提供
- コーディング
- 初稿提出
- 修正
- 最終納品
【 納品方法 】
zipファイル
【安心のWebコーダー】デザイン通りの高品質コーディングを承ります
業務内容
ご覧いただきありがとうございます。
Webコーダーの teppei と申します。
デザイナー様・制作会社様の「コーディングに関するお悩み」を、丁寧な実装と安心感のある対応でサポートいたします。
【こんな方におすすめ】
・コーディングを外注したい制作会社様
・コーディングが苦手なデザイナー様
・進行・コミュニケーションも安心して任せたい方
【対応内容】
・HTML/CSSで静的コーディング
・レスポンシブ対応(PC・タブレット・スマホ)
・ホバーモーション(一部JavaScript対応)
・確認後の修正対応(軽微な修正は無制限)
・サーバーへのアップロード(ご希望の場合)
【対応ツール】
Figma/Photoshop/XD
【対応の流れ】
1.ご依頼・ご相談
2.お見積り・スケジュール調整
3.ご契約
4.デザインデータご提供
5.コーディング作業
6.テスト環境または本番サーバーへアップロード
7.ご確認・修正対応
8.納品・完了(必要な場合は本番サーバーへアップロード)
【特徴】
・デザイン意図を大切にした再現性の高い実装
・進捗連絡・確認のこまめなやり取り
・納品後1週間のアフターフォロー付き
・GSAPなどを活用した上品なアニメーションも対応可
HTML、CSS、Javascriptコーディングを行います
業務内容
デザインのあるページのHTML、CSS、Javascriptコーディングを行います。
デザインのない場合も別途対応しますが、追加の費用をいただきます。また、デザインはそれほど専門的な技術を持っていないため奇抜なデザインなどは難しいです。
HTMLコーディング(コード修正)、画像の編集(トリミング他)できます
業務内容
HTMLの更新、画像編集はお任せください。
HTML+CSSのコーディングは日々携わっておりますので、更新作業等は得意分野としております。
画像編集も1時間にかなりの量はこなせますので、更新作業を必要とされる場合はお声掛けください。
また、文章チェックやコードチェック等にも対応いたします。
ホームページの修正や新たなコーディング代行を請け負います
業務内容
▼こんな方へオススメ
デザインデータを持っているけれど、HTML/CSSのコーディングに時間がかかる方
外注で信頼できるコーダーが必要な方
コーディングから本番アップまで一貫してお任せしたい方
▼ご提供内容
HTMLとCSSを基にしたコーディングを行います。デザインデータ(現時点ではFigmaのみ)に対応可能です。JavaScriptやjQueryを使った動的な要素の追加も承ります。
▼ご購入後の流れ
- オンラインでのヒアリング(Zoom、Google Meetから選択可能)
- コーディング作業
- テスト環境の準備
- 最大3回までの修正対応
- 納品(データ一式の送付または本番サーバーへのアップロード)
▼制作可能なジャンル
公序良俗に反しない限り、ほぼすべてのジャンルに対応可能です。アダルトコンテンツは除外しています。
▼料金プランやオプション
基本サービスには、HTML/CSSコーディング、レスポンシブ対応、テスト環境の提供、指定サーバーへのアップロード、納品後1週間の修正対応が含まれます。
HTML / CSS / JavaScript でサイトのコーディングを代行します
業務内容
「デザインカンプは作れるので、サイトにして欲しい!」
そんなご希望におこたえいたします。
ECサイト(静的な部分)・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。
ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。
【WEB制作会社様、デザイナー様向け】コーディングの代行をします
業務内容
▼このような方におすすめです
・コーディングを継続で外注できるパートナーが欲しい
・急ぎでコーディングを手伝ってほしい
・デザインはできるけどコーディングはできない
WEB制作会社様やデザイナー様で、このようなお悩みのある方はいらっしゃいませんか?
それらのお悩みを解決させていただきます!
今までWEB制作会社様やデザイナー様からの受注実績が多数ございますので、まずはお気軽にご相談いただければと思います。
▼基本の作業内容
・コーポレートサイトコーディング
・LPコーディング
・WordPressコーディング
・サーバーへのアップロード
・納品後のアフターフォロー(納品後2週間以内)
▼別途お見積りが必要な作業内容
・アニメーションの実装(実装内容によっては無料):7,000円〜
・JavaScriptを用いた動的な処理(API処理など):7,000円〜
・SP版デザインがない場合のレスポンシブコーディング:10,000円〜
▼制作の流れ
①ヒアリング
デザイン、実装機能を確認いたします。
↓
②コーディング
↓
③ご確認・修正
テスト環境にアップの上、ご確認をお願いいたします。
修正点がございましたらお申し付けください。
↓
④納品
本番環境のサーバーに制作物のファイルをアップし、納品完了です。
【低価格・高品質】静的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/JavaScript】ホームページ、LPのコーディングいたします
業務内容
◆サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーション実装(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
デザインとの相違による修正回数については無制限です。
ご満足いただけるまで責任をもって対応いたします!
※デザイン変更については、別途料金が発生する場合がございます。
◆料金表(レスポンシブ対応含む)
・LPコーディング:30,000円~
・トップページ:20,000円~
・下層ページ:10,000円~/1ページあたり
・アニメーション:8,000円~
【無料対応】
・ハンバーガーメニュー
・フェードイン
※ご希望される場合は、ご依頼時にお申し付けください。
◆制作の流れ
1.「見積り・カスタマイズを相談する」よりご相談ください。
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。
ホームページのコーディング(HTML/CSS)を代行いたします
業務内容
◎ご提供内容
HTMLのコーディング
レスポンシブ対応
◎対応可能な言語
HTML、CSS、JavaScript(jQuery対応可)
【個人向け】Webサイトの修正、LP調整、文字起こしを丁寧に承ります
業務内容
Webサイトのちょっとした修正から、LPの調整、文字起こしまで、あなたのWebサイトを丁寧にサポートします!
このようなお悩みはありませんか?
Webサイトの小さな修正を頼める人がいない、LPの調整に手が回らない、文字起こしに時間がかかる
発注の流れ
お問い合わせ
メッセージにて、修正内容、希望納期、予算などをお気軽にご相談ください。
詳細確認
修正箇所や文字起こし対象のファイルなど、詳細な情報をお送りいただきます。
お見積り
内容を確認後、お見積もりと納期をご連絡いたします。
作業開始
ご納得いただけましたら、作業を開始いたします。
納品・修正
修正完了後、ご確認いただきます。修正があれば、対応いたします。
対応範囲・価格
Webサイト簡単修正:3,000円~
Webサイトのテキスト修正、画像の差し替えなど、簡単な修正を1箇所から承ります。
LP調整:10,000円~
LP(ランディングページ)のデザイン調整、テキスト修正、構成変更など、改善をサポートします。
文字起こし:1分500円~
音声ファイルや動画ファイルの文字起こしを、丁寧にテキスト化します。議事録作成やコンテンツ作成に。
納期
要相談(修正内容による)
制作の流れ
内容確認・整理
お客様からいただいた情報を基に、修正内容や文字起こしの範囲を明確にします。
作業
Webサイトのコード修正、LPの調整、文字起こし作業などを行います。
確認
修正箇所やテキストデータをご確認いただきます。
修正対応
修正依頼があれば、対応いたします。
納品
最終確認後、納品となります。
サービス内容
Webサイトの小さな修正からLPの調整、文字起こしまで、丁寧に対応いたします。Web制作の経験はまだ浅いですが、一つひとつ丁寧に、お客様と相談しながら進めていきます。初めて外注する方も安心してご依頼ください。
Webサイトのちょっとした修正、LPの調整、文字起こしでお困りではありませんか?
「どこをどう直せばいいかわからない…」「LPの調整に時間が取れない…」「大量の文字起こしに追われている…」そんなお悩みをkana_webが解決します!
Web制作の知識と丁寧な作業で、あなたのWebサイトをより良く、より使いやすく改善します。小さな修正から、LPの改善、文字起こしまで、幅広く対応いたします。
初めての外注でも安心!相談しながら一緒に進めていきましょう。まずはお気軽にご相談ください。
「メールフォームプロCGI」 設置・カスタマイズ・セキュリティ・スパム対策します
業務内容
企業サイト向け「メールフォームプロCGI」設置代行は、100事例以上の経験があります。
「以前作成したフォームを直したい」「制作会社が対応できない」という場合はご相談ください。
状況を確認のうえ、対応可否および進め方をご提案いたします。
■このようなお悩みはありませんか?
HTMLサイトでお問い合わせフォームを直したい、スパム対策をしたい、バージョンアップが不安
■対応内容
- 「メールフォームプロCGI」新規設置
- 既存フォームの修正、バージョンアップ
- スパム対策用の設定(連続送信防止、ワンタイムトークン、IPアドレスブラックリストなど)
- 自動返信メール設定
- 送信エラー対応
- サーバー移管後の再設定
■発注の流れ
(1)お問い合わせ
メッセージにて、現在のサイト状況、ご希望の作業内容、納期などをお知らせください。
(2)ヒアリング・お見積もり
詳細なヒアリングを行い、最適なプランをご提案します。お見積もりもご提示いたします。
(3)ご契約
ご提案内容にご納得いただけましたら、ご契約となります。作業に必要な情報をご提供いただきます。
(4)作業開始
作業開始後、進捗状況を随時ご報告いたします。
(5)納品・完了
作業完了後、お客様に最終確認をしていただきます。問題がなければ納品となります。
■納期
内容により異なりますが、通常3〜5日間で対応可能です。
■作業の流れ
(1)計画立案
お客様からいただいた情報をもとに、詳細な計画を立てます。必要な作業、スケジュールなどを明確にします。
(2)作業実施
計画に基づいて、作業を進めます。
(3)品質チェック
作業完了後、お客様に最終確認をしていただきます。問題がなければ納品となります。
(4)納品・アフターサポート
ご不明な点などございましたら、お問い合わせください。
HTML,CSS,jQueryであなたのデザインをコーディングします
業務内容
サービス内容
ご覧頂きありがとうございます!
Hiyo_kumaと申します。
【サービス】
①静的ページコーティング(1ページ)
②レスポンシブ対応
既存のサイトをレスポンシブ対応させる事も可能です。
③アニメーション導入(jQuery)
スライダー、フェードイン、ハンバーガーメニュー等ご要望がございましたら、まずはご 相談ください。
【納期】
納期につきましては、ご依頼の際にご連絡をお願いします。
zip形式で1点、納品いたします。
【修正】
修正数は原則3回までとさせて頂きます。
随時、作業状況をご報告しながら進めさせてください。
お客様と密にコミュニケーションをとりながら進めさせていただきます。
まずは、お気軽にご相談ください!
【制作会社様・デザイナー様向け】コーディング・WordPress構築承ります
業務内容
【安心丁寧対応!コーディング業務を外注しませんか?】
パッケージ出品をご覧くださりありがとうございます!
Webデザイナー・コーダーの菅井と申します。
ーこんなお困りごとありませんか?ー
- ・コーディングを外注したいデザイナー様、制作会社様
- ・コーディング、WordPress構築を外注できるパートナーが欲しい
私にコーディング業務をお任せください!
しっかりと要件を伺って真摯に対応させていただきます!
ーサービスの内容ー
・静的コーディング
→ LPやホームページなどの静的コーディングが可能です。
レスポンシブ対応も可能となっています。
・WordPressのオリジナルテーマ開発
→ WordPressの導入、構築が可能です。カスタム投稿やカスタムフィールド等のカスタマイズも対応していますのでお気軽にご相談ください。
その他にも
・JavaScript/jQueryを使用したアニメーション
(スライダー、スクロール、アコーディオン、ハンバーガーメニューなど)
・metaタグの設置
・画像圧縮による表示速度最適化
も対応しております。
-これまでの制作実績-
・学習塾様のLP制作
・経営サポート事業様のHP制作
・コーポレートサイトHP制作
-ご予算について-
記載の金額はあくまで目安となります。
ページ数や要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談くださいませ!
-制作の流れ-
①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始(進捗を都度報告いたします)
↓
④ご確認(テスト環境)
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
修正回数は特に設けておりません(デザイン等の大幅修正は除く)。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ
-最後に-
最後までご覧いただきありがとうございました!
ご相談やお見積りは無料で行っておりますので、
少しでも気になりましたらお気軽にご相談ください!
元Web制作会社勤務。制作実績数300件以上の信頼と実績でコーディングいたします
業務内容
当サービスをご覧いただきまして、誠にありがとうございます。
お客様との対話を大切に、親切丁寧な対応を心がけ、常にパーフェクトな納品を目指しております。
\ このような方に最適です /
・デザインデータはあるけど、コーディングはできない。
・リソース不足で、コーディングまで手がまわらない。
・外注先の選定で失敗したくない。
・制作会社レベルのスキルで対応してもらいたい。
★対応範囲と費用につきまして。
・静的コーディング:トップページ¥20,000〜、下層ページ¥15,000〜/1ページ
・レスポンシブ対応(1ブレイクポイント)
※ご要望に対応できますので、予めご相談ください。
・よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。(要ご相談)
・PHPファイルでの納品可能です。(着手前にご申告ください)
ヘッダーやフッターなど共通ファイルとして扱いたい場合や、
WordPressに組み込む予定がある場合などにご利用ください。
※WordPress対応も得意としておりますので、併せてご相談いただければと思います。
(別途サービス出品しております:https://www.lancers.jp/profile/syzmagic/plan/171629)
併せてご依頼いただける場合は、値引きさせていただきます。
★別途有料オプション対応目安(ご相談時にお見積りさせていただければと思います)
・cssアニメーション:¥3,000〜/1バリエーション
※マウスオーバーアニメーションなど(基本的な透過アニメーションなどは無料です)
・JavaScriptによる制御:¥5,000〜/1バリエーション
※モーダルやドロップダウンコンテンツ、スクロールに準ずる制御など
・お問い合わせフォーム:¥20,000〜/項目などにより変動
さほど手がかからずサービスさせていただく場合もございますので、
ご購入前にヒアリングさせていただければと思います。
★ご相談から納品の流れ
1.ご相談いただき、ヒアリングとお見積りをさせていただきます。
2.デザインデータをご提供ください。(illustrator/Photoshop/XD/Figmaなど)
3.コーディング作業開始
4.テストサイトにてご確認と修正
5.最終確認
6.納品
実機テスト環境は
macOS CatalinaとVentura:Chrome/Firefox/Safari
Windows11:Edge/Chrome/Firefox
iPhone13、iPad
その他はデベロッパーツールでの確認となります。
★納期につきまして
ボリュームにより変動いたします。
ヒアリング時にご希望を伺わせていただければと思います。
※リソース状況によりお請けできない場合もございますので予めご了承ください。
その他お気軽にご相談ください。
WordPress・Webサイトの軽微な修正/コーディング対応します
業務内容
WordPressサイトや既存Webサイトの軽微な修正・コーディング作業を実施します。
「ちょっとだけ直したい」といったご要望に対応しています。
対応可能な内容
・テキストの修正
・CSSによるデザイン修正
・レスポンシブデザインの軽微な調整
・HTML / CSS の簡単なコーディング
・WordPress既存テーマの表示調整
など
【品質重視】HP・LPのHTML/CSSコーディングをいたします
業務内容
【HTML・CSSのコーディング】
Webサイト、LPの、HTML・CSSコーディングいたします。
品質重視で対応させていただいております。
安心してご相談いただけるよう、丁寧なコミュニケーション、定期的な状況連絡を心がけておりますので、ご安心ください。
【おすすめの方】
・品質重視されている方
・デザイン会社様、デザイナー様、社内リソースが不足している制作会社様
・他の方へ依頼して、失敗された経験のある方
【料金目安】
・トップページコーディング :30,000円~
・下層ページ:10,000円~
・LPコーディング:40,000円~
【納期目安】
・ベーシック:作業開始から約3日後
・スタンダード:作業開始から約7日後
・プレミアム:作業開始から約10日後
提示価格や納期は、目安となります。
デザインやボリュームにより変動することもございますので、まずはお気軽にご相談ください。
最後まで責任もって、対応いたします。
魅力的なデザインをそのままに再現!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を無料で診断し、改善点をご提案いたします。まずはお気軽にご連絡ください。
【制作会社様・デザイナー様向け】コーディング代行いたします
業務内容
この度は、私が提供するコーディングスキルに興味を持っていただき、誠にありがとうございます。
HTML、CSS、jQueryを中心に、ウェブサイトの開発に関するコーディングスキルを持っています。
具体的には、以下のようなスキルを有しています。
- HTML5/CSS3を使用したマークアップ作業
- JavaScriptライブラリ(jQuery, Vue.js)を使用したフロントエンド開発
- PHPを使用したバックエンド開発
- WordPressのテーマ作成、プラグイン開発
これらのスキルを活かし、クライアントの要望に合わせたウェブサイトの制作を行います。また、コミュニケーションを大切にし、納期や品質にも配慮した作業を行います。
さらに、私は、ウェブサイトのSEO対策にも力を入れています。ウェブサイトの構成やコンテンツ制作など、検索エンジン最適化に必要な技術を熟知しています。そのため、ウェブサイト制作において、SEO対策も含めたトータルサポートを行うことが可能です。
ご不明点やご要望がございましたら、お気軽にお問い合わせください。引き続き、よろしくお願いいたします。
【高品質】LP/Webページ (HTML、CSS、JS)コーディング承ります
業務内容
あなたの想いをカタチに!心を込めたコーディングで、理想のWebページを現実へ。
このようなお悩みはありませんか?
LPやキャンペーンページの制作で、デザインはあるけどコーディングできる人がいない。
発注の流れ
お問い合わせ
メッセージにて、ご希望の業務内容、納期、予算などをお知らせください。参考となるデザインデータや資料があれば、合わせてお送りください。
ヒアリング
お送りいただいた情報をもとに、詳細なヒアリングを行います。電話やZoomでの打ち合わせも可能です。ご要望や不明点など、お気軽にご相談ください。
お見積もり
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。納期や料金、作業内容について、詳しくご説明します。
ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始します。
対応範囲・価格
LP/Webページ コーディング:4万円〜
デザインデータ(PSD、XD、Sketchなど)を元に、HTML/CSS/JavaScriptでWebページをコーディングします。レスポンシブ対応も可能です。
納期
内容により10日〜
制作の流れ
企画・設計
ヒアリング内容とご提供いただいた資料をもとに、Webページの設計、アニメーションのすり合わせなどを行います。
制作
コーディングを行います。
ご確認
完成したWebページの画像をお送りします。(ファイルでの納品になるため、ブラウザ上で確認したい場合はご相談ください。)修正点があれば、お気軽にお申し付けください。
納品・公開
修正後、最終確認をしていただき、納品となります。
サービス内容
LP/Webページのコーディングをいたします。丁寧なコミュニケーションと高品質な成果物で、お客様のビジネスを加速させます。
「こつこつ、真摯に丁寧に」をモットーに、お客様の想いをカタチにするお手伝いをさせていただきます。まずは、お気軽にご相談ください。
【制作会社・デザイナー向け】WEBサイト・LPのコーディング代行承ります
業務内容
フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します! お気軽にご相談ください。
▼サービス内容
・HTML/CSSのコーディング(レスポンシブ対応)
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します!
▼料金表
・トップページ:20,000円~
・下層ページ:8,000円~
・LP:30,000円~
・お問い合わせフォーム(入力+確認+完了):10,000円
・WordPress化:20,000円
・WordPress カスタム投稿/カスタムフィールド:5,000円/1箇所につき
・アニメーションの実装:1,000円~5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください!
▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。
▼納期について
通常 1週間程度での初稿提出を目安としています。
(制作期間目安:TOPページ・LP3日ほど)
作業量により変動しますが、特急対応(24時間以内)も可能ですので、まずはご相談ください!
信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です!
【現役エンジニア】SEO、ウェブベーシックを意識したサイト修正を承ります
業務内容
現役フロントエンジニアが、あなたのWebサイトをSEOとユーザビリティの視点から最適化します
このようなお悩みはありませんか?
「Webサイトの更新が滞っている」「表示速度やSEOパフォーマンスに不安がある」「既存サイトのバグやレイアウト崩れを改善したい」「WordPressの一部機能を改修したいが、専門知識がない」といったお悩みはありませんか?
発注の流れ
-
ご相談・ヒアリング
まずはランサーズのメッセージ機能で、修正・改修を希望されるサイトのURLや具体的なお悩み、ご要望をお聞かせください。目的や予算感を詳しくヒアリングします。 -
現状確認・お見積もり
ヒアリング内容に基づき、サイトを拝見して作業範囲を明確化し、お見積もりをご提示します。ご不明な点があれば、ランサーズのビデオ通話機能で丁寧にご説明いたします。 -
ご契約・仮払い
提案内容とお見積もりにご納得いただけましたら、ランサーズ上で仮払いをお願いします。仮払い確認後、速やかに作業を開始いたします。 -
作業開始・中間報告
夜間作業を中心に、SEOやWeb Vitalsを意識した高品質なコーディングを進めます。ワークスペースを活用して進捗報告やファイル共有を行い、円滑なコミュニケーションを心がけます。 -
納品・最終確認
完成したサイトをご確認いただき、最終調整を行います。問題がなければランサーズ上で納品を完了し、取引終了となります。アフターフォローについてもご相談可能です。
対応範囲・価格
サイト軽微修正・更新代行:15,000円〜
軽微なテキスト修正、画像差し替え、リンク更新など、Webサイトの簡単な更新作業。手軽にサイトを最新の状態に保ちたい方に最適です。
Webサイトデザイン・機能改修:45,000円〜
レイアウト調整、CSSの表示崩れ修正、WordPressの一部機能改修、プラグイン設定など、サイトの見栄えや機能を改善します。使いやすいサイトへ導きます。
サイトパフォーマンス最適化:90,000円〜
SEO内部対策の見直し、Core Web Vitals改善のためのコーディング最適化、JavaScriptを用いたインタラクティブな機能追加など、サイト全体のパフォーマンス向上を支援します。
納期
ご依頼内容により数日〜30日(詳細は各プランを参照ください)
制作の流れ
要件定義・目標設定
お客様の要望とサイトの現状から、修正・改修の目的と具体的な目標を明確にします。どのような成果を目指すか擦り合わせます。
作業計画・設計
定義した要件に基づき、影響範囲を考慮しつつ、最適な修正・改修の計画を立てます。技術的なアプローチやスケジュールの見通しを立てます。
コーディング・実装
計画に沿って、HTML/CSS/JavaScript、WordPressテーマファイルの修正などを行います。SEOやWeb ベーシックを意識した、読みやすく保守性の高いコードを心がけます。
テスト・デバッグ
修正・改修後のサイトが意図通りに動作するか、各種ブラウザやデバイスで表示が崩れていないか、機能が正常に動くかなどを厳密にテスト・検証します。
最終調整・納品
テストで発見された問題や、お客様からのフィードバックに基づき最終調整を行います。品質基準を満たした上で、お客様にご納得いただける形で納品します。
サービス内容
現役フロントエンジニアとして、既存Webサイトの更新、修正、レイアウト変更、WordPressの部分的な改修などを承ります。SEOやWeb Vitals(ページの読み込み速度、視覚的な安定性など)を意識した高品質なコーディングで、サイトのパフォーマンス向上とユーザー体験の最適化を実現します。新規サイト制作ではなく、現在お持ちのサイトの「困った」を解決し、「もっと良くしたい」を形にするサービスです。
「Webサイト、ずっと更新できてないな…」「なんだか表示が遅くて、ユーザーが離れているかも?」「レイアウトが崩れてるけど、どこを直せばいいか分からない」そんなお悩み、抱えていませんか?日中は制作会社で働く現役フロントエンジニアが、夜間の時間を活用し、あなたのWebサイトを丁寧に改善します。SEOやCore Web Vitalsを意識した確かな技術で、サイトのパフォーマンスを向上させ、ユーザーが使いやすいサイトへと導きます。新規制作ではなく、今お持ちのサイトを「もっと良くしたい」方へ。まずは、ランサーズのメッセージ機能で、現在の状況や改善したい点をお聞かせください。一緒に最適な解決策を見つけましょう。
【デザインをカタチに】ホームページ・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業界のなかで、学んだ分だけ貢献の幅が広がることに喜びとやりがいを感じています。
◆最後に
最後までご覧いただきありがとうございます。
「痒いとことろまで手が届く迅速で丁寧な仕事」を大切に対応いたします。
よろしくお願いいたします。
【丁寧な品質】デザイン通りにWebサイトを構築し保守性の高いコーディングを提供します
業務内容
デザイン通りの高品質なWebサイトを、
保守性を重視した丁寧なコーディングで構築します
このようなお悩みはありませんか?
・デザインデータはあるけれど、思った通りに再現されるか不安
・将来的な修正や機能追加を考え、保守性の高いコードで構築したい
・PC/スマホ/タブレットすべてで表示崩れのないサイトにしたい
・WordPressサイトの軽微な改修や不具合対応を任せたい
・表示速度や基本的なSEOも意識してほしい
このようなお悩みがありましたら、ぜひお力にならせてください。
サービス内容
Figmaなどのデザインデータをもとに、
HTML/CSS(SCSS)/JavaScript(jQuery)を用いて
デザインを忠実に再現した高品質なWebコーディングを行います。
特に、将来的な修正・拡張を見据えた
保守性の高いコード設計(Sass+BEM) と、
全デバイスで表示が崩れない丁寧なレスポンシブ対応を重視しています。
また、WordPressテーマの編集や軽微な不具合修正にも対応可能です。
hタグ構造、OGP設定、表示速度など、
基本的なSEOを意識した実装も行います。
対応範囲・価格目安
HTML/CSSコーディング(1ページ):10,000円〜
デザインデータをもとに、HTML/CSS(SCSS)で1ページを忠実に再現。
レスポンシブ対応を含む静的コーディングです。
WordPressテーマ編集・改修:30,000円〜
既存テーマのPHP修正、ページ追加、表示崩れ修正、
軽微な不具合対応など部分的な改修を行います。
ランディングページ(LP)コーディング:50,000円〜
デザインデータからLPを1ページ構築。
UI実装や基本的なSEOを考慮し、集客に貢献するLPを制作します。
※内容により変動するため、詳細はご相談ください。
制作の流れ
お問い合わせ・ヒアリング
ご要望やご予算、納期などを丁寧にヒアリングします。
お見積り・ご提案
最適なプランと作業内容をご提案します。
ご契約・仮払い
ランサーズ上で正式なお手続きをお願いいたします。
制作開始
デザインデータ確認後、方針を共有し制作を開始します。
確認・調整
必要に応じて進捗をご確認いただき、調整を行います。
最終確認・納品
最終チェック後、データ納品となります。
大切にしていること
Webサイトはビジネスの顔であり、その品質は信頼に直結します。
デザインが良くても、コーディングの質が低ければ
修正しづらく、長く使えないサイトになってしまいます。
私は、「デザイン通りであること」 と
「将来も使いやすいこと」 の両立を大切に、
細部まで丁寧にコーディングを行っています。
「まだ仕様が固まっていない」
「まずは相談だけしたい」
という段階でも問題ありません。
どうぞお気軽にご相談ください。
【セルフチェック・動作確認徹底】LPやホームページのコーディング承ります
業務内容
ご興味を持ってくださりありがとうございます!
▼本パッケージにてできること
・HTML/CSS(Sass)を用いたデザインの再現
・Javascript(jQuery)を用いたアニメーションの実装
・WordPressの導入・構築
・デスクトップ、タブレット、スマホ対応(レスポンシブ対応)
・使用画像や写真素材の圧縮(表示速度向上)
・基本的な表示速度向上対策
・基本的なSEO対策
・修正、更新などの軽微な内容
▼サービスの流れ
1.ご依頼内容のご確認、お見積りの提示
2.ご契約後、お客さまよりデザインデータをご提供
3.コーディング作業、品質確認、実機テスト
4.ご確認と修正
5.納品
▼お見積り時のご注意点
以下の内容について分かる範囲で構いませんのでご提供いただけますと幸いです。
(1)ご依頼。ご依頼内容の概要について
(2)制作規模について
└例:静的コーディング合計3P(トップページ、〇〇についてのページ、お問い合わせページ) など
(3)ご予算について
(4)その他気になることがありましたらお気軽にお伝えください!
HTML/CSS/JSの作成代行をします。どれか一つからの作成もできます
業務内容
▼こんな方へオススメ
- ウェブサイトの立ち上げやリニューアルをお考えの方
- 独自のデザインや機能を持つウェブサイトを作りたい方
- スマートフォンやタブレット対応を求めている方
- 小規模から大規模まで、様々なプロジェクトのウェブ開発を検討している方
▼ご提供内容
- HTML、CSS、JavaScriptを使用したウェブサイトのカスタム開発
- レスポンシブデザインによるスマートフォン、タブレット対応も可能
▼ご購入後の流れ
- ヒアリング: プロジェクトの要件やご希望を詳しくお聞きします。
- 企画・提案: ご要件に基づき、最適なプランと見積もりを提案します。
- デザイン: ご承認いただいたプランに基づいて、デザインを進めます。
- 開発: デザインを元に、HTML/CSS/JSでコーディングを行います。
- テスト・修正: 完成したウェブサイトのテストを行い、必要に応じて修正します。
- 納品: ウェブサイトを公開し、必要な運用指導を行います。
▼制作可能なジャンル
- ジャンルは問いません(風俗関連はNGです)
▼納期
- ベーシックプラン: 2週間
- スタンダードプラン: 2週間
- プレミアムプラン: 3週間以上
※プロジェクトの規模や内容により変動します。
また、オプションで3日間早められるほか、
更に早めることができる可能性があるのでご相談ください。
【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です!
まずはお気軽にご相談ください。
【安心・お任せ!】静的コーディング、LP、WordPress構築承ります
業務内容
セミナー・ライブコーディング経験のあるコーダーが担当いたします!
安心してお任せください!
☆★こんな方におすすめ★☆
・Web制作会社様
・Webマーケティング会社様
・ブランディング会社様
・デザイナー様
・既にあるデザインをWebページに再現してほしい方
※デザインからでもご対応をご検討の方へ。
デザイナーとパートナー提携していますのでデザインから一貫して品質を担保いたします!
今後継続的にお願いしたい方などおすすめです。
◆◇-- サービス内容 --◇◆
-
静的コーディング
└ スマホ、タブレット、PC対応 -
LPコーディング
-
WordPressによるCMS構築(オリジナルテーマ開発)
└ カスタムフィールド
└ カスタム繰り返しフィールド
└ カスタム投稿
└ お問い合わせフォーム設置 -
アニメーション
└ スライダー実施(swiper、slickどちらも可)
└ スクロールアニメーション -
お問い合わせフォーム設置
-
修正作業(詳細をヒアリングしたのちお見積もりいたします)
※その他の実装内容はご相談くださいませ!
◆◇-- 業務進行 --◇◆
・FLOCSS記法を用いたCSS設計を意識したコーディング
・Gulpを用いた業務効率化
・Gitでのソースコード管理
・モバイルファーストのコーディング
・rem指定のコーディング可
・品質チェック(主要ブラウザ対応)
・ テスト環境の構築
◆◇-- 実績 --◇◆
・不動産会社様
・飲食店様
・某県所有のスポーツ施設
・ランディングページ複数
・その他
◆◇-- 私が意識しているところ --◇◆
「安心して任せられる人」
「連絡、対応が早い人」
「気持ちよくお仕事ができる人」
まずはお気軽にお問い合わせください!
上記以外で実装希望の内容がありました見積もり依頼時に記載していただけますと幸いです。
◆◇-- 当サービスの強み --◇◆
❶ 安心してお任せできる外注先
人手がたりない!けど安心して任せれる業者がいない・・・
ぜひお任せください!
お客さまの安心してお任せできる外注業者としてお手伝いいたします!
❷ 高品質な制作物
丁寧なお仕事と品質チェックシートを使用したセルフチェックで
お客様のお手間をとらせない作業で高品質な制作物を納品いたします。
❸ お急ぎ案件も対応可能!
お急ぎの案件もご対応可能ですのでまずは一度ご相談ください。
❹ デザインからまるっとお任せ!
「デザインからまるっとお願いできる人がほしい」
お客様が別業務に集中できます様デザインからお任せも可能でございます。
デザインは信頼のできるパートナーデザイナーが対応いたします。
クラウドソーシングで探すことはありませんのでご安心ください。
◆◇-- 契約の流れ --◇◆
① ページ構成・アニメーション・仕様をヒアリングしてすり合わせ
ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
作業量、納期を決めたのちお見積もり額をお伝えいたします。
② 作業着手
進捗状況は共有しつつ実装上の問題などございましたら
すぐご連絡いたします。
④ 品質チェック
こちらで用意しています品質チェックシートを元に品質チェックいたします。
⑤ 修正(3回まで無料対応)
全ページが完成した段階で初稿を提出します。
この時点で修正などございましたら随時対応いたします。
⑥ 納品
修正がおわりましたらデータを納品いたします。
ご指定のサーバーへのアップロードも問題ありませんので
お気軽にご相談くださいませ
LP制作 HTML/CSSでコーディング代行いたします
業務内容
「デザインを忠実に再現!LP制作・コーディング代行(レスポンシブ対応可)」
サービス内容
「デザインをWebサイトにしたい」「スマホでも見やすいLPを作りたい」そんなお悩みを解決します!
HTML/CSS/JavaScriptを使ったコーディングが得意なKouji Watanabeと申します。
デザインを忠実に再現したLP制作やコーディング代行を承ります。
レスポンシブ対応も得意で、スマホやタブレットでも快適に閲覧できるサイトをお届けします!
こんな方におすすめ
・デザインはあるけどコーディングができない方
・スマホ対応のLPを低予算で作りたい方
・既存サイトの修正を頼みたい方
対応可能な内容
・LPのコーディング(HTML/CSS/JavaScript)
・レスポンシブ対応(スマホ・タブレット対応)
・フォームの実装(PHPでの送信処理対応可)
・サイトの軽微な修正(テキスト変更、色変更など)
実績
・カフェサイトやトップページの制作経験あり(ポートフォリオ: https://koujiwatanabe.com/DanranCoffee/topPage_pc.html#)
・コーディング歴約1年ですが、丁寧な仕事でクライアントの期待に応えます。
価格の目安
・1ページ(5セクション程度): 10,000円〜
レスポンシブ対応: +1,000円
フォーム実装: +1,000円
納期の目安
1ページ: 3日〜7日
修正対応: 1日〜2日
ご注意
・デザインはご用意ください(デザイン作成は対応不可)。
複雑なアニメーションやバックエンド開発は要相談。
メッセージ
納期厳守、丁寧な対応をお約束します!
デザインを忠実に再現し、使いやすいLPをお届けします。
お気軽にご相談ください!
品質重視!!Web制作者がLPコーディングを代行します
業務内容
ご覧いただきありがとうございます!
3S code 代表 庄司 雅幸です。
当事業所はコーディング業務を主に請け負っており、
現在はWeb制作会社様と提携し業務をしております。
■基本料金に含まれるもの
HTML / CSSを使用した静的コーディング
レスポンシブ対応(スマホ)
テスト確認用サーバーの設置
お問い合わせフォーム(見た目のみ)
ハンバーガーメニュー
タブメニュー
スライダー
■基本料金に含まれないもの
スマホ用デザインがない場合のレスポンシブ対応
■動作確認
Chrome, Firefox, Safari
■納期
7〜14日程度で納品が可能です。
※稼働状況やページ内容により変動します。
※品質重視のため長めに納期を頂いております。
■納品までの流れ
①ヒアリング
②デザインデータお預かり(XD、Figma、Photoshop)
③コーディング
④テストサーバーにアップ(ご確認・修正)
⑤納品(ZIPファイル送付、またはFTPでレンタルサーバーへのアップロード)
【Webサイトの課題解決】保守・運用しやすいHTML/CSSコーディングを承ります
業務内容
6年の経験を活かし、保守・運用しやすいコーディングでWebサイトの課題を解決します!
このようなお悩みはありませんか?
Webサイトの更新・修正に時間がかかる、レスポンシブ対応がうまくいかない、デザイン修正が多い、各モールでの作業に手間取るといったお悩みを解決します。
発注の流れ
お問い合わせ
メッセージにてご依頼内容の詳細(WebページのURL、修正内容など)をお知らせください。
詳細確認・ヒアリング
ご依頼内容の詳細を確認し、認識のズレがないように丁寧にヒアリングいたします。
お見積もり
作業内容に基づき、お見積もりをご提示いたします。
作業開始
お見積もり内容にご納得いただけましたら、作業を開始いたします。
納品・修正
完成したWebページをご確認いただき、修正点があれば修正いたします。
対応範囲・価格
Webページ修正:5,000円~
既存Webページの簡単なテキスト修正や画像差し替えなど、1ページ単位での修正作業を承ります。
新規Webページ作成:30,000円~
新規Webページの作成、デザインに基づいたコーディング、レスポンシブ対応、SEO対策などを行います。
WordPressオリジナルテーマ構築:50,000円~
WordPressのオリジナルテーマを構築し、お客様のブランドイメージに合わせたWebサイトを作成します。
AIを使って
納期
要相談(作業内容や規模により異なります)
制作の流れ
企画・構成
お客様からご提供いただいた情報や資料を基に、Webページの構成やデザインを検討します。
コーディング
HTML、CSS、JavaScriptなどを使用して、Webページをコーディングします。保守・運用しやすいように、丁寧なコーディングを心がけます。
レスポンシブ対応
スマートフォンやタブレットなど、様々なデバイスでWebページが正しく表示されるように、レスポンシブ対応を行います。
テスト・修正
Webページが完成したら、お客様にご確認いただき、修正点があれば修正いたします。
納品
最終確認後、Webページを納品いたします。
サービス内容
Web制作、WordPress、マークアップなど、Webサイトに関する幅広い業務に対応いたします。お客様のニーズに合わせて、新規ページの作成からWebページの更新・修正まで、小規模な作業からでもお手伝いいたします。保守・運用しやすいコーディングを心がけ、スムーズな業務進行を実現します。
Webサイトのことでお困りではありませんか?
「Webページの更新作業に時間がかかる…」「レスポンシブ対応が上手くいかない…」「デザインの修正依頼が多くて困る…」
そんなお悩みを、Web業界6年以上の経験を持つ私が解決します!
保守・運用しやすいコーディングで、手戻りの少ないスムーズなWebサイト制作を実現します。
まずは、お気軽にご相談ください!
HTML/CSSコーディング(下層ページ特化パッケージ)下層ページ展開します
業務内容
▼こんな方へオススメ
デザインはあるので、下層ページのコーディングだけお願いしたい
トップページは別で依頼済み or 自社で作成済み
テキスト中心のページで費用を抑えて実装したい
WordPressなどCMSのテンプレート用HTMLが必要
納期を守って丁寧に仕上げてくれるコーダーを探している
▼ご提供内容
下層ページのHTML+CSS(静的ページ)
スマホ対応(レスポンシブ対応)
コーディングルールに沿った実装(ご要望があれば事前に共有ください)
共通パーツの使い回し(ヘッダー・フッター等)にも柔軟に対応
シンプルなJavaScriptの動き(アコーディオン・スムーススクロール等)
▼ご購入後の流れ
ご相談・お見積もり(ページ内容・デザインを確認させていただきます)
必要なデータのご提出(画像・デザインデータ・テキストなど)
コーディング作業
納品(zip納品 or サーバーアップロード)
ご確認・修正対応(軽微な調整は料金内で対応します)
▼制作可能なジャンル
コーポレートサイトの会社概要/採用情報ページ
サービス紹介/製品紹介ページ
プライバシーポリシー、FAQ、404ページなどの静的ページ
スクール・教育機関・医療・飲料・EC関連など多業種実績あり
▼料金プランやオプション
オプション例
アコーディオン対応:無料(シンプルな構造の場合)
JSスライダー導入:+5,000円〜
※複数ページ・ボリュームディスカウントも可能です。ご相談ください。
▼納期
1〜2ページ:2〜4営業日
3ページ以上:要相談(スケジュール優先可能です)
ご不明点・ご相談はお気軽に「メッセージで相談する」よりお問い合わせください。
丁寧・確実にご対応いたします!
HTML+CSSコーディング代行|レスポンシブ対応・軽量マークアップします
業務内容
▼こんな方へオススメ
デザインデータはあるけれど、コーディングができない
更新しやすく、構造のしっかりしたコードで作ってほしい
デザインに忠実に再現してくれる信頼できるコーダーを探している
制作会社や代理店とスムーズにやり取りできる外注先を探している
▼ご提供内容
静的HTML+CSSで、PC・スマホ両対応のレスポンシブコーディングを行います。
SEOや表示速度、保守性も意識した構造・可読性重視のマークアップが得意です。
対応内容:
HTML5 / CSS3(Sass可)
レスポンシブ対応(SPはブレイクポイント指定対応可)
jQueryアニメーション(スライド・フェードなど)
ドロワーメニュー
ページトップボタン
スクロールアニメーション
フォーム(HTML側のみ / PHP設置別途)
画像最適化
▼ご購入後の流れ
ご依頼内容のヒアリング
デザインデータのご共有(Figma / XD / Photoshop / illustrator など)
ページ構成確認と正式お見積り
着手 → 中間確認(必要時)
納品(zipまたは指定サーバーアップロード対応可能)
納品後の軽微な修正1回まで無料対応
▼制作可能なジャンル
制作会社経由で多様な業種を対応しています。
ジャンルによる制限はなく、構造重視のコーディングでどんな業種にも対応可能です。
実績例:
医療・製薬系(医薬品LP)
飲料・食品メーカー(キャンペーンLP)
教育機関(専門学校、スクールサイト)
コーポレートサイト全般
健康食品ECサイト(MakeShop)
企業Q&A (Zendeskカスタマイズ)
CMS組み込み(Wordpressオリジナルテーマ・MovableType)
▼料金プランやオプション
🟨基本料金
種別 価格(税抜) 備考
トップページ(〜7,000px) ¥20,000 基本構成+レスポンシブ対応 長さ、ボリュームで変動
下層ページ(通常) 10,000円〜 / 1ページ ライバシーポリシーなどテキスト主体や、下層でも動きが多いページなどを考慮し変動
🛠オプション
内容 価格(税抜)
WordPress組み込み対応 ¥40,000〜
▼納期
トップページ:5営業日程度(構成や仕様により変動)
下層ページ:1〜2営業日程度/1P
特殊なレイアウトは別途ご相談ください
制作会社で7年以上の経験を持ち、数百ページ以上のコーディングを担当。
再利用性の高い、柔軟なHTML/CSS設計が得意です。
ご相談ベースでも大歓迎です。お気軽にご連絡ください!
15年の経験 ホームページ、Webサイト、LP コーディング代行します
業務内容
基本情報
-
レスポンシブ対応!
-
SEOも意識したマークアップ`
-
デザインを忠実に再現します
-
プレビューできるサイトを無料でご用意
-
W3CバリデーションチェックでWeb標準に対応した正しいサイトを提供
-
ファイル、Github、またはサーバーへ直接公開(SSH、SCP)など、ご希望の形で納品いたします。
◆標準機能で作成します。
プラグインやツールなどを使うと後々不都合が生じた時に心配ですよね。
私たちはできるだけ標準機能を使って制作します。
標準機能だけで作ると構造がすっきりするため、制作には時間がかかりますが修正・メンテナンスは楽になります。
※依存がない方が末永くお使いいただけます。
※JavaScript によるアニメーションは別です。
◆無料JavaScript
メニューボタンなどの開閉等
◆AI動画も作成可能です。
ホームページ、WebサイトのトップにインパクトのあるAI動画も作成可能です。
◆「ここの部分のデザイン素材は変えたい…」
無償にて対応できる事がほとんどです。
お気軽にどうぞ。
はじめてのお客様へ
「全く知らない世界で不安・・・」
「専門用語が分からなくて相談することに気が引ける・・・」
「デザインデータは Figma や Adobe XD じゃなくて photoshop です」
全く心配ございません!
15年以上の経験がございますのでこれまでも様々なご要望をお聞きしてきました。
お気軽にご連絡くださいませ。
【納期】(目安)
◆ベーシック…5日
◆スタンダード…8日
◆プレミアム…15日
※コンテンツの量が多い場合や複雑なレイアウトの際には「カスタマイズ」プランを選択してください。
※迷ったら「カスタマイズ」プランを選択してください。
(不必要に値段を上げることは致しませんのでご安心ください。ベーシックが適切だと判断した場合には「ベーシック」プランの料金をご案内差し上げます。)
◆オプション
AI動画(トップページ上部)
運用管理(サーバー/ドメイン契約、継続的な管理)
お問い合わせフォーム(しっかりとしたセキュリティ対策を行います)
アニメーション(高度な動作)
WordPress構築(オリジナルテーマ制作 / カスタマイズ)
WordPress更新マニュアル
====================================================
プレビューサイトをご用意いたしますので納品前にご確認いただけます。
また、スマートフォンやタブレットで見た場合の確認方法も丁寧にサポートいたします。
プレビューサイトで確認した結果「デザインのここを少し変えたい…」、内容にもよりますが大きな変更でなければ無料にて対応致します。
(納品後の修正ではご相談となります)
丁寧に対応させていただきますので、お気軽にご連絡ください。
====================================================
【デザイナー様・制作会社様向け】高品質でスピード納品!コーディング代行を承ります
業務内容
本サービスをご覧いただきありがとうございます。
Web制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。
デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。
- コーディングのリソースが足りていない
- デザインを忠実に再現できるコーダーがいない
- 高度なアニメーションを実装してほしい
- 経験豊富なコーダーに対応してほしい
こういった方にお勧めのサービスです!
◆作業内容
・レスポンシブコーディング
┗ ブレイクポイント3つ + フレキシブルレイアウト
┗ Sass(SCSS)対応可能
・お問合せフォーム実装
┗ WordPressプラグインを使用(Contact Form 7, MW WP Form)
・WordPress化
┗ オリジナルテーマ制作
┗ カスタム投稿タイプ・カスタムフィールド等も対応可能
・CSS / JSアニメーション制作
┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能
これら以外にもご要望がありましたら、お気軽にご相談ください。
◆制作の流れ
①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。
私たちの強み
・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。
・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。
・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。
・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。
料金に関して
プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。
私たちの実績について
主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。
【初心者歓迎】WordPress・LP・コーポレートサイトのコーディング承ります
業務内容
ご覧いただきありがとうございます。Webコーダーのしまと申します。
WordPressを中心に、コーポレートサイトやランディングページ(LP)のコーディングを承っております。
当サービスの強み
- デザインデータを忠実に再現するコーディング
- スマホ・タブレット対応は標準装備
- 読みやすいコード(BEM記法をベースにしていますが、ご希望の方法に合わせられます)
- 初めての方にも分かりやすく説明、やり取りをスムーズに進めます
対応可能な内容
- WordPressサイトのコーディング・組み込み
- HTML/CSS/JavaScript
- レスポンシブ対応(スマホ最適化)
ご依頼の流れ
- デザインデータやサイトのイメージをご共有ください
- 内容を確認のうえ、お見積り・納期をご提案します
- コーディング開始 → ご確認 → 納品
お願い
- デザインデータを必ずご用意ください(※デザイン作成オプションをご利用いただくページについては不要です)
- デザインデータはFigma、PSDは対応可能です。その他の場合はご相談ください
- 写真や文章素材はご支給をお願いしております
- 複雑なシステム開発は対応外となります(可能かどうかご相談いただくことは問題ありません!)
詳細な料金やオプションについてはパッケージをご覧ください。
ご不明点やご相談があれば、まずはお気軽にメッセージください。
「丁寧に、正確に」を心がけて、依頼者様の大切なサイト作りをお手伝いします。
HTML.CSSであなたのHPやLPのデザインコーディングいたします
業務内容
ある中からご覧いただきありがとうございます!
・とにかく忙しくてコーディングは任せたいWEBデザイナーの方
・費用は抑えてHP・LP作りたい方
こんな方ご相談ください!飲食業、フィットネス、教育系、美容系、宿泊系など
オープニング価格でお安くコーディングします。
レスポンスはすぐにするように心がけております!(10時間以内)
対応含めてご満足頂けるように致します。
◉サービス内容
・デザインデータからのHTML・CSSのコーディング
(photoshop、XD、figmaなどのデザインからコーディングいたします。)
・ギャラリー、SNS機能、お問い合わせフォーム、レスポンシブ対応は基本料金に含まれています。
◉ご相談からの流れ
①お見積りからお願いします。デザインデータがあれば共有ください。
②初稿提出
10日で提出させていただきます。
ご確認いただきフィードバックを頂きます。
③修正案提出
3日以内で提出させていただきます。
ご納得いただけるまで何度でも修正させていただきます。
④納品
ご満足いただけた時点で納品のお手続きをさせて頂きます。
気に入っていただけましたら是非ご評価を頂けますと幸いです!
◉納期
着手から大体2週間。内容により短くなることもあります。
極力早く納品できるように対応いたします。
確認事項のご返信が滞ると納期が遅れる可能性があります。
◉納品方法
html・cssをzip形式にて納品またはサーバーにアップロード
実績としてポートフォリオに掲載させていただくことをご了承いただけますと嬉しいです。
素敵なご縁になりますように精一杯努めます。よろしくお願いします。
esportsチーム向けホームページの制作(コーディング、システム)をしています
業務内容
wordpressで既存のテーマを使わずに1から制作します。
既存のテーマを改造して作らないので、自由度の高いホームページを制作することができます。
ただ、コーディングくらいしかできないのでデザインは用意してもらいます。
目安の値段は料金表に準じますが、デザイン、導入したいシステムによって変動します。
その代わり、デザインのアニメーション等の仕様はできる限り実装します。
【デザイナー様・制作会社様向け】HP・LPなどコーディング作業を代行いたします
業務内容
▼こんな方へオススメ
- コーダー不足
- なるべく素早く納品して欲しい
- 確実にデザインが反映されたホームページが欲しい
- 制作後も管理できるモダンでシンプルなコーディングが望ましい
▼ご提供内容
- お好みのデザイン・エフェクトをおよそ3日/ページでコーディングいたします
- 変更点に即対応し、満足いくまでブラッシュアップしていきます
- サーバーへのアップロードといったHP・LP制作の流れをまんべんなくサポートします
- アニメーションやレスポンシブ (ブレイクポイント無制限)、SEO対策は標準料金内で実装いたします
- scssやtailwind.css等を利用した操作性のよいCSS設計ができます
▼制作までの流れ
- webミーティングでヒアリングを行います
- デザインを元に実装開始
- テスト環境にて検証
- 修正内容確認後に検収
- ご要望の形態に合わせて納品 (ご希望があれば運用保守まで対応いたします)
ご相談、お見積もりに関しては無料で行っておりますので、まずはお気軽にご相談ください。
何卒よろしくお願いいたします。
【初心者歓迎】丁寧に仕上げるWebサイト制作パートナー承ります
業務内容
Web制作の最初の一歩、私にお任せください!丁寧なコーディングで、あなたの想いを形にします。
このようなお悩みはありませんか?
Webサイトを立ち上げたいけど、どこから手をつければいいかわからない。予算を抑えつつ、高品質なサイトを作りたい。既存のサイトのデザインが古く、スマホ対応もできていない。
発注の流れ
お問い合わせ
メッセージにて、ご希望のWebサイトのイメージ、ページ数、納期、予算などをお知らせください。参考になるWebサイトがあれば、URLをお送りください。
お見積もり・ご提案
お伺いした内容をもとに、最適なプランをご提案いたします。不明な点やご要望があれば、お気軽にお申し付けください。
ご契約・制作開始
ご提案内容にご納得いただけましたら、正式にご契約となります。着手金として、料金の半額をお支払いいただきます。
制作
Webサイトのコーディング、WordPressの構築、LPのデザインなど、各工程を進めていきます。進捗状況は随時ご報告いたします。
納品・公開
完成したWebサイトをご確認いただき、修正点があればお申し付けください。修正後、納品となります。残りの料金をお支払いいただきます。
対応範囲・価格
HTML/CSSコーディング:10,000円〜
HTML/CSSによるWebサイトのコーディングを1ページから承ります。デザインデータからのコーディング、既存ページの修正など、ご要望に合わせて柔軟に対応いたします。
WordPressサイト制作:30,000円〜
WordPressのオリジナルテーマ、または既存テーマをカスタマイズして、Webサイトを制作します。ブログ機能の追加や、デザインの調整など、お客様のニーズに合わせたサイト構築が可能です。
LP制作:50,000円〜
集客効果の高いランディングページ(LP)を制作します。ターゲットユーザーに響くデザインと、コンバージョン率を高めるための構成をご提案いたします。
納期
内容により1週間〜
制作の流れ
企画・構成
お客様からいただいた情報をもとに、Webサイトの構成、デザイン、コンテンツなどを具体的に検討します。
コーディング
Figmaなどのデザインデータをもとに、HTML/CSSでWebサイトをコーディングします。レスポンシブ対応も行い、スマートフォンやタブレットでも見やすいWebサイトを制作します。
WordPress構築
WordPressをインストールし、テーマの選定やカスタマイズを行います。プラグインの導入や設定も行い、Webサイトに必要な機能を実装します。
コンテンツ作成
Webサイトのコンテンツを作成します。文章、画像、動画などを効果的に配置し、ユーザーに魅力的なコンテンツを提供します。
公開・運用
Webサイトをサーバーにアップロードし、公開します。公開後も、Webサイトの保守・運用をサポートいたします。
サービス内容
HTML/CSSコーディング、WordPressサイト制作、LP制作を承ります。丁寧な作業と柔軟な対応で、お客様のWebサイト制作をサポートいたします。
Webサイト制作でお困りではありませんか?
「Webサイトを作りたいけど、何から始めたらいいかわからない…」
「デザインはできたけど、コーディングをどうすればいいのか…」
「スマホに対応したWebサイトを作りたいけど、費用が高い…」
そんなあなたのために、Web制作パートナーとして、HTML/CSSコーディング、WordPressサイト制作、LP制作を承ります。
丁寧な作業と柔軟な対応で、お客様のWebサイト制作をサポートいたします。
まずは、お気軽にご相談ください。
小さなご依頼からでも構いません。
あなたのWebサイト制作を、私にお任せください!
デザインに忠実なコーディング・Webサイト制作をいたします
業務内容
◆デザインはできるけどコーディングは苦手…
◆忙しくてコーディングまで手が回らない方
こんな方におすすめです!
作成されたデザインに基づき、Webサイト構築を1ページ~代行いたします。
ジャンル問わず、LP・HPコーディングを承ります。
Wordpress使用のECサイトも可能ですので、ご相談くださいませ。
◇デザインに忠実なコーディング:PergectPixelを使用しながら作業いたします。
◇早いレスポンス:ご連絡には気づき次第すぐに対応いたします。
◇納期厳守:当たり前のことですが、納期は必ず守ります。必要があればこまめに進捗のご報告もいたします。
◇柔軟対応:軽微は修正は回数の制限を設けておりません。お気軽にご相談いただければと思います。
【進め方】
①デザインをご共有いただき、コーディングルールやアニメーション等の概要や納品方法について確認いたします。(オンラインでのお打ち合わせも可能です)
②作業
③初稿提出
④ご確認いただき、修正があればフィードバックしていただきます。
⑤最終納品
【経歴】
・四年制大学卒
・2024年1月までドラッグストア勤務(約5年間)、うち1年半ほど店長を経験
・退職後、Web制作の学習を始めコーディングスキルを修得
・現在は出版社に勤務しつつ、コーディングのお仕事も副業として承っております。デザインも勉強中です。
【yahooショッピング】PC・スマホトップページデザイン・コーディングます
業務内容
yahooショッピングトップページリニューアル(デザイン・コーディング)を行います。
yahooショッピングでデザイン、商品登録、各店舗間の商品情報変換、立ち上げ、運営、更新を得意としております。
店舗様のご要望に合わせてフルオーダーにてデザイン制作を承ります。
戦略、アドバイス、扱い方、広告等のアドバイスも可能です。
■制作内容
・Yahooトリプル用TOPページ制作(PC/スマホ)
※上記内容内容次第では金額・納期は上下する場合がございます。
高品質なホームページコーディング制作をコーディング代行します
業務内容
■こんな方におすすめです
・低コストでコーディングを依頼したい方
・コーディングの時間が取れないデザイナーの方
・デザインデータはあるが、コー
本サービスでは、静的サイトやホームペーページ(HP)、ランディングページ(LP)を制作しています。ディングに不安を感じている方
■対象
・HP
・LP
・スマホ対応のWebサイト制作(レスポンシブ可)
■サービス内容
・HTML・CSSによるコーディング
・CSS, JavascriptやjQueryを使用したアニメーションの実装
・必要なタグ(ボタンやGoogleマップなど)の埋め込み
・画像圧縮による表示速度の改善
・レスポンシブ対応
■サービスの特徴
・デザインカンプ通りのコーディング
お客様からいただいたデザインデータ(Photoshop、Illustrator、XD、Figma)をもとに、デザインカンプに忠実なコーディングを行います。デザインのニュアンスを大切にし、細部まで丁寧に再現します。
・無制限の修正
お客様がご満足いただけるまで、修正を無制限で対応いたします。細かい要望にもお応えしますので、安心してご依頼ください。
※お客様が納得いただけるまで対応いたしますが、納品後の修正はお断りさせていただくきます。
・レスポンシブデザイン対応
スマートフォンやタブレットでも快適に閲覧できるよう、すべてのサイトにレスポンシブ対応を行います。
■制作の流れ
※WordPressの場合は異なります
①ご相談・お打ち合わせ
お客様のご希望やスケジュール、要望などをヒアリングし、進行方向を確認します。
②デザインデータの受け取り
Photoshop, Illustrator, XD, Figmaなどの形式でデザインデータをお預かりします。
③コーディング作業
いただいたデザインに基づき、丁寧にコーディングを進めます。
④テスト環境にアップロード
WordPressサイトの場合は、テスト環境にアップロードし、動作確認を行います。
⑤お客様確認・修正対応
お客様のチェック後、必要な修正を何度でも対応します。
⑥最終納品
修正が完了したら、納品となります。
■納期
作業内容により異なりますが、コーディングの場合は1ページあたり約5日をいただきます。お急ぎの方は事前にご相談ください。
※デザインの複雑さにより、上記の納期が変わることもありますのでご了承ください。
■納品方法
納品時には、zipファイルの送付やサーバーへのアップロードが可能です。サーバーへのアップロードを希望される場合は、FTP情報の共有をお願いいたします。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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。