人気ランキング 期間:10月25日 〜 11月1日
【丁寧・柔軟に対応】レスポンシブ対応のWebサイト制作/修正します
業務内容
✅こんな方におすすめ
• スマホでの表示崩れを直したい方
• WordPressの設定やテーマ調整に困っている方
• サイトの移行やサーバー設定を安心して任せたい方
• 企業サイトをしっかりと整えたい方
• 初めてのWebサイト制作で不安がある方
🛠️ご提供内容
• WordPressサイトの構築・移行(All-in-One WP Migration対応)
• レスポンシブ対応(スマホ・タブレット最適化)
• テーマカスタマイズ(色・レイアウト・構成調整)
• 表示崩れの修正・CSS調整
• サーバー設定(Xserver・Cyberduck・SSL・DNS・Basic認証)
• SEO初期設定(metaタグ・OGPなど)
• PR文・プロフィール設計のアドバイス(希望者のみ)
🛒ご購入の流れ
- 「見積もり・相談」からご希望内容をご連絡ください
- 内容確認後、最適なプランと納期をご提案します
- ご購入後、必要な情報(ログイン情報・素材など)をご提供いただきます
- 制作・修正作業を進行(進捗報告あり)
- 納品・ご確認 → 修正対応(1回まで無料)
- 完了・評価
🎨制作可能なジャンル
• 企業・店舗の公式サイト
• サービス紹介・ポートフォリオサイト
• ブログ・メディアサイト(WordPress)
• LP(ランディングページ)風の構成にも対応可能
• サブドメインでのテスト環境構築も対応可
格安で、丁寧にHTML/CSSコーディング代行を対応致します
業務内容
レスポンシブ対応で見やすく、保守しやすいWebページを制作いたします
HTML / CSS コーディング代行
・Figma / XD / Illustrator / PDF 等のデザインデータから忠実にコーディング
・スマホ対応(レスポンシブ)対応可
・保守性・可読性の高いクリーンなコードを意識しています
LP(ランディングページ)の作成
・1ページ完結のPRページ、イベントページ等
・既存テンプレートのカスタマイズ対応も可能です
デザインがない場合もOK
・簡単な構成案からの制作もご相談いただけます
・フリー素材・テンプレートを活用したコスト重視対応も可能です
軽度のJavaScript実装(ご要望に応じて)
以下のような簡単な動きに対応可能です:
・スライダー(Swiperなどの導入)
・ハンバーガーメニュー
・FAQの開閉
・モーダル表示(画像拡大など)
・スクロールアニメーション(AOS等ライブラリ)
・日付自動挿入 など
※本業の合間に対応しているため、通常は平日夜・週末の稼働となりますが、
週末の案件につきましては可能な限り納期より前倒しで納品できるよう努めております。
丁寧なヒアリングを心がけ、ご希望に沿った成果物を納品いたします。お気軽にご相談ください。
納期厳守&最速対応|プロ品質の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プラグイン追加
■納品の流れ
▔▔▔▔▔▔▔▔▔▔▔▔
①お問い合わせ・ご相談
まずは、お気軽にご相談ください。デザインカンプやご要望の詳細をお伺いします。
②お見積もり
デザインカンプや仕様書を基に、お見積もりを作成いたします。納期や費用について、詳細にご説明します。
③ご契約・制作開始
お見積もり内容にご納得いただけましたら、ご契約となります。制作スケジュールを確認し、着手いたします。
④ご確認・修正
コーディングが完了後、お客様に確認していただきます。修正点があれば、迅速に対応いたします。
⑤納品・アフターサポート
最終確認後、納品となります。納品後も、ご不明な点があればお気軽にご質問ください。
Webページ、JavaScript、WordPressのコーディング代行いたします
業務内容
ご覧頂きありがとうございます。中桐と申します。
新規ページ作成から既存ページ修正まで小規模作業も承ります。
ポートフォリオサイト:https://nakagiri.com/
※ご連絡はポートフォリオのお問い合せではなくランサーズの機能をご使用ください。
◆ご提供業務
・デザインカンプからの新規ページ起こし
・既存ペーシの修正
・既存ページのレスポンシブ対応
・既存ページのリファクタリング(JavaScriptを含みます)
・小さな作業もお手伝いさせてください。
◆ページ単位ではなく、既存ページの修正なども承ります。
・作業料金は1ページの修正量の比率×1.5(既存ソースの理解と修正計画策定分)を目安に個別にお見積もりいたします。
・JavaScriptの改修、リファクタリングも承ります。
◆作業手順
▼作業内容受領、内容確認
▼お打ち合わせ(ご要望、仕様確認、他)
▼作業スケジュールの合意
▼作業実施、合意に基づく作業報告、随時確認・気づき報告
▼仮納品 ご確認ご確認いただき必要な微調整などを実施
弊サーバー上でのご確認いただくことも可能です。(無料)
▼納品、
■検収
◆ご対応できない業務
申し訳ございませんが、コンテンツ内容の作成はご容赦いただきますようお願いいたします。
・デザイン
・画像の作成、文面作成
ご検討頂ければ幸いです。
フリーランスに頼みづら~いコーディングやメンテナンス作業をお手伝いいたします
業務内容
ご覧頂きありがとうございます。中桐と申します。
新規ページ作成から既存ページ修正まで小規模作業も承ります。
ポートフォリオサイト:https://nakagiri.com/
※ご連絡はポートフォリオのお問い合せではなくランサーズの機能をご使用ください。
◆ご提供業務
・デザインカンプからの新規ページ起こし
・既存ペーシの修正
・既存ページのレスポンシブ対応
・既存ページのリファクタリング(JavaScriptを含みます)
・小さな作業もお手伝いさせてください。
◆ページ単位ではなく、既存ページの修正なども承ります。
・作業料金は1ページの修正量の比率×1.5(既存ソースの理解と修正計画策定分)を目安に個別にお見積もりいたします。
・JavaScriptの改修、リファクタリングも承ります。
◆作業手順
▼作業内容受領、内容確認
▼お打ち合わせ(ご要望、仕様確認、他)
▼作業スケジュールの合意
▼作業実施、合意に基づく作業報告、随時確認・気づき報告
▼仮納品 ご確認ご確認いただき必要な微調整などを実施
弊サーバー上でのご確認いただくことも可能です。(無料)
▼納品、
■検収
◆ご対応できない業務
申し訳ございませんが、コンテンツ内容の作成はご容赦いただきますようお願いいたします。
・デザイン
・画像の作成、文面作成
ご検討頂ければ幸いです。
【スマホ対応】デザインデータからWebサイトを丁寧にコーディングします
業務内容
デザインデータから高品質なWebサイトを迅速に構築します!レスポンシブ対応でスマホも安心。あなたのビジネスをWebで成功に導きます。
このようなお悩みはありませんか?
企業のWebサイトをリニューアルしたいが、デザインデータはあるもののコーディングできる人がいない。スマホ対応も必須。
発注の流れ
お問い合わせ
メッセージにて、Webサイトの目的、デザインデータ、希望納期などをお知らせください。
お打ち合わせ
デザインデータを確認し、Webサイトの構成、機能、SEO対策などについてご提案します。
お見積もり・ご契約
お見積もりをご確認いただき、ご納得いただけましたらご契約となります。
制作・納品
コーディング、テスト、修正を行い、Webサイトを納品します。
対応範囲・価格
基本のWebサイト構築:5万円〜
HTML/CSSによるレスポンシブWebサイト構築(5ページまで)。デザインデータからのコーディング、スマホ対応、SEO対策。
WordPressテーマ化:10万円〜
WordPressテーマ化(オリジナルテーマ)。基本のWebサイト構築に加え、WordPressによるCMS導入、ブログ機能追加。
STUDIO制作:8万円〜
STUDIOを用いたWebサイト制作。STUDIOによるWebサイト制作、アニメーションやインタラクションの実装。
納期
最短1週間で納品
制作の流れ
要件定義・設計
お客様から提供されたデザインデータと要件を詳細に分析し、Webサイトの構造を設計します。
コーディング
HTML, CSS, JavaScriptを用いて、Webサイトのコーディングを行います。レスポンシブ対応も行います。
テスト・修正
テスト環境で動作確認を行い、修正点があれば修正します。
納品・公開
Webサイトを納品します。必要に応じて、サーバーへのアップロード作業も行います。
サービス内容
デザインデータから高品質なWebサイトを迅速に構築します。レスポンシブ対応でスマホも安心。WordPressテーマ化やSTUDIO制作も対応可能です。
Webサイトのデザインはあるけど、コーディングできる人がいなくて困っていませんか?スマホ対応もしたいけど、どうすればいいかわからない?そんなあなたのために、私がWebサイトを制作します!FigmaやXDのデザインデータを正確に再現し、レスポンシブ対応でスマホでも快適に閲覧できるWebサイトを制作します。WordPressテーマ化やSTUDIO制作も対応可能です。お気軽にご相談ください。
【コーディング経験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サイト制作をサポートいたします。まずは、お気軽にご相談ください!
【期間限定:WordPress10ページ2万円〜】コーディング代行いたします
業務内容
ご覧いただきありがとうございます
こちらのパッケージでは、簡単なWEBサイトの修正から、WordPress構築まで承っております!
サービスの特徴
◎スピーディ・高品質
60項目以上の品質チェックシート使用
スピード・品質ともに高評価、継続発注をいただいております
◎メンテナンスしやすい設計
コンテンツの追加・変更に対応しやすい設計でコーディングいたします
マニュアル等ございましたら、そちらに従いコーディングいたします
基本対応範囲
※以下の内容はプランの料金に含まれております
・W3C準拠・クロスブラウザ対応の確認
・レスポンシブ対応
・品質チェックシート使用
・画像圧縮
・メタ情報の設定(内容はご支給お願いいたします)
・構造化マークアップ
・スマホよしなに対応
・アニメーション(CSS、JavaScript、GSAPを使用した複雑なアニメーションも可)
納期目安
【修正】
1〜5日
【静的コーディング 1ページ 】
5〜7日
【WordPress 10ページ 】
10〜14日
※内容に応じて前後いたします
料金
プランの料金は目安となります
ご予算に応じて柔軟に対応させていただきます
また、ご依頼内容に応じてプランをご提案させていただくことも可能です
「まずは相談する」のボタンより、お気軽にご相談ください
制作の流れ
①ご相談・お見積もり
デザインデータを元にチャットでお打ち合わせを行います。
その後、お見積り金額を提示させていただきます。
②仮払い
ご依頼内容および金額が決まりましたら、仮払いをお願いいたします。
仮払いにより、ご契約となります。
③制作開始
プラン納期は仮払い終了後からの日数になります。
④初稿提出〜修正
テスト環境の情報をお伝えいたします。そちらでご確認ください。
⑤納品
Zipファイルで納品、またはサーバーにアップロードいたします。
※サーバーにアップロードの場合は以下の情報ご共有ください
・FTP接続情報
・レンタルサーバーのログイン情報(WordPressの場合)等
ご依頼時にもご案内させていただきます
稼働時間
※お問い合わせは24時間受け付けております
平日・土日祝日:9:00 ~ 17:00(原則15分以内にお返事いたします)
連絡の取れる時間帯:7:00 ~ 23:00
私について
新潟県でフリーランスとしてコーダーをしております
前職は薬剤師をしており、最新情報のキャッチアップや他職種とのコミュニケーションを大切にしておりました
その経験を活かし、現在も最新技術のキャッチアップはもちろん、日々の進捗報告や情報共有では、スプレットシートや画像を使用し、わかりやすく丁寧なコミュニケーションに努めております
現在、20サイト構築しており、
20〜40ページ程のWordPressオリジナルテーマの制作や共同制作にも携わらせていただいております
その他、改修、保守運用もお任せいただいております
ご相談だけでもお気軽にご連絡いただけましたら幸いです☘️
Webサイトの制作、WordPressのオリジナルテーマ制作に対応します
業務内容
デザインカンプをもとにしたHTML/CSSコーディングや、WordPressオリジナルテーマの開発を承ります。
「目的や意図を正確にくみ取り、デザインに表れない細部まで配慮すること」を大切に、高品質なコーディングをご提供します。
本業で20年間システムエンジニアとして培った報連相・進捗管理・品質管理を活かし、納期を守りながら安心してお任せいただける対応を心がけています。
対応可能な内容
- デザインカンプ(Figmaなど)からのコーディング
└ HTML/CSS/JavaScript/jQuery - WordPressオリジナルテーマの作成
- レスポンシブ対応(PC・スマホ最適化)
- お問い合わせフォームの実装
- 既存サイトの修正・改修対応
ご依頼の流れ
- ヒアリング(目的・ご要望を丁寧に確認)
- デザイン確認/スケジュール提示
- コーディング作業(進捗を随時ご報告)
- 初稿提出 → 修正対応
- 納品・公開サポート(ご希望により継続サポート可)
ご不明点やご相談があれば、お気軽にお問い合わせください。
SEO診断と改善提案・対策の実施で検索流入を増やします
業務内容
概要
「検索順位が伸びない」「集客に課題がある」企業様向けに、SEO診断と改善提案を行います。
技術的SEO(サイト速度、モバイル対応、内部リンク構造など)を中心にチェックし、改善提案をレポート形式で納品します。
- 技術的SEO診断(Google Lighthouse / PageSpeed Insights)
- 内部リンク・メタ情報・構造化データの確認
- 改善提案レポート(PDF形式)を納品
- WordPressの場合は実装代行も可能
検索順位が重要となるBtoCサービスの上場企業様のSEO対策を専任で担当していた実績がございます。
昨今は、AIの技術進歩により従来のSEO対策だけではなく、AIの判定も検索順位に影響がある時代となっています。
過去にSEO対策を行っている企業様で、最近検索順位が伸びていない企業様はいらっしゃいませんか?
日進月歩で技術進化を続けているSEO対策、ぜひ弊社にお任せください。
Q&A
Q1. WordPress以外のサイトでも依頼できますか?
A1. はい、独自サイトや他CMSでも診断可能です。
Q2. 検索順位の保証はありますか?
A2. 順位保証はありませんが、検索評価が高まりやすい改善を行います。
Q3. 修正作業までお願いできますか?
A3. スタンダード・プレミアムプランで対応いたします。
【高品質】デザインカンプから完全再現でコーディングします
業務内容
あなたの想いをカタチに!デザインカンプからフルスクラッチ、WordPressまで、心を込めてコーディングいたします。
発注の流れ
お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや目的、予算、納期などをお気軽にご相談ください。参考となる資料などがあれば、共有していただけるとスムーズです。
お見積もり・ご契約
ヒアリング内容に基づき、お見積もりを提示します。ご納得いただけましたら、正式にご契約となります。
コーディング作業
ご契約後、コーディング作業を開始します。進捗状況を随時ご報告し、お客様と連携しながら進めていきます。
ご確認・修正
完成したWebサイトをご確認いただき、修正点があればご遠慮なくお申し付けください。迅速に対応いたします。
納品・アフターサポート
最終確認後、納品となります。納品後も、保守・運用に関するご相談を承ります。
対応範囲・価格
デザインカンプからのコーディング:3万円〜
デザインカンプを忠実に再現。細部までこだわった美しいコーディングをします。ピクセルパーフェクトな仕上がりをお約束します。
HTMLからのWordPress化:5万円〜
既存のHTMLをWordPress化。ブログ機能の追加やSEO対策、更新しやすいサイト構造を実現します。お客様自身で簡単に更新できるようになります。
アニメーションの追加:1万円〜
動きのあるWebサイトで、ユーザーの興味を惹きつけます。スクロールアニメーションなど、様々な表現が可能です。
細かな修正:5,000円〜
表示崩れや誤字脱字など、細かな修正も丁寧に対応します。迅速な対応で、お客様のビジネスをサポートします。
納期
案件内容により異なります。お気軽にご相談ください。
制作の流れ
Webサイト設計
お客様から提供されたデザインカンプや資料を基に、Webサイトの構造を設計します。SEO対策も考慮した設計を行います。
コーディング
設計に基づき、HTML、CSS、JavaScriptなどのコードを記述します。FLOCSSやBEMなどの設計ルールを活用し、保守性・拡張性の高いコードを書きます。
テスト・修正
作成したWebサイトを様々なデバイスでテストし、表示崩れがないか、動作に問題がないかなどを確認します。必要に応じて修正を行います。
お客様確認
お客様にWebサイトをご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応します。
納品
最終確認後、Webサイトを納品します。必要に応じて、サーバーへのアップロードやWordPressのインストールなども代行します。
サービス内容
デザインカンプからのコーディング、HTMLからのWordPress化、アニメーション実装、LP/HP作成、WordPressサイト作成、SEO対策など、Webコーディングに関するお仕事を幅広く承ります。制作会社クオリティを、個人ならではの価格でご提供いたします。
私は、制作会社クオリティのコーディングを、個人ならではの価格でご提供しています。
デザインカンプからのコーディング、HTMLからのWordPress化、アニメーションの追加など、コーディングに関するお仕事はなんでもお任せください!
まずは、お気軽にご相談ください。あなたのWebサイトを、もっと魅力的にするお手伝いをさせていただきます。
【CSS・javaScript】Webサイトのコーディング・UI実装を承ります
業務内容
3年の実務経験を活かし、Webサイトの課題を解決します!
このようなお悩みはありませんか?
Webサイトのレスポンシブ化、UI改善、デザインの再現、保守運用など、Webサイトに関する様々な課題に対応します。
発注の流れ
お問い合わせ
メッセージでご相談ください。Webサイトの課題やご要望をお伺いします。
企画提案
課題やご要望を元に、最適な解決策をご提案します。お見積もりも提示いたします。
ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。制作を開始します。
ご確認・修正
制作したWebサイトをご確認いただきます。修正点があればお気軽にお申し付けください。
納品・サポート
最終確認後、納品となります。納品後もサポートいたします。
対応範囲・価格
レスポンシブ対応:3万円〜
HTML/CSSコーディングによるレスポンシブ対応を行います。スマホやタブレットなど、様々なデバイスで最適に表示されるように調整します。
UI実装:5万円〜
JavaScript・jQueryによる動きのあるUI実装を行います。サイトに動きをつけることで、ユーザーの興味を引きつけます。
デザイン再現:10万円〜
Figma/PSDなどのデザインデータから、WebサイトやLPを正確に再現します。デザイン通りの高品質なサイトを制作します。
保守運用:月額1万円〜
Webサイトの保守運用を代行します。定期的なバックアップやセキュリティ対策、コンテンツ更新などを行います。
納期
案件により異なります。お気軽にご相談ください。
制作の流れ
ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。Webサイトの目的やターゲット層などを明確にします。
企画・設計
ヒアリング内容を元に、Webサイトの構成やデザインを検討します。ワイヤーフレームやデザインカンプを作成します。
コーディング
設計に基づいて、HTML/CSS/JavaScriptなどを使ってWebサイトを構築します。レスポンシブ対応やUI実装も行います。
テスト
構築したWebサイトをテスト環境で確認します。動作確認や表示確認を行い、不具合を修正します。
公開・運用
Webサイトを本番環境に公開します。公開後もWebサイトの保守運用を行います。
サービス内容
Webサイトに関する様々な課題を解決します。HTML/CSSコーディング、JavaScript・jQueryによるUI実装、デザインデータからの正確な再現、Webサイトの保守運用など、幅広く対応可能です。
Webサイトの課題、YUKIが解決します!
現役エンジニアとして3年の実務経験を持つYUKIが、あなたのWebサイトの課題を解決します。レスポンシブ対応、UI改善、デザイン再現、保守運用まで、幅広く対応可能。
「Webサイトをもっと良くしたいけど、何から始めたらいいか分からない…」
そんなお悩みをお持ちではありませんか?
YUKIは、未経験からエンジニアに転職した経験を持つため、初心者の方にも寄り添った丁寧なサポートが可能です。
まずは、お気軽にご相談ください。YUKIがあなたのWebサイトを成功に導きます!
【コーディング代行】納期厳守・丁寧対応◎ ホームページ・LPコーディングいたします
業務内容
初めまして♪ちいうさと申します。
この度は、数多くの中からご覧いただきありがとうございます。
〜こんなことお困りではないですか?〜
◉ コーディングの知識がなく、更新や修正ができずに困っている
◉ 修正や相談にすぐ対応してもらえず、不安になったことがある
◉ デザインデータはあるけれど、正しくコーディングできる人がいない
◉ スマホやタブレットでの見え方が崩れてしまう
◉ 表示速度が遅く、原因がわからない
◉ HTML/CSSの構造が複雑で、他社に依頼しても断られた
◉ SEOを意識したマークアップができていない
◉ 細かなアニメーションや動きを追加したいけど方法がわからない
◉ 他社に依頼したが、デザイン通りに仕上がらなかった
◉ コーディングだけを頼める人が見つからない
◉ 古いサイトをリニューアルしたいけれど、どこから手をつければいいかわからない
\まずはお気軽にご相談ください!/
▼お手伝いできること
◉コーディング
・ホームページ・LP
・レスポンシブ対応(PC版・スマホ版のどちらかのみでもOK)
・アニメーション(GSAPやjQueryを使用した動きの実装なども可能)
・既存Webサイトの改修など
他にも。。。
◉デザイン
・バナー・ヘッダー・サムネイル制作
・LP(ランディングページ)のデザイン
◉WordPress構築
・WordPressサイト構築:50,000円〜(テーマでの構築)
・WordPressサイト構築:100,000円〜(オリジナルテーマでの構築)
※詳細:トップページ+5ページ
▼対応可能な内容
・ホームページ・LP(ランディングページ)などのシングルページ制作
ページ数やコーディングの複雑さなどを踏まえて価格をお見積もりいたします。
お気軽にご相談の際に、デザインデータをご共有いただきますようお願いいたします。
デザインデータはFigmaを推奨しております。
▼納品までの流れ
1.お見積もり&ご相談/ご購入
2.作業開始
3.ご確認・修正
4.最終確認
5.納品(サーバーアップロードまたはzipファイルの送付)
▼納期
要相談(ページ数やコンテンツにより変動)
※ご相談は無料ですので、お問合せください。
▼購入にあたっての6つのお願い
1.ご購入前に必ず「見積もり・カスタマイズ相談」からご連絡をお願いいたします。
2.制作内容・用途・参考サイト等はできるだけ詳しくお知らせください。
3.ご返信・ご確認は、原則3日以内にお願いいたします。ご連絡が長期間ない場合は、やむを得ずトークルームをクローズさせていただくことがございますので、あらかじめご了承ください。
4.完成後の大幅な仕様変更は追加料金が発生する場合があります。
5.実績として制作物をポートフォリオ等に掲載させていただくことがあります。NGの場合は事前にお知らせくださいませ。
6.納品後の軽微な修正(文言や色の変更など)は、1週間以内であれば無償対応いたします。
▼事前にご用意いただくもの
1.デザインデータ【必須】完成データ
2.デザインに使用した画像やロゴ
※バナー・写真・アイコンなど、書き出しが必要な素材一式
3.フォント情報・使用してよいWebフォント指定
※商用利用可能なフォントか、Google Fonts など代替指定があると安心です
4.納品形式の希望方法
まずはお気軽にご相談ください♪
【スマホ対応/WordPress可】高品質なHTML/CSSコーディングを代行します
業務内容
数あるサービスの中からご覧いただきありがとうございます!
Webコーダーのアンザイと申します。
私はこれまでにスポーツ、文房具、クリニック、教育、飲食店など多岐にわたる業種のWebコーディングを担当してきました。
✅ こんなお悩み、ありませんか?
「デザインはできているけど、コーディングする時間がない」
「PC用デザインしかないけど、スマホ対応にしたい」
「アニメーションも含めて、綺麗に仕上げたい」
「信頼できるコーダーに任せたい」
これらのお悩みを、レスポンス早くしっかりとサポートします!
🛠 サービス内容
HTML/CSSによる静的コーディング(レスポンシブ対応)
JavaScriptやCSSアニメーションの実装(スクロール/スライダー/アコーディオンなど)
Figma・XD・Photoshop・Illustratorに対応
SEOを意識した構造とマークアップ
価格
⚫︎LPコーディング:30,000円
※長さによって変動いたします。
提示料金は8,000px以内
⚫︎HPコーディング(HTML):105,000円
※5ページ 想定
⚫︎HPコーディング:(WordPress/PHP):155,000円
※5ページ 想定
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、お出しさせていただきます。
ご用意いただくもの
デザインデータ(Figma / XD / PSD / AIなど)
素材画像や動画、テキスト原稿
スマホ版デザイン(ない場合は私の方で調整対応可)
サーバー情報(アップロード希望時)
納品までの流れ
DMもしくは「見積もり・カスタマイズの相談」からご連絡ください
ヒアリング・お見積もりのご提示
ご契約(仮払い)
素材のご提供後、制作開始
コーディング確認・修正**
納品(Zip / サーバーアップ)
修正対応について
修正無制限(仕様変更は別途お見積り)
テスト環境での確認可能(Zip納品も可)
サービスの強み
1時間以内の迅速なレスポンス
土日祝の作業・納品も可能
スマホ・タブレット完全対応の高品質なレスポンシブ
コーディング3年以上の経験
まずはお気軽にご相談ください!
「依頼内容に合うか不安…」という方でも、お見積もりは無料で対応いたします。
まずは「見積もり・カスタマイズの相談に進む」より、お気軽にご相談ください。
ご希望に合わせた最適なプランをご提案いたします!
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の規約に従い控えております
【制作会社様向け】カンプに忠実かつ迅速なコーディング代行をいたします
業務内容
【対応可能な業務範囲】
・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日を基本となりますが、内容により前後いたしますのでまずはご相談ください
【初回お試し10%OFF】実績130件以上!HTML/CSSの静的コーディングします
業務内容
【★初回10%OFF★実績100件以上!制作歴11年のデザイナー兼コーダーがコーディングします】
「デザイン通りにコーディングしてほしい」
「スマホデザインはないけど、スマホ対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」
中小企業様、店舗様、こんなお悩みありませんか??
はじめての方でも大丈夫。そのお悩み、解決いたします!
PCデザイン、スマホデザインのどちらかしかない方も大歓迎です!
もしお見積もり金額が予算を超える場合はお気軽にご相談ください。
■対応可能データ
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD
■制作内容の詳細
・静的コーディング(WordPressをご希望の方はご相談ください)
・レスポンシブ対応
・Sassを使用したコードのメンテナンス(scss記法)
└※scssファイルは納品いたしませんのでご了承ください
・更新者が運用しやすいCSS設計(REMM)
・内部SEOを意識したマークアップ
・スマホ(またはPC)デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成
・OGP画像作成
・Webクリップアイコン作成
■料金範囲内のアニメーション
・スライダーまたはカルーセル(1つまで)
・アコーディオン
・トップへ戻るボタン
・ハンバーガーメニュー
■割引特典対象内容
下記に該当するお客様・制作内容につきましては、10〜30%割引させていただくことがございます。
・初めてご依頼いただいたお客様
・継続してご依頼いただいたお客様
・コンテンツ内容が少ないページ
・シンプルなデザインで制作
■サービス対象外
・テスト環境構築
・サイト引っ越し
・ドメイン設定
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行(埋め込みは可能)
■今までの制作実績
https://www.lancers.jp/profile/tsukito3103/portfolio_popup/563916
■ご契約の流れ
┗お見積もりMTG[必須]
┗仮払い[必須]
┗制作開始
┗納品(ファイル送付、もしくはご指定のサーバーにアップロード)
ここまでご覧いただきありがとうございました!!
こちらに記載している内容以外にもお気軽にご相談ください。
例)WordPressでコーディングしてほしい、LPやバナーのデザインを作ってほしい など
デザインに忠実。ホームページ・LPのコーディング承ります
業務内容
▶︎サービス紹介
以下のお悩みを解決いたします。
・ウェブサイトのデザインを思い通りに実現したい
・レスポンシブデザインで快適な表示を実現したい
・迅速かつ丁寧な対応を求めている
▶︎サービスの概要
・HTML・CSS(Sass)を用いたコーディング
・JavaScript(jQuery)を用いたアニメーション実装
・レスポンシブ対応
▶︎無料対応
・表示速度向上のため画像圧縮(ご希望の場合)
・基本的はSEO対策(構文チェック、metaタグの設置)
・アニメーション実装(ハンバーガーメニュー・ホバーアニメーション・スムーススクロール・アコーディオン・フェードイン)
・ファビコン・OGPの設置
・修正(大幅なデザインや内容の変更、追加のご要望などによる修正は、追加料金をいただく場合がございます。)
▶︎納品までの流れ
①「見積り・カスタマイズの相談をする」よりご相談ください。
②ご購入・デザインデータお預かり
③コーディング
④テスト環境にアップロード→ご確認・修正
⑤納品
▶︎納品方法
・zipファイルの送付
・ご指定のサーバーへアップロード
▶︎納期の目安(デザインデータをいただいてから)
・LP → 10日~
・トップページ → 10日~
・下層ページ → 3日~
※ご依頼のボリュームによって前後します。
▶︎受け取り可能なデザインカンプについて
・AdobeXD
・Figma
ご不明な点がありましたら、お気軽にお問合せ下さい。
「まずは相談する(無料)」よりお問い合わせください。
【デザイナー様・制作会社様向け】高品質でスピード納品!コーディング代行を承ります
業務内容
本サービスをご覧いただきありがとうございます。
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でのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。
料金に関して
プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。
私たちの実績について
主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。
コーディングのご依頼ならお任せください!WEBコーディングの代行を行います
業務内容
■ WEBコーディング代行サービス
コーディングのご依頼はプロにお任せください
Webサイト制作のコーディングを正確かつ迅速に対応します。
デザインデータからのコーディングはもちろん、
SEOやレスポンシブ対応も考慮した高品質なコーディングをご提供します。
■ サービス内容
・HTML/CSSコーディング
・JavaScriptの実装対応(必要に応じて)
・レスポンシブデザイン対応(スマホ・タブレット最適化)
・SEOを意識したマークアップ
・クロスブラウザチェックと動作確認
・既存サイトの修正・改善対応
■ こんな方におすすめ
・デザインデータはあるがコーディングができない方
・自社内でのコーディングリソースが不足している企業様
・品質の高いコードで安定したサイトを構築したい方
・納期を守りつつ正確な作業を求めている方
■ 本サービスの強み
・細部までこだわった丁寧なコーディング
・最新のWeb標準・技術に準拠
・SEOやUXを意識した設計で成果に貢献
・納期厳守でスムーズな進行を実現
■ ご依頼・ご相談について
コーディング業務の負担を軽減し、品質の高いWebサイト制作を実現します。
まずはデザインデータやご希望内容をお知らせください。
最適な対応プランをご提案いたします。
コーディング時間ゼロにしませんか?あなたのチームの一員になります
業務内容
ホームページ・LPのコーディングを代行いたします!
FigmaやXD、Illustratorなど各種デザインデータから、忠実かつ丁寧なHTML/CSSコーディングを行います。
⸻
🔧 対応内容
• HTML/CSSコーディング(静的ページ 1ページ)
• レスポンシブ対応(スマホ・タブレット最適化)
• Webフォント、画像最適化による表示速度の改善
• jQuery・CSSアニメーションの実装(オプション対応可)
• テストサーバーでの動作確認
• SEOを考慮した構造マークアップ
⸻
💡 こんな方におすすめです
• 「デザインに集中したいけど、コーディングに時間を取られてしまう」
• 「スムーズに意図を汲んでくれるコーダーを探している」
• 「信頼できる外注先を継続的にお願いしたい」
⸻
🚀 納期について
• 初稿は 最短5営業日 でご案内可能です。
• お急ぎ案件もスケジュール調整が可能な場合がございます。お気軽にご相談ください。
⸻
📦 納品形式
• ソースコード一式(zip形式)
• テストサーバーにアップロード
• ご指定のGitHubリポジトリ等への反映 など、柔軟に対応します
⸻
📝 ご依頼の流れ
- ヒアリング&お見積もり
ご要件を確認後、お見積もりと納期をご提案します。 - デザインデータのご提供
(対応形式:Figma / XD / Photoshop / Illustratorなど) - コーディング作業(テスト含む)
- 初稿のご確認&修正対応
- 最終確認・納品
⸻
📌 ご用意いただきたいもの
• デザインデータ一式
• 素材画像・文言(必要に応じて)
• サイトタイトル・説明文
⸻
丁寧・迅速・柔軟な対応を心がけております。
まずはメッセージから、お気軽にご相談ください!
LP・HP制作|見やすく丁寧なコードで信頼サイトを作ります
業務内容
デザインを忠実に再現し、使いやすいWebサイトでビジネスを加速させます!
このようなお悩みはありませんか?
Webサイトの品質向上、LP制作、スマホ対応、保守性の高いコード、デザインリニューアル
発注の流れ
ヒアリング
お客様のWebサイトの課題やご要望を詳しくお伺いします。参考サイトなどイメージがあれば共有ください。
企画・提案
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。デザインが必要な場合は、提携デザイナーをご紹介します。
ご契約
ご提案内容にご納得いただけましたら、正式にご契約となります。制作スケジュールを確認し、着手金をお支払いいただきます。
制作
デザインデータまたは構成案をいただき、コーディング作業を開始します。進捗状況は随時ご報告いたします。
納品・修正
完成したWebサイトをご確認いただき、修正点があればご指示ください。デザインの崩れや動作不具合は無償で修正いたします。
公開・保守
Webサイトをサーバーにアップロードし、公開設定を行います。納品後も保守・更新サポートを提供します。
対応範囲・価格
LPコーディング:40,000円〜
デザインデータから高品質なHTML/CSS/JavaScriptでLPを制作します。レスポンシブ対応込み。
Webサイトリニューアル:50,000円〜
既存のWebサイトを最新の技術でリニューアルし、スマホ対応やパフォーマンス改善を行います。
デザイン+コーディングセット:要お見積もり
デザインからコーディングまで一貫して対応。お客様のブランドイメージに合わせたWebサイトを制作します。
納期
内容により異なりますが、LP制作は通常1〜2週間で納品可能です。
制作の流れ
デザインデータ確認
お客様からデザインデータ(Figma、XD、Illustratorなど)をお預かりし、内容を確認します。構成案や指示書があれば共有ください。
コーディング
デザインデータをもとに、HTML、CSS、JavaScriptなどのコードを記述します。見やすく整ったコードを心がけ、SEO対策も考慮します。
動作確認・調整
PC、スマホ、タブレットなど、 विभिन्नデバイスで表示を確認します。レスポンシブ対応で、どの端末でも最適な表示になるように調整します。
お客様確認
お客様にテスト環境でWebサイトをご確認いただきます。修正点やご要望があればお気軽にお申し付けください。
修正作業
お客様からのフィードバックをもとに、修正作業を行います。デザインの崩れや動作不具合は無償で修正いたします。
納品
最終確認後、Webサイトのデータを納品いたします。必要に応じて、サーバーへのアップロードや公開設定もサポートします。
サービス内容
LP(ランディングページ)やホームページ制作のコーディングを承ります。デザインを丁寧に再現し、使いやすく整ったコードで仕上げます。PC・スマホ両対応、WordPress化も可能です。
Webサイトの第一印象は、企業の顔そのもの。だからこそ、美しさと機能性を兼ね備えたサイトが不可欠です。もし、あなたが「今のサイト、どこか垢抜けない…」「スマホで見ると崩れてる…」「更新が難しくて放置気味…」と感じているなら、ぜひ一度ご相談ください。私は、あなたの想いを形にするWebコーダーです。デザインを忠実に再現するのはもちろん、SEO対策や保守のしやすさまで考慮した、未来を見据えたコーディングをご提供します。さらに、信頼できるデザイナーとの連携で、デザインから丸ごとお任せいただくことも可能です。まずはお気軽にご相談ください。
【1箇所から対応】Webサイト内の文言修正・更新作業を代行します
業務内容
Webサイトのちょっとしたテキスト修正や更新作業をお手伝いします!
■こんなお困りごとはありませんか?
- テキストを一文字だけ変更したい。
- 一部文章を削除したい。
- 住所や電話番号が変わった。
- リンク先が変わった。
- 画像を別のものに差し替えたい。
ほんの少し変更したいけど、制作会社に依頼するほどではない。
簡単に変えられそうだけど、手を加えて不具合が出ないか不安。
そんなちょこっとした相談、お任せください!
■サービス内容
Webサイトの文言修正やテキスト更新作業を代行いたします。
「会社概要の住所変更」「サービス名の統一」「ボタンラベルの修正」など、数文字の変更から対応可能です。
■このサービスが選ばれる理由
- 1箇所から依頼可能:小さな修正でもお受けします
- 短納期対応:基本納期は3日以内、急ぎのご相談も可能です
- 丁寧なやりとり:ご要望を確認しながら安心して進めます
■ご依頼の流れ
- 修正内容をご連絡ください(スクリーンショットや該当ページURLがあるとスムーズです)
- 作業前にお見積り内容を確認いただきます
- 修正作業 → 納品
- ご確認後、必要に応じて修正対応
■よくあるご依頼例
- 「会社の電話番号が変わったので差し替えてほしい」
- 「ボタンの表記を“申込”から“予約”に変えたい」
- 「サービス名を新しいものに更新したい」
■ 他作業についてもご相談ください
作業内容によって軽微なものであれば料金内で承れる場合があります。
また作業内容により追加料金をいただく事で対応できる場合があります。
「こんな小さな修正でも大丈夫かな…」と思う内容でも遠慮なくご相談ください。
迅速・丁寧に対応いたします。
【レスポンシブ対応】丁寧なコーディングで再現性と保守性を両立いたします
業務内容
◆予算について
複数ページ制作時の記載金額はあくまで目安です。
制作するページ数やご要件に応じて金額は変動いたします。
また、ご予算に応じて調整可能ですので、お気軽にご相談下さい。
◆納期について
記載の納期はあくまで目安です。
短納期を心掛けていますが、チェックバックなどで若干前後する可能性がございます事、予めご了承ください。
◆納品までの流れ
①ヒアリング
・カンプデザイン、動的制御(アニメーションやスライドなど)の有無の確認。
↓
②ご契約
・お見積り、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
↓
③デザインデータおよびコーディングに必要な各情報(metaタグ周り、OGPなど)の納品
ご購入後デザインデータ(XD、figmaなど)の納品をお願いいたします。
※Adobe、GoogleフォントなどWEBフォントのみで制作されているデザインデータは問題ございませんが、特殊なフォントを使用されている場合はアウトライン化のデータを合わせて納品ください。
↓
④制作・確認・修正
・気になる点がある場合、可能な限り修正対応いたします。
※軽微な修正は修正回数に関わらず追加費用はございません。
※テストアップが必要でしたら、テスト環境はご用意可能です。
↓
⑤納品
・Zip形式で納品いたします。
※納品方法は指定がございましたら、お知らせください。
※原則、公開環境にアップロード(HTML、CSS、javaScript、イメージ)するファイルのみお渡しいたします。
ご不明点がございましたら、お気軽にご連絡ください。
【経験者が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年半ほど経験しております。
詳しくはプロフィールをご覧ください。
デザインをお持ちの方からのご相談、お待ちしております。
検討中のライトなご質問・ご相談や、ざっくりとしたお話のみでも、いつでもお気軽にご連絡くださいませ。
宜しくお願いいたします!
物体検出のフリーソフトをWebアプリとして使えるようにします
業務内容
画像の中の物体の数や位置を検出できます。
学習済みモデルを使うと、「人」「乗り物」「犬猫」などが検出できます。
また任意の物体の画像を機械学習(転移学習)させることもでき、その物体を検出できるようになります。
使用法としては例えば、次の「人数カウンタ」のようなWebアプリを作成できます。
https://www.youtube.com/watch?v=lF_Cz2K_sVI
(クリックではなくURLをブラウザのアドレスバーへコピー貼り付けしてください)
ソフトにフリーライセンスで商用利用可能な「YOLOv3」を使用します。
任意の物体の画像の機械学習は、画像50枚程度から行えます。
ベーシック販売価格は、ソフトのインストールと、画像から物体の座標を返す基本的なAPI機能の実装費用となります。
それ以上の機能の実装や、任意の物体の画像の機械学習をご要望の場合は、1日作業費3万円(税別・Lancers手数料別)でお見積りさせていただきます。お気軽にご相談ください。
〇弊社AIのアピールポイント
Flaskでモデルをメモリに常駐させる手法です。Webのアクセスごとに大きなモデルが読み込まれることがないので、月額1,000円程度のサーバーでも比較的応答速度が速いです。
【デザインデータをお持ちの方】HTML/CSSのコーディング代行いたします
業務内容
ご覧いただきありがとうございます。初出品です。
ご用意いただいたデザインデータからHTML/CSS, JavaScriptを用いてコーディングします。
【納品までの流れ】
1. 相談・見積り(金額確定、納期目安等)
2. トークルームでやりとり(データの受け取りと確認、進捗報告、修正等)
3. zip形式で納品
【高品質】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コーディング、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タイプずつ)(コンタクトフォーム設置プラグイン使用)
■仕事への姿勢
・迅速なレスポンスと報連相(報告・連絡・相談)を徹底し、円滑な業務進行に貢献いたします。
・報告・連絡・相談の徹底
・柔軟かつ誠実な対応
・ご要望を最大限実現する努力
お客様にとって価値ある成果を提供できるよう努めます。
よろしくお願いいたします。
HTML/CSSコーディング即日対応!!代行いたします
業務内容
HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください!
【デザイナー様、企業のWeb担当者の方へ】
例えば・・・
ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・
お任せください!!
デザインだけに集中できるので、デザインの品質も向上します!
こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。
その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です!
価格(全て税込の対応での掲載になります)
⚫︎修正、更新のご依頼:要相談 3,000円〜
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。
⚫︎ランディングページのコーディング:10,000円~
※長さによって変動いたします。
⚫︎ホームページのコーディング:10,000円~( WordPressも対応`)
上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
購入する際の注意点
*ご依頼していただく場合は上記金額にシステム手数料(5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936
納期
【修正、更新】
最短で即日納品
【LPコーディング】
4日〜
【HPコーディング】
4日〜
*依頼内容によって変動いたしますのでご了承ください。
ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
HTML/CSS/JavaScriptで高品質なコーディングを代行します
業務内容
このページをご覧いただき、誠にありがとうございます。
はじめまして、Webコーダーの「ともひろ」と申します。
現在はフリーランスとして、HTML / CSS / JavaScript(jQuery・GSAP含む)を中心としたコーディング業務を行っております。
レスポンシブ対応(PC・スマホ)や、基本的なSEO対策も標準で対応いたします。
また、FigmaやXDなどのデザインデータをもとに、忠実かつ柔軟なコーディングを心がけています。
お客様との丁寧なコミュニケーションを大切にし、「親切・共感・提案」の姿勢で、“あと一歩先”のご提案と対応を目指しています。
修正対応や納期管理についても責任を持って進めさせていただきますので、初めての方もどうぞ安心してご相談ください。
【サービス内容】
・デザインデータからのHTML/CSSコーディング(静的ページ対応)
・JavaScriptによる動的実装(アニメーション、スライダーなど)
・HP・LPのWordPress化(別途オプション)
・GSAPなどを使ったアニメーション表現(プレミアム対応)
【料金目安】
・LPコーディング(1ページ):10,000円〜
・下層ページ追加:+5,000円〜
・JavaScript機能追加:+5,000円〜
※正式な金額は、デザイン内容・ページ数・機能に応じて個別にお見積もりいたします。
【料金に含まれる内容】
・HTML / CSS / JSコーディング
・レスポンシブ対応(PC / スマホ)
・修正対応(5回まで無料)
【納期について】
・目安:1週間〜
※ボリュームや機能に応じて柔軟に対応いたします。
※お急ぎの場合もご相談ください(オプションあり)。
【対応可能なデザインデータ】
・Figma
・Adobe XD
・Photoshop
・Illustrator
【納品形式】
・ZIP形式での納品
・FTP情報をいただければ、アップロード代行も可能です
丁寧さと提案力を大切に、「依頼してよかった」と思っていただける制作を目指して取り組んでおります。
どうぞお気軽にご相談ください。心よりお待ちしております。
【親切・提案・共感をモットー】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で納品・送付いたします。
親切・提案・共感をモットーにお客様の一歩前を提案できるよう、
全力で取り組みたいと思います。
是非、よろしくお願いいたします。
アニメーション実装や表示速度高速化まで。高品質のLPコーディングを承ります
業務内容
デザインカンプを元にLPのコーディングを承ります。
- レスポンシブ対応
- デザイン完全再現
- 読み込み速度を考慮した実装
- アニメーション演出の実装
- スライダーやモーダル、アコーディオンなどのUI実装
など、ご希望どおりの仕様・デザインで実装をいたします。
【標準対応】
下記についてはオプション料金なしで対応いたします。
- レスポンシブ対応
- リソースの圧縮と読み込み最適化によるパフォーマンス対策
- スクロールに応じた要素の表示アニメーション
- 最新ブラウザでの表示チェック
デザインを忠実に再現するコーディング、WordPressサイトの改修を代行いたします
業務内容
静的やWordPressサイトの改修、JavaScriptなどの実装を行います。
1万円という手軽な費用からお申し込みいただけます。(1万円の場合、修正箇所は3つまでとなります。詳しくはお問い合わせください。)
※ご購入前に、必ず無料見積もりをお願いいたします。
【ご購入いただいてからの流れ】
①無料相談
不要なトラブルを避けるため、ご購入前に必ずメッセージにて無料見積もりをお願いいたします。
↓
②ご納得いただけたら、ご購入
無料相談でご納得いただけたら、出品やオファーをご購入いただきます。
↓
③ヒアリング
認識のずれがないよう、ヒアリングで擦り合わせをいたします。
↓
④サイト改修後に提出、フィードバック
サイトを改修して提出しますので、ご確認をお願いいたします。
↓
⑤④を繰り返し、納品
④を繰り返し、完成したら納品いたします。
まずは、メッセージにてお気軽にお問い合わせください。
【実績】
※お手数ですが、先頭に「https://」をつけてご検索ください。
施工図屋さん様
sekouzu.jp/
あなたのデザインのコーディング・Wordpress化を代行します
業務内容
▽▼ただいま特別価格にて提供させていただいております!▼▽
「デザインは準備できるんだけど、コーディングがな…」
「wordpress化まで頼める人いないかな…」
コーディング専門の私にぜひサポートさせてください!
<サポート内容>
・コーディング全般
・wordpress対応
・メタタグ設定、OGP設定
・レスポンシブ化
<進め方>
1.デザイン、メタタグ内容、OGP画像を提出していただきます。
(デザイン以外は後ほどでも大丈夫です)
2.こちらでデザインに沿ったコーディングをいたします。
3.こちらのテストサーバーにて表示確認をしていただきます。
4.表示確認ができましたら、ファイルにて納品させていただきます。
親しみやすさが取り柄です!
パッケージやオプションにないプランもご提案可能ですので
まずはお気軽にご相談ください^^
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設計が得意です。
ご相談ベースでも大歓迎です。お気軽にご連絡ください!
【セキュリティ対策付き】高機能な各種フォーム作成いたします
業務内容
この度は当サービスにご関心をお寄せいただき、誠にありがとうございます。
当方では、セキュリティ対策を万全に施した安心・高品質な各種フォーム制作を承っております。
■対応可能なフォーム例
・お問い合わせフォーム
・会員登録フォーム
・アンケートフォーム
・資料請求フォーム
・見積りフォーム
・注文フォーム
・その他カスタマイズフォーム
■なぜセキュリティが重要なのか?
フォームはお客様の大切な個人情報を預かる場所です。
例えば、アドレス・お名前・住所など、万が一流出すれば
・信頼の失墜
・損害賠償リスク
といった大きな問題に発展しかねません。
「情報漏洩を防ぐこと」は、お客様との信頼関係を守る最初の一歩です。
■情報漏洩以外のリスクにも要注意!
フォームには情報漏洩以外にも、
・サイバー攻撃
・不正アクセス
・マルウェア感染
・データ改ざん・消失
といったリスクが潜んでいます。
だからこそ、SSL/TLSによる暗号化通信 + フォーム自体のセキュリティ対策が欠かせないのです。
■当方の強み
当方では、最新のセキュリティ要件を満たしたフォームを設計・構築。
安心・安全で使いやすいフォームをご提供します。
※表示価格は最低価格となっております。
■開発の流れ
1)ヒアリング(業務内容・目的・必要な機能を丁寧に伺います)
2)プラン提案・お見積り・スケジュール提示
4)システム開発・動作レビュー・修正対応
5)テスト環境での検証
6)本番納品・リリース完了!
■安心のアフターサポート
保守対応や機能改善のご提案も可能です(オプション)
※価格は基本料金です。ご要件に応じて金額・納期は変動いたします。まずはお気軽にご相談ください!
ご希望に合わせたシステム開発で、業務の効率化・サービスの品質向上をしっかりサポートいたします!
【Figma/XD 完全再現】モダンHTML/CSSレスポンシブでコーディングします
業務内容
【作業内容】
・HTML/CSSを用いた静的コーディング(1ページから大量ページまで対応可能です)
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します)
【制作の流れ】
- ヒアリング/お見積り(お気軽にご相談ください)
- お客様からデザインのご提供
- コーディング
- ご確認・修正
- 最終確認・納品
納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。
【納期】
実装内容により異なりますが、基本的には1周間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。
定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。
HTML/CSS/JavaScript コーディング 動きのあるページを制作します
業務内容
本パッケージはWebサイトのコーディング代行サービスです。
ぜひお気軽にご相談下さいませ!
▼ こんな方におすすめ
「デザインデータはあるけどコーディングをする時間がない」
このようなお悩みをお持ちではありませんか?
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様
ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供します
▼ 料金
●トップページのコーディング:10,000円 〜
●下層ページのコーディング :8,000円〜 / 1ページ
●LPのコーディング:25,000円〜
●アニメーション:要相談
※ 上記は基本料金となります。ページの長さやデザインの内容によって価格は変動します。
※ レスポンシブ対応込みの価格になります。
修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。
▼ 対応可能データ
※ 一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
▼ 納品までの流れ
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ ご確認・修正
→ テスト環境にアップしお客様にブラウザで確認していただきます
⑤ 最終確認・納品
▼ 納品形式
・zipファイルの送付
・ご指定のサーバーへのアップロード
▼ 注意事項
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。
※参考サイトのみのご提示やデザイン作成の対応は行なっておりませんのでご了承ください
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
【制作会社様・Webデザイナー向け】HP・LPのコーディング代行します
業務内容
【制作内容】
HTML/CSSコーディングを行います。(レスポンシブデザイン対応可能)
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。
【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします!
2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。
3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。
4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。
【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。(こちらでSP用に調整いたします。)
【実績】
・不動産(賃貸・建売・売買どれも経験あり)
・中小企業(コーポレートサイト)
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント(イベントの応募や紹介なども可能)
など
【3割引セール中】コーディング代行サービスであなたのアイデアを実現します
業務内容
この度は本サービスをご覧いただきありがとうございます。
サイト製作を主に行っているカツオと申します。
本サービスは静的サイトのコーディングを行います。
【基本サービス内容】(すべてのプラン共通)
・デザインデータからのコーディング
・各種必要なタグの埋め込み
・画像圧縮による表示スピードの改善
・テスト環境(サーバ)へのアップロードテスト
【プランの種類】
・ベーシック・・・TOPページのみコーディング(納品前のデザイン変更に伴う修正3回まで)
・スタンダード・・TOPページのみコーディング+レスポンシブ対応(納品前のデザイン変更に伴う修正3回まで)
・プレミアム・・・TOPページのみコーディング+レスポンシブ対応(納品前のデザイン変更に伴う修正回数無制限)
【オプションサービス】
・下層ページコーディング
・お問い合わせフォーム実装
・JavaScript、jQery、CSS等を用いたアニメーション
・縦幅超過分の課金
・実績として公開不可
【使用可能(経験)ツール・言語・フレームワーク】
・ツール
Figma、ChatGPT、Canva、GIMP
・言語、フレームワーク
html、css、Sass、JavaScript、php
【納品方法】
zipファイル
【表示確認】
納品前には下記ブラウザ全て(バージョンは最新)での表示確認も行い、どの環境でも問題なく閲覧できるWebサイトを制作します。
・WindowsPCでのChrome, Edge, Firefox
・MacPCでのSafari
・iPhoneでのSafari
※基本の動作確認対象は 375px ~ 1920px です。
その他の画面幅での対応が必要な場合は、別途お見積もりいたします。
【スピード価格重視】LPのレスポンシブコーディングいたします
業務内容
サイト制作会社様やWebデザイナー様へ
ランディングページ(一枚ものページ)のコーディングを承ります。
こんな方におすすめです!
-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」
コーディングのお困りごとに丁寧に対応させて頂きます。
まずはご相談ください。
詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。
【納品までの流れ】
1.DM(ダイレクトメッセージ)をお送りください
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力してください。
2. 相談者様へ返信
送っていただいた内容について質問や回答をお送りさせていただきます。
3. 注文・仮払い
納得いただいた場合に注文をお願いします。
4. 製作開始
5. 納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。
6. 最終納品
納品日から3日間無制限に修正対応致します。
お客様にご用意いただくもの
◎コーディングを行うデザインデータ
購入にあたってのお願い
■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。
デザインをいただければ、コーディングを短納期で忠実に仕上げます
業務内容
あなたの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サイトを作りたい…」
そんなお悩みを解決します!まずはメッセージにてご相談ください。
コーポレートサイトやLPのコーディング業務、1ページより承ります
業務内容
コーポレートサイト・LPのコーディング業務承ります!
当サービスはこんな方にお勧めです。
・人手不足によりコーダーを探している制作会社およびwebディレクター様
・複数案件を手掛け、分業したいとお考えのwebデザイナー/LPデザイナー様
・その他、パートナーとなる質の高いコーダーをお探しの方
ぜひ皆様のお力になりたいです。お気軽にお声がけください。
【サービス内容】
お渡しいただいたデザインデータを元に、コーディングを行います。
◆ユーザビリティ、表示速度を意識したHTMLマークアップ
◆SCSS/BEM記法によるメンテナンス性の高いcss
◆レイアウト崩れのないレスポンシブ対応 (PC~TB~SP 柔軟なレイアウト調整)
◆jQueryによる定番の動的パーツ実装
【基本料金に含まれる内容】
・TOPページのコーディング
・jQueryによる定番の動的パーツ実装
※下層ページは別途料金がかかります。
【その他注意点】
◇IE(Internet Explorer)はサポート終了に伴い、対応外となります。
◇お客様都合によるデザインの修正は仕様変更とみなし、別途費用が発生しますのでご注意ください。
◇作業後のチェックを徹底しますが、コーディングに不備があった場合には、無償で修正します。
◇特別な理由なく3日以内にご返信いただけない場合は、制作途中であっても取引を終了させていただく可能性がございます。大変恐縮ですが、スムーズなやり取りにご協力をお願いします。
【制作会社・デザイナー向け】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時間以内)も可能ですので、まずはご相談ください!
信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です!
【コーディング代行】HTML/CSS/jQueryを使用し、丁寧に仕上げ ます
業務内容
デザインデータをもとに、HTML / CSS / jQuery を使用したコーディングを行います。
各種デバイスへのレスポンシブ対応・アニメーションなど、ご希望に応じて柔軟に対応いたします。
◼︎サービス内容
・HTML / CSSコーディング(静的ページ)
・レスポンシブ対応(スマホ・タブレットなど各種デバイス)
・jQueryによるアニメーション(フェードインやスライダーなど)
・Gulpを使用した自動化(ご希望に応じて)
◼︎提供プランについて
記載しております提供プランについては、あくまで目安となります。
ご依頼内容などお気軽にご相談ください。
◼︎ご購入の流れ
- メッセージにてご依頼・ご相談ください(デザインや内容共有をお願いします)
- プラン確定&お見積
- 作業開始(ご希望に応じて進歩報告を行います)
- 作業終了後、お客様にご確認いただき必要に応じて修正を行います。
- 納品
「まずは相談だけ」でも大歓迎です◎
お客様のご要望に応じて柔軟に対応いたしますので、お気軽にご相談ください!
ホームページ制作、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... 等)
・画像素材 / 動画 / 文章
【Web制作代行】HTML/CSSのコーディング代行を行います
業務内容
💻【コーディング代行】
デザインを忠実に再現!スピーディーかつ高品質なコーディングを代行します。
デザインカンプ(Figma / XD / PSD など)をもとに、丁寧でメンテナンスしやすいHTML / CSS / JavaScriptコーディングを行います。
レスポンシブ対応やSEO対策、アニメーション実装もお任せください!
▽対応可能な内容
- HTML / Sass / CSS / JavaScript(jQuery含む)コーディング
- レスポンシブ対応(スマホ・タブレット)
- WordPress組み込み(静的→動的化)
- アニメーション(スライダー、フェードインなど)実装
- ページスピードやSEOを意識した構造でのマークアップ
- Gulpなどのタスクランナーによる効率的な開発対応も可能
▽こんな方におすすめ
- デザインはあるけどコーディングに時間が割けない
- 納期に間に合わせたいので部分的に外注したい
- コードのクオリティにもこだわりたい
- デザイン通りに実装してほしい
▽ご依頼の流れ
① 無料相談
② デザインデータのご提供(Figma / XD / PSDなど)
③ お見積もり・スケジュール提示
④ コーディング開始
⑤ ご確認後、納品(ZIP or サーバーアップ)
修正回数や希望納期などに応じて、内容をカスタムできます。
まずは、ご連絡ください。
【デザイナー様・ディレクター様】デザインに忠実&スピーディーにコーディングします
業務内容
■サービス内容
・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サイトの修正・カスタマイズ・保守運用をいたします
業務内容
ご覧いただきありがとうございます。
既存のWebサイトで困っている方へ
修正、カスタマイズ、アニメーションの実装、保守運用などをいたします。
【基本サービス内容】
・HTML / CSS の修正、カスタマイズ
・jQueryやCSSアニメーション
【注意事項】
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます
まずは相談かメッセージでお気軽にお問い合わせください。
ディレクター、デザイナー様向け!SWLL/Snow Monkeyの構築代行いたします
業務内容
\ 実績と信頼で選ばれています! /
ディレクター・デザイナー様からの構築代行を中心に、
ランサーズ外でも外注パートナーとして継続的にご依頼をいただいています!
「意図を汲み取る丁寧な構築」と「保守性を考慮した設計」を意識しております。
ポートフォリオはこちら▶︎
https://www.canva.com/design/DAGcOiiMyBg/xASjbRwEvEm3DhGliduvWQ/view
(コピー&ペーストでご覧いただけます)
本サービスでは、Figmaで作成されたデザインカンプをもとに、WordPressの有料テーマ(SWELL/Snow Monkey)を活用したローコード構築を行います。
フルスクラッチよりもコストを抑えつつ、デザイン再現性と保守性のバランスを大切にしています。
【こんなお悩みありませんか?】
・構築まで手が回らず、外注先を探している
・スマホデザインがないが、レスポンシブ対応したい
・品質は担保しつつ、コストは抑えたい
そのお悩み、解決いたします!
【このサービスの特長】
・PCカンプのみでOK
SP・TBカンプがなくても、意図を読み取って最適な構成で仕上げます。
・ブロックエディター × CSSカスタマイズ
テーマ本来の構造を活かしつつ、必要に応じてCSSで調整。保守性と再現性を両立します。
アップデート時の影響を最小限に抑える適切なクラス指定を行って構築します。
・SEO・セキュリティも対応
meta/alt/reCAPTCHA/画像圧縮など、内部対策も標準対応。
・納品前チェックリスト付き
独自の品質チェックで抜け漏れなく確認。安心してお任せいただけます。
【サービス内容】
・WordPress構築(SWELL/Snow Monkey)
・レスポンシブ対応
・SNS/外部予約サイトなどへの連携/お問い合わせフォーム
・スライダー/フェード表示などのアニメーション
・画像圧縮/軽量化/ファビコン設定
・内部SEO/セキュリティ対策
※テーマの性質上、ピクセルパーフェクト指定は承っておりません。
【ご予算について】
ページ数や仕様に応じて柔軟にご提案いたします。
表示金額は目安です。
【購入から納品までの流れ】
①「まずは相談をする」から、メッセージをお送りください。
②納期を確認させていただき、追加で購入が必要なオプションがある場合はご案内いたします。
③お見積り書をお送りいたします。内容にご納得いただけましたら、ご購入ください。
④WordPress情報や、Figmaのデザインデータをご共有ください。
⑤ご共有いただいたデータを元に、local環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。
まずは「相談だけ」でも大歓迎です。
構築パートナーをお探しの方は、どうぞお気軽にご連絡ください。
HTML, CSS, JSを用いたコーディングをいたします
業務内容
▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」
▼サービス内容
- HTML, CSS, JSのコーディング
- サイトのWordPress化
- アニメーションの実装
▼ご用意いただくもの
- 各種デザインデータ
- テキストデータ
売上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でホームページやLPのコーディング承ります
業務内容
短納期でデザイン通りにコーディングします!
ご覧いただきありがとうございます。
弊社は中小企業様のホームページ制作を続けて創立20年以上の実績があり、Webサイトのコーディングは得意分野ですので、ぜひお任せください!
【営業時間】
平日 9:30~17:30 (休業日:土日、祝祭日、特定日)
■業務内容
デザインデータをご提供いただき、コーポレートサイト / LPのコーディングを代行します。
●サービス内容
・HTML / CSSを用いたコーディング
・レスポンシブ対応
・一般的なSEO対策
●対応範囲について
本パッケージはコーディングのみ対応となりますので、作業前に必ずデザインデータをご提示ください。デザイン制作をご希望の場合は別途お見積致しますのでご相談ください。
以下のような場合も別途お見積で対応可能ですのでお気軽にご相談ください。
・WordPressテーマへの組み込み
・お知らせ / ブログの構築
・お問い合わせフォームの設置
・Googleアナリティクスの開設、設置
●制作の流れ
①ヒアリング
ご購入前に料金表の「まずは相談する」よりお問い合わせ下さい。
ご希望をヒアリングした上でお見積をさせていただきます。
②デザインデータのお預かり
対応可能データ(Photoshop ・Illustrator・AdobeXD・Figma)
提供いただくデザインデータはPCサイズのみでも構いませんが、モバイル・タブレットサイズもデザイン通りに仕上げたい場合にはお送りください。
対応可能データ以外でのご入稿はご相談ください
③作業開始
実際にコーディング作業に入ります。
納期は作業開始からの日数でカウントします。出品サービス購入から必要な素材をご提供頂くまでの日数は含みませんので、ご了承ください。
④確認・修正
テスト環境にて仕上がりをご確認いただきます。
⑤納品
ファイル納品、またはご指定のサーバーへアップロードします。
ご不明な点がございましたら、お気軽にお問い合わせください。
ランディングページ、ホームページコーディングの仕事を承ります
業務内容
-
カスタムデザイン
・お客様のブランドイメージに合わせたオリジナルデザインを提供。
・ユーザーエクスペリエンスを重視し、視覚的に魅力的なレイアウトを実現。 -
レスポンシブ対応
・スマートフォンやタブレットなど、すべてのデバイスで快適に閲覧可能なレスポンシブデザイン。
・検索エンジン最適化(SEO)にも配慮した設計。 -
WordPress統合
・WordPressを使用した簡単なコンテンツ管理を実現。
・お客様が自分でコンテンツを更新できるよう、使いやすいインターフェースを提供。 -
機能追加
・必要に応じて、プラグインの導入やカスタム機能の追加をサポート。
・お問い合わせフォームやギャラリー、ブログ機能など、目的に応じた機能を実装。 -
SEO対策
・検索エンジンでの上位表示を目指すための基本的なSEO設定を実施。
・キーワード選定やメタタグの設定を行い、集客効果を向上。 -
サポートとメンテナンス
・サイト公開後のサポートやメンテナンスサービスを提供。
・定期的なバックアップや更新作業を行い、安全な運営をサポート。 -
納品後のトレーニング
・お客様が自身でサイトを管理できるよう、操作方法のトレーニングを実施。
・より良い運営のためのヒントやコツを提供。
レスポンシブでデザインに忠実なコーディングをいたします
業務内容
ご覧いただきありがとうございます。
ホームページのコーディングをしております、ともゆきと申します。
デザインカンプからコーディングし、デザインを再現いたします。
デザインカンプを持っていてコーディングしてもらいたい!
コーダーを探しているデザイナーさん
などお気軽にお声がけください
【作業内容】
・HTMLにて静的サイトのコーディング
・WordPressにて動的サイトのコーディング
・レスポンシブ対応
・ハンバーガーメニューやアコーディオンなど簡単なアニメーションの実装
【制作の流れ】
・ヒアリング/お見積り(お気軽にご相談ください)
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
【納品前チェック】
・表示崩れ確認(320px~2560px)
・各ブラウザでの表示確認(Chrome、FireFox、Safari)
・ピクセルパーフェクトの確認
・問い合わせフォームの動作確認
・HTML及びCSS構文チェック(W3C)
・意図しない横スクロールは発生しないか
・誤字脱字がないか(テキスト比較ツール)
・JavaScriptの挙動確認・コンソールエラーの確認
最後に、私のポートフォリオに制作実績として掲載して良いという方はお値下げさせていただきます。
是非お気軽にご相談ください。
【初稿3~5で納品・レスポンシブ対応】1ページ20,000円からコーディングします
業務内容
■サービス内容
・コーディングのみ(※デザインは含みません)
・レスポンシブ対応
■納品形式
下記からお選びいただけます。
・HTML/CSSなどのファイル形式
・指定サーバーへのアップロード
■納品期間
・1ページ:初稿3~5日で納品可能
※レスポンシブ対応
■制作の流れ
①ヒアリング&打ち合わせ
②お見積り
③仮払い(購入)
④コーディング着手
⑤初稿確認
⑥調整・修正
⑦納品
■注意事項
・仮払い後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合
※納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。
【Web制作】HTML/CSSコーディングで理想のWebサイトを実現します
業務内容
あなたの想いを形にする、Web開発とデータ活用の頼れるパートナー!
このようなお悩みはありませんか?
Webサイトの改善、業務効率化、データ分析、LP制作
発注の流れ
お問い合わせ
お気軽にご相談ください。Webサイトの課題やご要望をお伺いします。
企画提案・お見積り
ヒアリング内容を元に、最適なプランとお見積もりをご提案します。
制作開始
ご契約後、速やかに制作を開始します。進捗状況は随時ご報告します。
納品・修正
完成したWebサイトやツールをご確認いただき、必要に応じて修正を行います。
対応範囲・価格
Webサイト コーディング:3万円〜
HTML/CSSコーディング:デザインデータからのコーディング、レスポンシブ対応も可能。5ページまで。
LP制作:5万円〜
ランディングページ制作:ターゲットに合わせたデザインと構成で、コンバージョン率アップを支援します。
業務効率化ツール:3万円〜
Excel/スプレッドシート効率化ツール:データ入力、集計、分析作業を自動化し、業務時間を大幅に削減します。
納期
要相談
制作の流れ
ヒアリング
お客様のWebサイトの課題やご要望を詳しくお伺いします。
企画・設計
ターゲットユーザーや競合サイトを分析し、最適な戦略を立案します。
制作
最新の技術を駆使し、高品質なWebサイトを制作します。
テスト・修正
完成したWebサイトをテスト環境でご確認いただきます。
納品・公開
本番環境へWebサイトを公開し、運用をサポートします。
サービス内容
Web開発(HTML/CSS/JavaScript)、LP制作、業務効率化ツール作成
WebサイトやLPの制作、業務効率化ツール作成でお困りではありませんか?
「Webの知識がない」「忙しくて手が回らない」
そんなお悩みを、プログラミング経験豊富な私が解決します!
HTML/CSS/JavaScriptでのコーディングはもちろん、LP制作や業務効率化ツール作成まで、あなたのビジネスを加速させるWebソリューションを提供します。
まずはお気軽にご相談ください。あなたの想いを形にするお手伝いをいたします。
■HTML/CSSコーディングとは
コーディングとは、プログラミング言語やマークアップ言語などを用いてコードを記述する作業のことを言います。HTMLやCSSを用いたコーディングはWEBページの構造作りや見た目を整えるために重要な役割を果たします。
HTMLとCSSそれぞれの役割は、下記の通りです。
- ・HTML(Hyper Text Markup Language):WEBページの基本的な構造を作り、インターネット上で単語や文章、画像を表示させる
- ・CSS(Cascading Style Sheets):HTMLで作成されたWEBページ内の見た目を装飾する
HTMLはマークアップ言語とも呼ばれ、どこに文章や画像を配置するかなど、WEBページ内の構成を指示してブラウザに表示させる役割があります。
一方、CSSは文章のフォント変更やアンダーラインによる強調など、HTMLで作成したページ内を装飾し、WEBページを見やすくする役割を果たします。
この2つの言語を用いることで、Webサイトの基礎を作成することができます。
■HTML/CSSコーディングを依頼するメリット
HTML/CSSコーディングを依頼するメリットは、下記の通りです。
- ・オリジナルデザインのWebサイトを作れる
- ・優れた機能を持つWebサイトにできる
- ・コストと時間を削減できる
では、それぞれの項目について詳しく解説していきます。
オリジナルデザインのWebサイトを作れる
HTML/CSSコーディングを依頼することで、オリジナルデザインのWebサイトを作成することができます。
例えば、Wordpressで既存テーマを利用してWebサイトを作成する場合、元々用意されたデザインテンプレートを使用するため、同じテーマを利用している別のサイトと似たようなデザインになってしまいます。
しかし、コーディングを行うと、商品やブランドイメージに合ったオリジナルデザインのWebサイトを作ることが可能です。
オリジナルデザインなら、目を引く独自のレイアウトや、ブランドイメージに合ったフォントや構成、アニメーションの使用などにより、ブランドイメージを明確に伝えられます。
また、直感的に操作できるボタンやメニューの位置などのUI(ユーザーインターフェース)、快適な表示速度、ユーザーのアクションに対するフィードバック表示などのUX(ユーザーエクスペリエンス)に優れたWebサイトを作成できます。UIやUXに優れたデザインを採用することで、閲覧しやすく操作がスムーズなWebサイトになることもメリットの一つです。
優れた機能を持つWebサイトにできる
HTML/CSSコーディングを依頼すると、Webサイトに様々な機能を導入することができます。
例えば、問い合わせ率を高めるために、常に画面に追従するお問い合わせフォームを作成したり、メニューを表示するナビゲーションの表示内容を工夫してユーザーの利便性を向上させたりと様々な機能作成や改善を行うことが可能です。またコードの改善によりページの表示速度を早め、ユーザーがWebページから離脱しにくいサイトを作ることもできます。
コストと時間を削減できる
コーディングスキルを習得するためにプログラミングスクールに通うとなると、数ヶ月で数十万など時間とお金がかかってしまいます。
勉強方法にもよりますが、初心者で最低限のコーディングを行えるようになるまでには半年〜1年ほどかかってしまうことも珍しくありません。
そのため、元々コーディングの基本スキルを持っていない場合は、コーディングを依頼するのが現実的且つコストパフォーマンスにも優れています。
■コーディング代行を依頼する流れ
コーディング代行を依頼する流れは、下記の通りです。
- 1. デザインカンプを渡す
- 2. コンテンツを共有する
- 3. アニメーション等の細かな要件を伝える
- 4. 完成したWebサイトを確認する
- 5. アフターサービス
イメージ通り、またはそれ以上のWebサイトを作成するため、各工程ですべきことのポイントを順番に解説していきます。
①デザインカンプを渡す
デザインカンプとは、デザインの完成イメージのことです。画像や記事のレイアウトを決め、Webサイトの骨組みを作った上で、実際に素材を配置したり、背景やカラーを決めて最終的な完成イメージが分かるようにします。
デザインカンプがあることで、依頼する側とされる側の認識のずれを防ぎ、複数人が携わるHTML/CSSコーディングの作業をスムーズに進めることができます。
デザインカンプは依頼先から提案を受けて作成していくこともできますが、依頼する側もある程度希望するイメージを伝えることが望ましいです。
②コンテンツを共有する
Webサイトの目的とデザインの希望を伝えたら、サイトに掲載するテキスト、画像、動画などのコンテンツを依頼先へ共有します。
サイトのどのページに何を配置して欲しいかを指定、または相談していきましょう。可能であれば、コーディング指示書やサイトマップを作成しておくと情報の伝達がスムーズです。
この工程では、コンテンツの追加・削除の要否や設置場所を依頼先に相談すると、ユーザーにとって見やすく、目的を達成しやすいサイト作りが可能になります。
また、提出する画像や動画データのファイル形式に指定があるか、事前に確認して準備しておくとスムーズにコンテンツを共有することができます。
③アニメーション等の細かな要件を伝える
完成イメージを決めてコンテンツを共有したら、アニメーション等の細かい内容についてもイメージを共有していきましょう。
アニメーションの場合、テキストなら1文字ずつ表示させたり、点滅して表示させることで目立たせることができます。また、ページの読み込み中に表示させるローディングアイコンのデザインや画像のアニメーションも依頼できるので検討しましょう。
その他、ボタンをクリックした後のモーションや入力フォームでのエラー発生時の表示、レスポンシブ対応時の表示なども必要に応じて希望を伝えておきましょう。
アニメーション等の細かいデザインは、実際に当てはめてみるとイメージと違って煩わしかったり、使いにくく感じるケースも少なくありません。実際の動きを見てコーダーと相談しながら仕上げていけるとベストです。
④完成したWebサイトを確認する
Webサイトが完成したら、実際に操作しながら確認をします。
デザインは希望通りか、依頼した機能が正常に設置されているか、隅々まで確認しましょう。
主なチェック項目は、下記の通りです。
- ・フォントや色、画像の配置等デザインは適切か
- ・誤字脱字はないか
- ・各機能が正常に動作するか
- ・ページの表示速度は適切か
- ・リンク先は正しく表示されるか
- ・レスポンシブ対応を依頼した場合はスマホやタブレットでの表示が適切か
上記の事項をチェックして、修正の必要がある場合はすみやかに依頼先に依頼しましょう。
また、可能であればサイト制作の途中経過を確認しておきましょう。修正範囲が少なくなり、スムーズに納品してもらうことができます。
⑤アフターサービス
アフターサービスについては、依頼先によって対応範囲が異なります。アフターサービス自体が無い場合もあるので、事前に確認しておきましょう。
依頼先によっては、Webサイトのページ更新や一定期間ごとのメンテナンス、各種機能のアップデート対応まで実施してもらえるケースがあります。
納品時には気が付かなかった不備があった場合や後から画像の差し替えが必要になるなど、Webサイトにおけるトラブルの内容は様々です。依頼時または納品時にアフターサービスの対応範囲を確認しておきましょう。
また、Webサイトの運営経験がない場合には、マニュアルの提供やレクチャーを受けることをおすすめします。
■コーディング代行の依頼先の選び方
コーディング代行の依頼先を選ぶ際に、重視すべきポイントは下記の通りです。
- ・コミュニケーションはスムーズか
- ・コーディングの技術力・実績はあるか
- ・対応範囲はどこまでか
- ・納品後のサポート体制を確認
- ・納期と料金
いずれも、適切なコストでWebサイトを作成するために必要な項目です。
ここからは、依頼先の選び方について、詳しく解説していきます。
コミュニケーションはスムーズか
コーディング代行を依頼する場合、コミュニケーションがきちんと取れるかどうかは重要なポイントです。
イメージしているWebサイトを作成してもらうために、丁寧なヒアリングや提案をしてくれるかを確認しておきましょう。
できれば、Webサイトに取り入れたい機能等について、事前に相談ができると安心です。実際にやりとりすると契約後の対応をイメージしやすくなります。
難しい専門用語を理解できるよう説明してくれたり、質問の意図を汲み取って適切な回答や提案をしてくれる依頼先なら信頼もできますね。
加えて、打ち合わせの回数や時間についても事前に確認しておきましょう。柔軟に対応してくれるところが望ましいです。
コーディングの技術力・実績はあるか
目的に合ったWebサイトを作成してもらうためには、コーディングの技術が必要です。依頼先を選定する際には、Webサイトのデザイン案や必要な機能について、対応可能か確認しましょう。
コーディング代行ではHTMLとCSSを用いるのが一般的ですが、画像のスライドなど動きのあるWebサイトを制作するにはJavaScriptの知識も必要です。幅広い要望に応えてもらうためには、HTMLやCSS以外のプログラミング言語にも対応可能な依頼先を選びましょう。
また、依頼先を選ぶ際には、過去に作成したサイトのデザイン、実績を確認しておくと、コーダーのスキルの判断材料になります。
対応範囲はどこまでか
コーディング代行の依頼先の対応範囲を確認しましょう。
一言でコーディング代行と言っても、対応できる範囲が依頼先ごとに変わってきます。
依頼先によって対応の可否が異なるコーディング代行の内容の例は、下記の通りです。
- ・デザインのレスポンシブ対応
- ・WordPressへの移行
- ・WordPressで作成したサイトのコーディング
- ・ページ速度改善への対応
- ・SEO対策
依頼したい内容がこれらに当てはまるかをチェックし、対応可能かを確認してください。
また、対応可能であっても、基本料金に含まれているか、オプション料金が発生するか、納期に変更があるかなども聞いておきましょう。
納品後のサポート体制を確認
納品後のサポート体制の有無やサポート期間を確認しておきましょう。
納品後にサポートが必要になる主なケースは、下記の通りです。
- ・エラー対応
- ・Webサイトのメンテナンス
- ・CMSのアップデート
それぞれのケースについて、具体例を挙げて解説していきます。
まずはじめにエラーについてですが、納品時には確認できなかったものが後から発覚するケースがあります。コーディングの不具合であれば、無料で実施してもらえることも多いです。また、他の原因であれば料金を提示して対応してもらえると安心です。
Webサイトのメンテナンスは、WordPressや各種機能のアップデート、セキュリティのチェック、SEO対策の見直しなどを指します。依頼先によっては、管理費を支払えば継続的にWebサイトの保守業務を行ってくれるケースもあります。
また、新商品の追加や値下げなど、Webサイトは随時更新をしていく必要があります。納品後のWebサイトの運用が円滑に進むよう、更新方法のレクチャーやマニュアルの配布を受けられるかチェックしておきましょう。
納期と料金
コーディング代行の依頼先を選ぶ際には、納期と料金が適切かを確認しましょう。
コーディング代行の納期は1週間から1ヶ月程度と、依頼する内容によって大幅に変わってくるため、必ず事前に確認します。
また提示された料金が適切かを判断するためには、相見積もりを取って比較することをおすすめします。
基本料金とオプション料金の内容はそれぞれ異なるため、費用の内訳がわかりやすい依頼先を選ぶと安心です。コーダーによって、基本料金をページ単価で設定していたり、レスポンシブ対応やWordPress化までを含めた料金設定をしていたりします。
■ランサーズでコーディング代行を依頼する方法
ランサーズでコーディング代行を依頼する方法は下記の通りです。
- 1. 出品パッケージを探す
- 2. 無料見積もり相談
- 3. 発注
- 4. 確認・納品
ランサーズではWEB上のやり取りだけで依頼先探しや無料見積もり相談、納品、検収まで行うことができます。
では、ランサーズでコーディング代行を依頼する方法を順番に解説します。
出品パッケージを探す
ランサーズのサイトにアクセスし、出品パッケージを探します。
「カテゴリから探す」機能や検索機能を使用して、出品パッケージの一覧を見てみましょう。
予算範囲や納期・個人か法人かなどの絞り込み機能もあるため、多くの出品パッケージのなかから自分の見たいパッケージだけを見ることができます。
気になるパッケージのページを開くと、出品者の業務内容や実績、口コミなどを把握することができます。ポートフォリオにはこれまで手がけたWebサイトの画像が表示されていますが、個別に問い合わせると詳細を確認できるケースもあります。
ベーシック・スタンダード・プレミアムのプラン毎の料金や納期、作業内容が提示してあるので、どのプランで依頼するか検討しましょう。また、事前に質問があれば問い合わせをすれば回答してもらうこともできます。
無料見積もり相談
気になるパッケージの中でプランを絞り込んだら、まず無料の見積もり相談をしてみましょう。
事前に考えていたイメージを伝えて、納期などの条件やオプション料金が発生するかなどの疑問点があれば確認しましょう。無料見積の段階で、出品者のヒアリングスキルの高さや自分の希望条件に柔軟に対応してもらえるかなども分かります。
他にも気になるパッケージがある場合は、比較検討のために無料見積もり相談だけでもしておきましょう。
発注
依頼先を決定したら、発注を行います。
無料相談を経て金額や条件、納期を調整した見積もりに対して、注文を行います。
注文は「注文・仮払いに進む」ボタンを押し、見積り内容と金額、納期はいつかを確認し、自分の提示した条件に合っていれば、仮払いを行います。
仮払い金の支払い方法を選択し、必要事項を入力した後にページ下部の「注文・仮払いを確定する」を押すと発注が完了します。
仮払いを行わないと依頼先は業務を開始できないため、忘れずに仮払いを行いましょう。
確認・納品
発注後、必要があればランサーズ上でやり取りを行い、依頼先に制作を行ってもらいます。制作物が完成し、納品されたら依頼内容と合致しているか確認します。依頼先から納品が行われると「納品・完了報告」の通知が来るので、検収を行うと依頼が完了します。
■一般的な制作会社へ「コーディング代行」を依頼した際の料金相場
コーディングを外注する場合、料金は1ページ毎に計算されることが多いです。およそ1ページ約10,000円〜が相場ですが、複雑なアニメーションがあり実装難易度が高くなれば料金も高くなります。
またトップページと下層ページでも料金が異なることが多くあります。この理由はデザインにあります。トップページと下層ページで似たデザインである場合、一度トップページをコーディングしてしまえば下層ページはそのデザインを再利用し、より少ない工数でコーディングすることが可能だからです。
またボリュームディスカウントを行っている制作会社も多く、ページ数が増えれば増えるほどお得になるような料金設定になっています。
| 企業 | 内容 | 価格 |
|---|---|---|
| 企業A | レスポンシブコーディング(1P) | 約10,000円〜 |
| レスポンシブコーディング(20P) | 約180,000円〜 | |
| レスポンシブコーディング(40P) | 約300,000円〜 | |
| 企業B | ディレクション | 約30,000円~ |
| トップページコーディング | 約15,000円/1P | |
| 下層ページコーディング | 約5,000円/1P | |
| 企業C | レスポンシブコーディング(1~10P) | 約13,000円/1P |
| レスポンシブコーディング(11~20P) | 約12,000円/1P | |
| レスポンシブコーディング(20~30P) | 約11,000円/1P |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。