人気ランキング 期間:5月3日 〜 5月10日
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
デザインカンプ済のSTUDIO制作の実装代行をいたします
業務内容
デザインは完成しているが、実装はお任せしたい、
時間がないのでお任せしたい、まだSTUDIO自体に慣れていない方、
STUDIOの実装代行をいたします。
※こちらのパッケージではデザインは行いません。
【制作会社様・デザイナー様向け】コーディング代行いたします
業務内容
この度は、私が提供するコーディングスキルに興味を持っていただき、誠にありがとうございます。
HTML、CSS、jQueryを中心に、ウェブサイトの開発に関するコーディングスキルを持っています。
具体的には、以下のようなスキルを有しています。
- HTML5/CSS3を使用したマークアップ作業
- JavaScriptライブラリ(jQuery, Vue.js)を使用したフロントエンド開発
- PHPを使用したバックエンド開発
- WordPressのテーマ作成、プラグイン開発
これらのスキルを活かし、クライアントの要望に合わせたウェブサイトの制作を行います。また、コミュニケーションを大切にし、納期や品質にも配慮した作業を行います。
さらに、私は、ウェブサイトのSEO対策にも力を入れています。ウェブサイトの構成やコンテンツ制作など、検索エンジン最適化に必要な技術を熟知しています。そのため、ウェブサイト制作において、SEO対策も含めたトータルサポートを行うことが可能です。
ご不明点やご要望がございましたら、お気軽にお問い合わせください。引き続き、よろしくお願いいたします。
最短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円よりお引き受け可能です。
ただしデザインや動きなど、必要な工数により金額が変わります。
お見積は無料ですので、まずはお気軽にご相談ください!
デザイン解釈力抜群!高品質HTML/CSSコーディング代行します
業務内容
HTML/CSSコーディング代行サービス
🎯 サービス概要
15年以上のIT実務経験とAdobe製品20年の使用実績を活かし、デザインファイルから高品質なWebサイトを制作いたします。医療・金融機関での基幹システム構築経験により、企業レベルの品質とセキュリティを重視したコーディングを提供します。
💪 私の強み・差別化ポイント
✅ 業界特化の実績
- 医療機関: 県立総合病院で8年間のIT全般・システム管理
- 金融機関: 基幹システム構築・保険会社ルーター設定実績
- 公共機関: 自治体システム基盤更改プロジェクト参加
✅ デザイン解釈力
- Adobe製品熟練: Photoshop・Illustrator 20年以上の使用経験
- 多様な形式対応: Adobe XD・Figma・PSD・AI・Sketch対応可能
- 仕様書なしOK: デザインファイルから要件を的確に読み取り
✅ 技術の幅広さ
- フロントエンド: HTML5・CSS3・JavaScript・jQuery
- バックエンド理解: PHP・MySQL・LAMP構成経験
- 現在学習中: React・TypeScript・AWS
🛠 対応可能な業務
基本サービス
- レスポンシブコーディング: PC・タブレット・スマートフォン完全対応
- クロスブラウザ対応: Chrome・Firefox・Safari・Edge動作検証
- SEO基本設定: title・meta・alt属性・構造化マークアップ
- アクセシビリティ配慮: WCAG準拠の基本的な配慮事項
JavaScript実装
- アニメーション: CSS3・jQuery・GSAP使用
- インタラクション: ハンバーガーメニュー・スライダー・タブ切り替え
- フォーム機能: バリデーション・送信処理・エラーハンドリング
- 外部API連携: GoogleMaps・SNS埋め込み・お問い合わせフォーム
品質管理・最適化
- コード品質: BEM記法・モジュール化・コメント充実
- パフォーマンス: 画像最適化・CSS/JS圧縮・キャッシュ設定
- セキュリティ: XSS・CSRF対策・セキュリティヘッダー設定
📋 制作フロー
1. 要件確認(1-2営業日)
- デザインファイル・仕様の詳細確認
- ブラウザ対応範囲・機能要件のすり合わせ
- スケジュール・納期の最終調整
2. 環境構築・設計(2-3営業日)
- ディレクトリ構造設計
- CSS設計・命名規則策定
- レスポンシブブレークポイント設計
3. コーディング実装(プランに応じて)
- HTML構造実装
- CSS・レスポンシブ対応
- JavaScript機能実装
4. 検証・最適化(3営業日)
- 各ブラウザでの表示確認
- レスポンシブ動作検証
- パフォーマンス・アクセシビリティチェック
5. 納品・サポート
- ファイル一式のzip納品
- 簡易的な更新手順書提供
- アフターサポート(プランに応じて)
🎯 得意な案件・業界
医療・ヘルスケア
- 病院・クリニックサイト
- 医療機器メーカー
- ヘルステック企業
金融・保険
- 銀行・信用金庫
- 保険会社・代理店
- フィンテック企業
公共・教育
- 自治体・公的機関
- 学校・教育機関
- NPO・社会福祉法人
IT・製造業
- システム開発会社
- SaaS・ITサービス企業
- 製造業・建設業
🚀 こんな方におすすめ
- デザインはあるが、コーディングリソースがない
- 品質重視で、長期運用を見据えたサイトを作りたい
- 医療・金融など、セキュリティが重要な業界
- 仕様書作成から相談したい
- レスポンシブ対応で悩んでいる
📞 まずはお気軽にご相談ください
些細なことでも構いません。要件定義から運用まで、Webサイト制作に関するお悩みを何でもご相談ください。15年の実務経験を活かし、最適なソリューションを提案させていただきます。
【WEB制作会社様、デザイナー様向け】コーディングの代行をします
業務内容
▼このような方におすすめです
・コーディングを継続で外注できるパートナーが欲しい
・急ぎでコーディングを手伝ってほしい
・デザインはできるけどコーディングはできない
WEB制作会社様やデザイナー様で、このようなお悩みのある方はいらっしゃいませんか?
それらのお悩みを解決させていただきます!
今までWEB制作会社様やデザイナー様からの受注実績が多数ございますので、まずはお気軽にご相談いただければと思います。
▼基本の作業内容
・コーポレートサイトコーディング
・LPコーディング
・WordPressコーディング
・サーバーへのアップロード
・納品後のアフターフォロー(納品後2週間以内)
▼別途お見積りが必要な作業内容
・アニメーションの実装(実装内容によっては無料):7,000円〜
・JavaScriptを用いた動的な処理(API処理など):7,000円〜
・SP版デザインがない場合のレスポンシブコーディング:10,000円〜
▼制作の流れ
①ヒアリング
デザイン、実装機能を確認いたします。
↓
②コーディング
↓
③ご確認・修正
テスト環境にアップの上、ご確認をお願いいたします。
修正点がございましたらお申し付けください。
↓
④納品
本番環境のサーバーに制作物のファイルをアップし、納品完了です。
【HP/LP】HTML/CSSレスポンシブコーディングを代行いたします
業務内容
ご提供頂いたデザインカンプ(XDまたはFigma)からコーディングを行い、ZIPファイルにて納品いたします。
指定があれば柔軟に対応いたします。
=========================================
【デザインデータについて】
・XDまたはFigma
・PC版のみのデザインしかない、という場合はこちらでスマホ用のデザインを想定してのコーディングが可能です。
(スマホにしたときにこだわりたいレイアウトの部分があれば事前にお知らせください)
=========================================
【対応内容について】
《料金内で対応可能》ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・HTML/CSS(SCSS)/JavaScript or Vue.jsコーディング
・JavaScript or Vue.jsによる動き
[・スライダー,カルーセル(Swiper)・アコーディオン・ハンバーガーメニュー・TOPへ戻るボタン・モーダル・フェードイン・ローディング・アニメーション(簡易な動き)・パララックス(Rellax.js)]
※3,4箇所程度を無料で対応いたします。
・レスポンシブ対応
・ブレイクポイント一箇所が料金内です。(スマホ・PC)
※特にご指示がなければ、モバイルファーストで768pxで切り替えます。
・クロスブラウザ対応(Chrome, Safari, Firefox, Edge, への対応) ※いずれも最新版
※IEへの対応は行っておりません。
・内部SEOを意識してコーディングを行っております。
・W3Cに準拠したコーディング
・ご指定がない場合、2022年10月頃 @import が廃止予定なので、@use、@forwardを使用するので DartSass を使用します。
・CSS設計法(FLOCSS)に基づいたコーディング
※コーディングルールがある場合は事前にお知らせください
・ご要望があればBootstrapの使用
・アフターフォロー(納品後2週間以内)
※変更、訂正は3回ほど無料対応させていただきます。
※納品後、こちらのミスでデザインとは異なる部分がありましたら無料修正させていただきます。
・その他ご要望があれば柔軟に対応いたします。お気軽にお問い合わせください。
《基本料金に含まれないもの》ーーーーーーーーーーーーーーーーーーーーーーーーーーー
・複雑なアニメーション
・スクロールアニメーション
・Canvaにて簡単なロゴ、バナー作成も可能です。
・お問合せフォーム機能の実装は応相談
=========================================
【納品】
ZIPファイルにて納品いたします。指定があれば柔軟に対応いたします。
デザインデータをお預かりした翌日より、10日程度で納品が可能です。
稼働状況やページ内容により変動いたしますのでご相談ください。
=========================================
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
※お問い合わせは24時間受け付けております。
【集客強化】デザインを忠実に再現するLPコーディングを迅速に承ります
業務内容
成果に繋がるLPコーディングと確実なWebサイト修正で、あなたのビジネス成長をサポートします!
このようなお悩みはありませんか?
Webサイトの見た目を改善したいが、どこから手をつけて良いか分からない。LPを制作したいが、専門知識がなく安心して任せられる人を探している。レスポンシブ対応ができておらず、スマホからのアクセスで離脱が多い。サイトの軽微な修正を迅速に対応してほしい。デザインはあるけれど、コーディングできる人がいない。
発注の流れ
-
お問い合わせ・ヒアリング
お客様の現状のお悩み、ご希望のイメージ、目的、納期、ご予算など、詳細をメッセージで丁寧にお伺いします。 -
お見積り・ご提案
ヒアリング内容に基づき、最適なプランと詳細なお見積りをご提案します。内容にご納得いただけたら、ご契約へと進みます。 -
ご契約・制作開始
ランサーズの仮払いシステムを通じてご契約いただき次第、制作を開始します。必要な資料や素材をご提供ください。 -
制作・進捗報告
制作中は定期的に進捗をご報告し、必要に応じて中間確認を行います。お客様のご要望を随時伺いながら進めます。 -
最終確認・納品
完成したWebサイトをご確認いただき、最終調整を行います。問題がなければ納品となります。
対応範囲・価格
LPコーディング:50,000円〜
デザインカンプ(Figma, XD等)から、集客に強いLPをHTML/CSSで正確にコーディングします。モバイル対応も標準です。
HTML/CSS修正・改善:20,000円〜
既存サイトのテキストや画像の差し替え、レイアウト調整、表示崩れ修正など、HTML/CSSの軽微な修正を迅速に行います。
レスポンシブ対応:30,000円〜
PCだけでなく、スマートフォンやタブレットからの閲覧にも最適化されたレスポンシブ対応を実装し、あらゆるユーザーに快適な体験を提供します。
納期
ベーシックプラン:7日、スタンダードプラン:14日、プレミアムプラン:30日を目安にしています。内容により変動します。
制作の流れ
要件定義・素材確認
LP制作の場合はデザインカンプ、サイト修正の場合は現在のサイト状況と修正範囲を詳しく確認し、要件を定義します。
コーディング作業
定義された要件とデザインカンプに基づき、正確かつ高品質なHTML/CSSコーディング作業を進めます。
動作確認・テスト
完成したコードが意図通りに動作するか、主要なブラウザやデバイスで表示崩れがないかを確認します。
最終確認・納品
最終的なご確認後、問題がなければ、お客様が指定する方法で最終成果物を納品いたします。
サービス内容
お客様のビジネスに貢献するため、LPコーディングや既存WebサイトのHTML/CSS修正を丁寧かつ迅速に行います。デザインカンプからの正確な実装はもちろん、レイアウト調整、テキスト・画像の差し替え、スマホ・タブレット対応まで幅広くサポート。成果に繋がる質の高いWeb制作で、お客様のWeb戦略を強力に推進します。
Webサイトの見た目に悩んでいませんか?「デザインはできたけど、どう実装すれば…」「既存サイトのここだけ直したいのに…」そんなお悩み、福元望が丁寧に解決します。私はLPコーディングとHTML/CSS修正の専門家です。お客様のビジネスゴールを共有し、デザインカンプを忠実に、かつ成果に繋がるコードで具現化します。迅速な対応とこまめな進捗報告で、安心して制作を進められます。高品質なWebサイトで、貴社の集客と売上アップをサポートさせてください!
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
【コーディング代行】レスポンシブ・BEM設計・WordPress自作テーマ制作します
業務内容
HTML/CSSコーディング・WordPress対応|保守しやすいサイト制作
このようなお悩みはありませんか?
「デザイン通りにWebサイトが再現されない」「スマートフォンで表示が崩れてしまう」「更新しづらく、後から修正しにくい」といったお悩みはありませんか?
HTML/CSSを用いたコーディングやレスポンシブ対応、WordPressサイト制作を通して、見た目だけでなく運用のしやすさも意識したWebサイト制作を行っています。
対応範囲・価格
■ ベーシックプラン:10,000円〜
【下層ページ 1ページのコーディング】
対応内容: HTML5 / CSS3(Sass) / jQuery
詳細:
既存サイトへのページ追加や、シンプルな下層ページ1枚の制作に。
ハンバーガーメニューやスライダーなどの軽微なjQuery実装を含みます。
納期目安:3日程度
※LP(ランディングページ)など、縦に長いページは別途お見積りとなります。
■ スタンダードプラン:30,000円〜
【小規模サイト(3ページ程度)のコーディング】
対応内容: トップページ + 下層2ページ程度
詳細:
共通パーツ(ヘッダー・フッター等)を効率化し、サイト全体の統一感と保守性を保ったコーディングを行います。
デザインカンプに忠実な再現をお約束します。
納期目安:7日程度
■ プレミアムプラン:80,000円〜
【WordPress自作テーマ構築(HTML制作込)】
対応内容: コーディング(5ページ程度まで) + WordPress化
詳細:
静的ページ制作からWordPressへの組み込みまで一貫して対応します。
自作テーマとして構築するため、不要なプラグインを抑えた軽量で管理しやすいサイトを実現します。
お知らせ更新機能、カスタム投稿、お問い合わせフォームの実装なども含みます。
納期目安:14日程度
納期
プロジェクト内容による(要相談)
ご依頼から納品までの流れ
-
お問い合わせ・ヒアリング
デザインカンプ(Figma/XD等)を拝見し、アニメーションの挙動や納期を確認させていただきます。この際、最適なプランと明確なお見積りをご提示します。 -
ご契約・制作開始
内容にご納得いただけましたら、ランサーズ上で仮払い手続きを行い、制作を開始します。制作中は、必要に応じて進捗状況をご報告いたします。 -
コーディング・実装
デザインを忠実に再現します。BEMやSassを用いた「修正しやすく綺麗なコード」を記述し、スマホ対応(レスポンシブ)を最適化させます。 -
動作検証・実機チェック
主要ブラウザおよびスマートフォン実機での表示確認を徹底します。意図しない崩れやリンク動作の不備がないか、独自のチェックリストで検証します。 -
最終調整・納品
実装内容をご確認いただき、ご要望に合わせて細かな微調整を行います。最終確認後、完成データ一式(またはサーバーへのアップロード)にて納品いたします。
サービス内容
HTML/CSSを用いたコーディングや、レスポンシブ対応を含めたWebサイト制作を行っています。BEMを用いた保守しやすいCSS設計を意識し、後から修正・運用しやすいサイト制作を心掛けています。
また、WordPressのオリジナルテーマ制作にも対応しており、お客様の運用に合わせたサイト構築を行っています。見た目だけでなく、更新のしやすさや拡張性も考慮しながら、丁寧に実装いたします。
「スマートフォンで表示が崩れてしまう」「更新しづらいサイトを改善したい」といったご相談にも対応可能です。
愛媛大学で学びながら、HTML/CSS、jQuery、WordPressを用いたWeb制作に取り組んでおります。制作では、デザインカンプの意図を丁寧に汲み取り、余白やレイアウトなど細部まで意識した実装を心掛けています。
スマートフォン・タブレット・PCなど、さまざまなデバイスに対応したレスポンシブ実装にも対応しております。
まずは小さな修正やコーディング業務からでも、お気軽にご相談ください。
デザインカンプからHTML/CSS/JavaScriptコーディングいたします
業務内容
★業務内容
ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは静的サイトのコーディングを行います。
ご相談いただければWordPress構築も対応いたします。
★サービス内容
・HTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を使用したアニメーション(ドロワー、アコーディオン等)
・お問い合わせフォームとWordPressはご相談ください。
※できる限りご要望に応じたいと思っております。
★料金表(レスポンシブ対応含む)
・LPコーディング:10,000円~
・トップページ:10,000円~
・下層ページ:3,000円~/1ページあたり
・アニメーション:1,000円~/1実装
・問い合わせ機能:5,000円~
・WordPress構築:要相談
★納品までの流れ
1.ヒアリング、お見積り
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認・納品
★納品方法
・Zipファイルにて送付
・サーバーへのアップロード
★ご準備いただくもの
・デザインデータ Figmaが得意ですがその他、Adobe Photoshop、Illustrator、等も対応できるようにいたします。
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。
★お約束
報連相を徹底し早いレスポンスを心がけます。
気になること、もっとこうしてほしい等、制作中であってお気軽にご相談ください!
また、納品前にご確認していただきますが納品後に気づいた点があれば1回まででしたら対応いたします。
ご要望に応じられない場合もありますが、できる限り対応させていただきたいと思っております。
まずはお気軽にご相談ください!!
HTML/CSSの軽微な修正・更新を丁寧に対応させていただきます
業務内容
▼こんな方へおすすめ
・Webサイトの一部だけ修正したい
・テキストや画像を差し替えたい
・余白や文字サイズなどを整えたい
・レイアウト崩れを軽く修正したい
・自分で触ってうまく直せなかった
・小規模な修正をまとめて依頼したい
▼ご提供内容
Webサイトの軽微な修正・更新を丁寧に対応いたします。
対応例
・テキストの修正、差し替え
・画像の差し替え
・ボタン文言の変更
・余白、文字サイズ、色の微調整
・軽微なレイアウト調整
・HTML/CSSの修正
・WordPress / Elementorでの軽微な修正
※内容により対応可否を事前に確認させていただきます
▼対応できない内容
・Webサイトの新規制作
・大幅なデザイン変更
・複数ページにまたがる大規模改修
・複雑なJavaScript実装
・システム開発
・サーバー移管や大規模な環境設定
・内容が不明確なままの着手
▼購入後の流れ
- まずは修正したい内容をお送りください
- 対象ページURL、修正指示、素材をご共有ください
- 内容確認後、対応可否と作業範囲を整理します
- 修正作業を進めます
- ご確認後、必要に応じて修正対応を行い納品します
▼ご用意いただきたいもの
・対象ページのURL
・修正したい箇所の指示
・差し替えテキスト
・使用する画像や素材
・ログイン情報(必要な場合のみ)
▼料金プランの目安
・ベーシック:小規模な修正を3箇所まで
・スタンダード:サイト内の修正を5〜7箇所まで
・プレミアム:複数箇所の修正を8〜12箇所まで
※修正箇所数や内容によってご相談させていただく場合があります
▼納期
ベーシック5日、スタンダード7日、プレミアム10日を目安にしております。
※ご依頼内容や確認状況により前後する場合があります
▼大切にしていること
「少しだけ直したいけど、どこに頼めばいいかわからない」
そんな方にも安心してご相談いただけるよう、できるだけわかりやすく丁寧に対応いたします。
まずはお気軽にご相談ください。内容を確認したうえで、対応可能か丁寧にご案内いたします。
【緊急案件もOK!】迅速なWEBコーディング代行を承ります
業務内容
こんなお悩みございませんか?
・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。
そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~
【サービス内容】
・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作
内容によってはご相談いただいた当日に納品することも可能です。
着手から納品までスムーズにご対応いたします。
【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。
「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。
私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。
些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。
~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~
【短納期もお任せください!】コーディング代行いたします
業務内容
<<<こんなお悩みございませんか?>>>
・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。
そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~
【サービス内容】
・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作
内容によってはご相談いただいた当日に納品することも可能です。
着手から納品までスムーズにご対応いたします。
【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。
「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。
私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。
些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。
~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~
【最短即日!】スピード納品でコーディング代行いたします
業務内容
こんなお悩みございませんか?
・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。
そんな方はぜひ一度ご相談ください。
"必ず" 良いご提案ができます。
【サービス内容】
・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作
内容によってはご相談いただいた当日に納品することも可能です。
着手から納品までスムーズにご対応いたします。
【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。
「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。
私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。
些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。
迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。
【HTML/CSS】Webサイトのちょっとした修正・文字変更承ります
業務内容
あなたのECサイト、もっと売れるようにしませんか?コーディングから運営代行まで、私が全部お引き受けします!
このようなお悩みはありませんか?
ECサイトの売上不振、サイト更新の負担、技術的な問題
発注の流れ
ヒアリング
ECサイトの現状、課題、ご要望などを詳しくお聞かせください。具体的な目標やイメージを共有しましょう。
プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランをご提案します。お見積もりや納期もこの段階で確定します。
ご契約
ご提案内容にご納得いただけましたら、契約となります。必要な情報や素材をご提供ください。
制作・作業開始
ECサイトの改善、LP制作、運営代行など、プランに基づいた作業を開始します。進捗状況は随時ご報告いたします。
納品・完了
完成した成果物をご確認いただき、必要に応じて修正を行います。ご満足いただけたら納品完了です。
対応範囲・価格
Basicプラン:3万円〜
HTML/CSSコーディング、バグ修正、簡単なLP作成(1ページ)
Standardプラン:5万円〜
Basicプランに加え、ECサイト運営代行(商品登録、顧客対応)、HP更新
Premiumプラン:10万円〜
Standardプランに加え、LPの本格的な作成、GitHubでのバージョン管理、Go/JavaScriptを用いた機能追加
納期
プランによって異なります(Basic: 1週間、Standard: 2週間、Premium: 1ヶ月)
制作の流れ
現状分析
まずはお客様のECサイトやLPの現状を詳しく分析します。課題や改善点を見つけ出します。
企画・設計
分析結果をもとに、具体的な改善策やデザイン案を練り上げます。お客様のご要望を最大限に反映させます。
制作
コーディング、デザイン、コンテンツ作成など、実際の制作作業を行います。品質にこだわり、丁寧に作業を進めます。
テスト・修正
完成した成果物をお客様にご確認いただきます。フィードバックをいただき、修正や改善を行います。
納品・サポート
最終的な納品物を納品します。納品後も、必要に応じてサポートいたします。
サービス内容
ECサイトの運営に必要なスキルをワンストップで提供します。コーディング、LP制作、バグ修正、運営代行、HP更新など、ECサイトに関するあらゆるお悩みを解決します。
ECサイトの運営、大変ではありませんか?
「商品登録が面倒…」「LPを作りたいけど時間がない…」「バグが直せない…」
そんなお悩みを、私が解決します!
3年間の実務経験で培ったスキルを活かし、あなたのECサイトを「売れる」サイトに変身させます。まずは、お気軽にご相談ください!
【集客強化】HTML/CSSで反響を生むレスポンシブLPを制作します
業務内容
美容室サイト実績あり!スマホで差をつける集客特化型LPで売上を伸ばします
このようなお悩みはありませんか?
「スマホからの集客が伸び悩んでいる」「Webサイトのデザインが古くて信頼感がない」「シンプルで分かりやすいLPが欲しい」といったお悩みはありませんか?経験豊富なコーディングスキルで、集客に繋がる高品質なLPを制作いたします。
発注の流れ
-
ヒアリング・ご相談
まずはお気軽にご相談ください。Webサイトの目的、ターゲット、ご希望のデザイン、納期などをお伺いします。 -
プラン提案・お見積もり
ヒアリング内容に基づき、最適な制作プランとお見積もりをご提案いたします。不明点があればお気軽にご質問ください。 -
ご契約・仮払い
お見積もり内容にご納得いただけましたら、正式にご契約となります。この時点で仮払いをお願いいたします。 -
制作開始
契約内容に沿って制作を開始します。中間報告を行いながら、お客様のご要望を形にしていきます。 -
最終確認・修正
完成したLPをご確認いただき、修正点があればお申し付けください。ご納得いただけるまで丁寧に対応いたします。 -
納品・お支払い
最終確認が完了後、納品データをお渡しいたします。その後、ランサーズ上でのお支払い手続きをお願いいたします。
対応範囲・価格
LP制作(基本1ページ):100,000円〜
集客に繋がるランディングページ(LP)の新規制作。基本構成1ページをHTML/CSSでコーディングし、レスポンシブ対応いたします。
LP修正・追加コーディング:50,000円〜
既存LPのHTML/CSSコーディング修正や、追加セクションの制作を行います。デザインデータの提供があれば対応可能です。
LP公開サポート:20,000円〜
制作したLPの公開前最終チェックや、簡単なSEO対策(metaタグ設定など)を実施し、運用開始をサポートいたします。
納期
14日〜30日
制作の流れ
企画・要件定義
LPの目的やターゲットを深掘りし、最適なコンテンツ構成とデザイン案を策定します。
コーディング・開発
HTML/CSSを駆使し、レスポンシブデザインで高品質なコーディングを行います。
テスト・デバッグ
各種ブラウザやデバイスでの表示確認、動作テストを徹底し、品質を確保します。
サービス内容
お客様のビジネスを加速させる、HTML/CSSコーディングによるレスポンシブWebサイト制作を承ります。特にランディングページ(LP)制作を得意とし、シンプルかつモダンなデザインで、ターゲットに響くWebサイトを構築。美容室サイト制作の実績を活かし、丁寧なヒアリングと迅速な対応で、お客様の理想を形にします。PCとスマホ両方に対応した高品質なWebサイトで、集客力アップをサポートいたします。
Webサイト、特にランディングページ(LP)は、お店やサービスの第一印象を決定づける大切な顔です。しかし、「今のサイトでは情報が伝わりにくい」「スマホで見た時に見づらい」と感じていませんか?
私はHTML/CSSを用いたコーディングとレスポンシブデザインを得意とし、お客様の「集客したい」「ブランドイメージを高めたい」という想いを形にします。特に美容室サイトの実績があり、シンプルかつ洗練されたデザインで、訪問者の心を掴むLPを制作いたします。お客様のビジネスの魅力を最大限に引き出し、成果に繋がるWebサイトを一緒に作りませんか?まずはお気軽にご相談ください。
【デザインをカタチに】ホームページ・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業界のなかで、学んだ分だけ貢献の幅が広がることに喜びとやりがいを感じています。
◆最後に
最後までご覧いただきありがとうございます。
「痒いとことろまで手が届く迅速で丁寧な仕事」を大切に対応いたします。
よろしくお願いいたします。
【高品質で迅速に!】ホームページのコーディング承ります
業務内容
ページをご覧いただきましてありがとうございます。
これまで制作会社様より受託をし、コーディングを行ってきました。
制作会社様との多数実績がございますので、安心してお任せいただければと思います。
コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください!
【作業内容】
HTML・CSSコーディング
js実装
【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品
デザインデータからWordPressコーディングを代行します
業務内容
\\ ご覧いただきありがとうございます。 //
「デザインデータはあるけどコーディングはどうしよう」
「コーディングだけお願いしたい」
「何も言わずに淡々とコードを書いてほしい」
いう方、お気軽にご相談下さい
Webページをコーディング(ご希望があればスマホ対応も可能です)し、WordPress化致します。
▼サービス内容
・お預かりしたデザインカンプやサイトのコーディング
・静的サイトのWordPress化
・SEOを意識したタグの適切な使用をしたコーディング
・レスポンシブ(スマホ)対応(希望があれば)
・jQueryを使用した簡単な動きはサービスいたします("ハンバーガーメニュー"や"Topへ戻るボタン"など)
▼制作〜納品の流れ
①ヒアリング・お見積もり
→ページ数、動きについてのご相談や使用する画像についてのご相談とお見積もり
②デザインデータや画像データのご共有
③コーディング・テスト
→環境テストはMacでChrom, Safariで行います
④提出・ご確認・修正
→制作物をご確認いただき、修正等伺います
⑤最終確認・納品
▼納期
余裕を持った納期のご提案をさせていただいております。
目安としてはデザインデータをお預かりしてから5日〜2週間ですが、最終的にはご相談にて決めさせていただきます。
納品方法は
・サーバーへのアップロード
・zipファイルでの納品
など、お客様とご相談させていただきます。
▼お取引後のアフターケア
修正を納品から1週間までを無料にて対応させて頂きます。
お気軽にご連絡ください。
購入にあたってのお願い
▼デザインとサイトに使用する画像素材は全てお客様でご準備をお願いいたします。
・画像加工には対応できませんのでご了承くださいませ。
・デザインデータは、Illustrator / Photoshop / Adobe XD / に対応しております。
デザインカンプを忠実に再現!高品質なコーディング・WordPress構築を代行します
業務内容
ご覧いただき、ありがとうございます!
制作会社様・デザイナー様を中心に、
デザインカンプからの実装を承っております。
「コーディングに時間を取られたくない…」
「デザイン通りに再現してくれる人に任せたい…」
そんなお悩みはございませんか?
Himawari-codeでは、
デザイン意図を丁寧に読み取り、納期を守ることはもちろん、
やり取りの負担を感じさせない、スムーズで丁寧な進行を心がけています。
◆サービス内容
・LP/HPの静的コーディング(HTML / CSS / JavaScript / GSAP)
・オリジナルテーマを使用したWordPress構築
・既存サイトの修正およびページ追加
・フォーム、スライダーなど部分的な機能追加や改修
◆料金表
【コーディング(レスポンシブ対応)】
・トップページ:15,000円〜
・下層ページ(1P):5,000円〜
【WordPress対応】
・トップページ:15,000円〜
・1ページ:10,000円〜
・投稿機能追加(カスタム投稿等):3,000円〜
※ページの長さ・アニメーション量・構成により変動します
【料金内に含まれるもの】
・各ブラウザ検証(Edge / Chrome / Firefox)
・OGP/meta/ファビコン設定等の基本的なSEO設定
・公開後1ヶ月間は軽微修正対応(テキスト修正・画像差替え等)
現在は実績構築段階のため、
内容に応じて柔軟にお見積りいたします。
まずはお気軽にご相談ください。
◆ご依頼の流れ
①メッセージでご相談
ご要望やデザインデータをお送りください。内容を拝見し、お見積りをお伝えします。
②ご購入・トークルーム開始
ご購入後、専用の「トークルーム」でやり取りを行います。
③制作開始〜進捗共有
随時進捗をご報告しながら、丁寧にコーディングを進めます。
④初稿確認・修正対応
テストサーバーでご確認いただき、修正があれば対応します。
⑤最終確認・納品
最終確認後、納品データをお渡しして完了です。
まずはお気軽にご相談ください。
ご要望をお伺いし、安心してご依頼いただけるよう対応いたします。
コーディングでお困りならお任せください。1日単位でGWコーディング対応できます
業務内容
▼こんな方におすすめ
・デザインはできるけどコーディングだけお願いしたい
・コーダーを雇いたいけど長期はいらない
・1日だけ手伝ってほしい
・ECサイトについて相談したい
・誰かの意見が欲しい
・スキルを学びたい
▼ご提供内容
HTML/CSSなどのページ作成のご対応のほか、
ECサイトについて誰かの意見を聞きたいなどのご相談にも応じます。
▼納期について
現在の状況によって納期を変更・相談させていただく場合がございます。
面倒なWebサイトの更新・修正でお困りでしたら、弊社が代行いたします
業務内容
弊社パッケージをご覧いただき、ありがとうございます。
こんな方におすすめ
- Webページ 1枚だけの対応で良い方(ベーシックプランはシステム上10,000円になっていますが、5,000円で承ります)
- 1か月の間にHP/LPの頻繁な更新や差し替えがある方
- 他業務が忙しくて、自社のHP修正がなかなかできない方
文章の更新や修正、画像の差し替え、トリミング、コンテンツの
追加など、誠実かつ丁寧に対応いたします。
===================================================
弊社について
弊社の主な業務内容は下記となります。
- 業務システム開発
- WEBソフトウェア開発
- ブロックチェーンソフトウェア開発
- エンターテイメント
- IoT開発/組込系開発
- 組織開発/チームビルディング/アドバイザリー
- プログラム作成、ツール作成
- ツール開発・修正
- WEBサイト開発
===================================================
営業日時(連絡可能日時)
平日10時~19時(土日祝休業)
Webエンジニアをはじめ、各スタッフと連携し、業務対応いたします。
まずはお気軽にご相談下さい。
LP・Webサイトのコーディングをスピーディーで正確かつ丁寧に対応します
業務内容
Webコーダーとして、LPおよびWebサイトのコーディング業務を中心に対応しております。
デザインデータの意図を正確に汲み取り、HTML・CSS・JavaScriptを用いた再現性の高い実装を得意としています。
主に以下の業務に対応可能です。
・LP(ランディングページ)のHTML/CSS/JavaScriptコーディング
・PC・スマートフォン対応のレスポンシブ実装
・既存LP・Webサイトの修正、改修対応
・WordPressへの組み込み(オリジナルテーマ・既存テーマ対応)
・デザインデータ(Figma/Adobe XD/AI)をもとにしたコーディング
・軽微なJavaScriptによる動き・アニメーション実装
制作会社様とのお取引や、継続案件・量産案件の対応経験もあり、
「デザイン通りに、かつ安心して任せられる実装」を常に意識しております。
また、レスポンスの早さと丁寧なコミュニケーションを大切にしており、
進行中の不明点や仕様確認もこまめに共有しながら進めます。
1ページのLP制作から、複数ページ・継続案件まで柔軟に対応可能です。
ご要望やご予算に応じて最適な進め方をご提案いたしますので、
まずはお気軽にご相談ください。
発注の流れ
1. メッセージにてご相談
(制作内容・ページ数・デザインデータの有無など)
- 内容確認後、お見積り・納期をご提示
- ご発注・制作開始
- 初稿提出 → ご確認
- 修正対応
- 納品(HTML/CSS/JSデータ一式 または WordPress反映)
※不明点がある場合は、事前にしっかり確認しながら進めます。
対応範囲
・LP(ランディングページ)コーディング
・HTML / CSS / JavaScript 実装
・レスポンシブ対応(PC・タブレット・スマートフォン)
・既存LP・Webサイトの修正、改修
・WordPressへの組み込み
(オリジナルテーマ/既存テーマ対応)
・デザインデータ対応
(Figma/Adobe XD/Illustrator)
※守秘義務の関係で公開できない実績もございますが、
内容については個別にご説明可能です。
価格目安
・LPコーディング(1ページ・レスポンシブ対応):10,000円〜
・JavaScriptを含むLP:15,000円〜
・アニメーション・調整込み:20,000円〜
※デザインのボリューム、ページの長さ、JS内容により変動します。
※継続案件・複数ページの場合は、別途お見積りいたします。
納期目安
・LP(1ページ):3〜5日
・修正対応:内容に応じて柔軟に対応
※お急ぎ案件も、スケジュール次第で対応可能です。
まずはご相談ください。
制作の進め方・大切にしていること
・デザイン意図を正確に汲み取ること
・読みやすさ・使いやすさを意識した実装
・レスポンスの早さと丁寧なコミュニケーション
・「あとから修正しやすい」コードを意識
制作会社様とのお取引や継続案件の経験があり、
スムーズに進行できる外注パートナーとしてお役に立てます。
「とりあえず相談したい」「仕様が固まっていない」
という段階でも問題ありません。
お気軽にメッセージください。
「メールフォームプロCGI」 設置・カスタマイズ・セキュリティ・スパム対策します
業務内容
企業サイト向け「メールフォームプロCGI」設置代行は、100事例以上の経験があります。
「以前作成したフォームを直したい」「制作会社が対応できない」という場合はご相談ください。
状況を確認のうえ、対応可否および進め方をご提案いたします。
■このようなお悩みはありませんか?
HTMLサイトでお問い合わせフォームを直したい、スパム対策をしたい、バージョンアップが不安
■対応内容
- 「メールフォームプロCGI」新規設置
- 既存フォームの修正、バージョンアップ
- スパム対策用の設定(連続送信防止、ワンタイムトークン、IPアドレスブラックリストなど)
- 自動返信メール設定
- 送信エラー対応
- サーバー移管後の再設定
■発注の流れ
(1)お問い合わせ
メッセージにて、現在のサイト状況、ご希望の作業内容、納期などをお知らせください。
(2)ヒアリング・お見積もり
詳細なヒアリングを行い、最適なプランをご提案します。お見積もりもご提示いたします。
(3)ご契約
ご提案内容にご納得いただけましたら、ご契約となります。作業に必要な情報をご提供いただきます。
(4)作業開始
作業開始後、進捗状況を随時ご報告いたします。
(5)納品・完了
作業完了後、お客様に最終確認をしていただきます。問題がなければ納品となります。
■納期
内容により異なりますが、通常3〜5日間で対応可能です。
■作業の流れ
(1)計画立案
お客様からいただいた情報をもとに、詳細な計画を立てます。必要な作業、スケジュールなどを明確にします。
(2)作業実施
計画に基づいて、作業を進めます。
(3)品質チェック
作業完了後、お客様に最終確認をしていただきます。問題がなければ納品となります。
(4)納品・アフターサポート
ご不明な点などございましたら、お問い合わせください。
【真面目な大学生が対応】集客に繋がるシンプルなLPを丁寧にコーディングします
業務内容
真面目な大学生が丁寧なコードで集客LPを制作します
このようなお悩みはありませんか?
「広告を出したいけどLPがない」「LPを低コストで作りたい」「簡単なLPを素早く立ち上げたい」とお悩みではありませんか? Web制作を学び始めたばかりの私が、真面目に納期を守り、シンプルなLPを丁寧にコーディングして、あなたの課題解決をサポートします。
発注の流れ
-
事前相談・ヒアリング
まずはメッセージで、LPの目的やご希望、納期、ご予算について詳しくお聞かせください。 -
お見積り・仮払い
ヒアリング内容に基づき、最適なプランと正確なお見積りを提示します。ご納得いただけましたら仮払いをお願いいたします。 -
素材のご提供
デザインデータ(Figma, XD, JPGなど)とLPに掲載するテキスト、画像素材をご提供ください。 -
コーディング作業開始
いただいた素材を基に、丁寧にHTML/CSSでコーディングを進めます。進捗は随時ご報告します。 -
初稿確認・修正
完成したLPのテスト環境URLをお送りしますので、内容をご確認ください。修正点があればお申し付けください。 -
最終確認・納品
修正が完了後、最終確認いただき、問題なければデータ一式を納品いたします。
対応範囲・価格
シンプルLPコーディング(1セクション):15,000円
導入部分のみの非常にシンプルなLPをHTML/CSSで丁寧にコーディングします。基本的な情報提供に最適です。
標準LPコーディング(3セクション):30,000円
主要な情報やサービス紹介を含む3セクション程度のLPを、レスポンシブ対応でコーディングします。集客の土台作りに。
高機能LPコーディング(5セクション+α):50,000円
サービス詳細やお問い合わせフォーム連携など、5セクション以上のLPをレスポンシブ対応で制作。軽微なアニメーションも対応します。
納期
最短7日〜
制作の流れ
要件定義・素材確認
クライアントからのデザインデータ、テキスト、画像素材を詳細に確認し、コーディングの要件を明確にします。
HTML構造化・CSSスタイリング
提供されたデザインに基づき、セマンティックなHTML構造を構築し、見やすく保守性の高いCSSでスタイリングします。レスポンシブ対応もこの工程で行います。
動作確認・テスト
複数のブラウザやデバイスで表示崩れがないか、リンクが正しく機能するかなど、入念に動作確認とテストを行います。
修正・調整
クライアントからのフィードバックを基に、修正点や微調整を行い、最終的な完成度を高めます。
最終納品
完成したLPのHTML、CSS、画像ファイルなどを一式で納品します。
サービス内容
広告・イベント・プロモーション業界の皆様へ。Web制作を学ぶ大学生が、あなたのキャンペーンを成功に導くシンプルなLPを、HTML/CSSで丁寧にコーディングします。コストを抑えつつ、納期厳守と真面目な作業で高品質なLPを提供。スマートフォン対応も標準で、あなたのWeb集客を力強くサポートします。
「広告キャンペーンを成功させたいけれど、LP制作にコストはかけたくない…」「Webの知識がないから、誰に頼めば良いか分からない」そんなお悩みはありませんか? Web制作を真面目に学ぶ大学生が、あなたの想いを形にするシンプルなLPコーディングをお手伝いします。最新のHTML/CSSで、スマートフォン対応もバッチリ。丁寧な仕事と納期厳守をモットーに、小さな一歩からWeb集客をサポートします。まずは、あなたのLPに対するご希望を、お気軽にお聞かせください。一緒に最適な解決策を見つけましょう!
【セキュリティ対策付き】高機能な各種フォーム作成いたします
業務内容
この度は当サービスにご関心をお寄せいただき、誠にありがとうございます。
当方では、セキュリティ対策を万全に施した安心・高品質な各種フォーム制作を承っております。
■対応可能なフォーム例
・お問い合わせフォーム
・会員登録フォーム
・アンケートフォーム
・資料請求フォーム
・見積りフォーム
・注文フォーム
・その他カスタマイズフォーム
■なぜセキュリティが重要なのか?
フォームはお客様の大切な個人情報を預かる場所です。
例えば、アドレス・お名前・住所など、万が一流出すれば
・信頼の失墜
・損害賠償リスク
といった大きな問題に発展しかねません。
「情報漏洩を防ぐこと」は、お客様との信頼関係を守る最初の一歩です。
■情報漏洩以外のリスクにも要注意!
フォームには情報漏洩以外にも、
・サイバー攻撃
・不正アクセス
・マルウェア感染
・データ改ざん・消失
といったリスクが潜んでいます。
だからこそ、SSL/TLSによる暗号化通信 + フォーム自体のセキュリティ対策が欠かせないのです。
■当方の強み
当方では、最新のセキュリティ要件を満たしたフォームを設計・構築。
安心・安全で使いやすいフォームをご提供します。
※表示価格は最低価格となっております。
■開発の流れ
1)ヒアリング(業務内容・目的・必要な機能を丁寧に伺います)
2)プラン提案・お見積り・スケジュール提示
4)システム開発・動作レビュー・修正対応
5)テスト環境での検証
6)本番納品・リリース完了!
■安心のアフターサポート
保守対応や機能改善のご提案も可能です(オプション)
※価格は基本料金です。ご要件に応じて金額・納期は変動いたします。まずはお気軽にご相談ください!
ご希望に合わせたシステム開発で、業務の効率化・サービスの品質向上をしっかりサポートいたします!
【制作会社様・デザイナー様向け】Webサイト・LPのコーディングを承ります
業務内容
ご覧いただきありがとうございます。
Web制作コーダーの菊地友貴です。
コーディング代行として10社以上の制作会社様との業務経験があり、
デザインを再現する丁寧なコーディングはもちろん
「情報共有」
「品質管理」
「スケジュール管理」
を徹底しております!
こんなお悩みを解決します!
・デザインはあるけどコーディングは任せたい・・・
・デザイン以外の部分も、さまざまな端末に合わせて「良い感じ」にしてほしい・・・
・納期まできちんとスケジュール管理して安心してお取引したい・・・
このようなお悩みはお任せください!
制作する上のでお約束
①デザインを忠実に再現します
*レスポンシブまで丁寧に対応し、デザイン上にない部分も「良い感じ」になるよう調整します。
→Googleの拡張機能を使って、ブラウザ上にデザインを重ねながら、
余白のズレや、文字の間隔などピッタリと揃うように調整していきます。
→基本的には320px〜2500pxまで、中途半端な画面幅でも表示崩れのないようにコーディングします。
②進捗状況の「見える化」を行い納期を厳守します
*「案件管理シート」 を共有し、進捗状況や質問事項などがいつでもご確認いただるため、
情報の漏れや連絡のタイムラグを防ぎ、お忙しい中でのやり取りのご負担を減らします。
<案件管理シートの構成>
1)質問・回答シート
2)スケジュール管理シート
3)品質チェックシート
4)サイト情報シート
スプレッドシートのリンク1つを管理していただくだけで、
案件に関わる全ての情報がまとまっています。
③貴社のコーディングルールに合わせてコーディングします
*制作会社様によって指定のコーディングルールがある場合にも柔軟にご対応します。
<これまでの具体例>
・BEM設計
・カラム部分のみBootstrap使用
など
こんなメリットがあります!
・制作会社提携10社のコーダーによる丁寧なコーディング
・デザインツールは幅広く対応(XD、Figma、illustrator、Photoshop可能)
・納品までの丁寧なスケジュール・質問対応管理
▼ご依頼・制作の流れ
①「まずは相談する(無料)」よりお問い合わせください。
②デザインや仕様、ご依頼内容の確認をします。
(必要時にオンラインでのお打ち合わせも可能です。)
③問題なければコーディングを開始します。
④修正・確認チェック
⑤納品
下層ページの追加(別途費用)などあれば気軽にご相談ください。
【最後に】
関わっていただいた方に嫌な思いをしてほしくない、
この人に頼んでよかったと思ってもらえるよう相手の負担を巻き取りたい!
という気持ちで、1つ1つ大切にコーディングさせていただきます。
「案件管理シート」も、お忙しい制作会社様の負担を少しでも減らしたい、
どのようにすればお互いに気持ちの良いやりとりができるか、
と考えて作成しました。
一緒にクライアント様に喜んでいただけるWebサイト制作をしていけますと幸いです。
ご相談を心よりお待ちしております。
【お任せください】個人経営のお店の方向けにホームページを作成します
業務内容
お店のホームページ制作します
- 食べログやぐるなびなどの検索サイトやSNSだけでは不安
- Googleマップにオリジナルサイトをリンクさせたい
- 何をどうしたらいいかわからない
- お金はあまりかけられない
というお悩みの方、まずはご相談ください!
【何をどうすればいいかわからない方歓迎】
自分のお店のホームページを持ちたいけど「何からすればいいのか」「何を用意したらいいのか」「そもそもパソコンもない」などといった、お悩みのある方も多いと思います。
そうした「何をすればいいのかわからない」方のお役に立ちたく始めました。
なので面倒な手続きは不要です。基本的なことは全てこちらでご用意いたしますので、サイト上に掲載したいことをお伝えいただくだけでも構いません。
【過去の経歴】
- HTML、CSSでのコーディング
- Wordpressでの構築
- ウェブデザイン
- ロゴデザイン
- チラシ、ポップデザイン
- 看板デザイン
- Youtube向け動画制作
【制作したことのあるサイト】
- 不動産会社
- カラオケ店
- 飲食店
- ショッピングモール
- 芸能人ファンサイト
- コーポレートサイト
- キュレーションサイト
お店以外のWEBサイトももちろんOKです。
【制作会社様・デザイナー様向け】コーディング代行します
業務内容
▼以下の3つでお困りでしたら、まずはお気軽にご相談ください!
1.「案件が溢れてコーディングの対応がしきれない」
2.「円滑にコミュニケーションを取れるコーダーを探している」
3.「専属でコーディングを代行してほしい」
3つのお悩み全て解決いたします!
▼スケジュール、強み
✅フリーランスの方2名とWeb制作会社様2社と業務提携中。
✅1分以内の超即レス
✅品質管理チェックシートで品質チェックいたします。
✅SEO対策を意識したコーディング。
✅365日いつでも対応可能!
▼提供できること
✅HTML/CSS/SCSS/jQuery/JavaScript/コーディング
✅WordPress化
✅表示崩れの起きないレスポンシブ対応
✅サーバーへのアップロード
個人ポートフォリオです。現在可能な制作物と、職歴についてご確認頂けます
業務内容
HTML、CSSを中心としたコーディング業務をさせて頂きます。
簡易な物であればjQuery実装も可能です。
【WordPress化も対応化】カンプをコーディングいたします
業務内容
【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします!】
この度は多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている小松 直正(こまつ なおまさ)と申します。
**【こんなお悩みのある方におすすめ 】
- WEBサイト制作を一括して受注して手が回らない
- 社内コーダーのリソースが足りなくなった
- コーディングを外注できるパートナーが欲しい
- すでにデザインはあるけどコーディングができない
単発のご依頼から長期の継続したご依頼まで、一つ一つのサイト制作を誠心誠意、丁寧に対応・コーディングいたします。
デザイナー様が制作した想いを形にいたします!
納品後1ヶ月のアフターサポートとして、テキスト変更や画像の差し替えなど軽微な修正は無償で承っております。
■ 作業内容
- 静的コーディング(HTML / CSS)
- Javascript / jQueryを用いたアニメーション
- レスポンシブ対応(スマホ / タブレット)
- Wordpress化 (追加オプションにてご案内しております)
-
■ ご相談から納品までの流れ
①ヒアリング
ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
お聞かせいただいた内容を基に対応の可否を判断させていただきます。
打ち合わせは、zoomまたはGoogle Meetにて行わせていただきます。
↓
②お見積もり・ご依頼
作業内容、納品予定日、お見積もりをご提示いたします。
こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
ご依頼となりましたらデザインデータと制作に必要な素材(写真、画像、ロゴ等)をご提供ください。
↓
③コーディング作業開始、初稿の提出
コーディングを開始し、完了次第初稿をご確認いただきます。
修正等がございましたら、都度迅速に対応させていただきます。
↓
④納品
ご確認いただきご依頼いただいた作業内容及びページに問題がなければ、ご依頼者様のご希望の方法にて納品させていただきます。
zipファイルやサーバーへのアップロードなど、ご希望をお知らせください。
納品後1ヶ月のアフターサポートをご提供しております。
テキストや画像の変更など、軽微な修正は無償で対応させていただきますので、ご要望がございましたらお気軽にご連絡ください。
表示確認の環境
・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari
当サービスの強み
土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。(ページ数や内容によります)
ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください!
【製造業経験者が手掛ける】デザインを忠実に再現するLPコーディングを承ります
業務内容
製造業で培った「正確性」と「品質」で、あなたのデザインを動くLPにします。
このようなお悩みはありませんか?
デザインはあるのに、期待通りの品質でコーディングしてくれるパートナーが見つからない、とお悩みではありませんか?レスポンシブ対応が不十分でユーザー体験を損ねている、納期がタイトで信頼できるコーダーを探している方に。
発注の流れ
-
お問い合わせ・ヒアリング
まずはお気軽にご連絡ください。デザインデータ、ご希望の納期、予算、実装したい機能など、詳細をお伺いします。この段階での外部連絡先交換は禁止されておりますので、ランサーズのメッセージ機能をご利用ください。 -
お見積もり・ご提案
ヒアリング内容に基づき、最適なコーディングプランとお見積もりをご提案いたします。ご不明点があれば、何でもご質問ください。 -
仮払い・素材ご提供
ご提案内容にご納得いただけましたら、ランサーズを通じて仮払いをお願いいたします。その後、デザインデータ、テキスト原稿、画像素材などの必要なデータをご提供ください。 -
コーディング開始
ご提供いただいた素材とご要望をもとに、高品質なコーディング作業を開始します。品質と正確性を重視し、細部まで丁寧に実装いたします。 -
初稿確認・修正
テスト環境で作成したLPをご確認いただきます。表示崩れやデザインの相違がないかチェックし、修正点があればご指示ください。ご要望に応じて調整いたします。 -
最終調整・納品
修正が完了し、最終チェック後、HTML/CSS/JSファイル一式をデータ形式で納品いたします。これでWebサイト公開の準備が整います。
対応範囲・価格
Basic LPコーディング(1ページ):50,000円〜
お持ちのデザインデータ(PNG, JPG, Figma, XDなど)を忠実に再現し、PC、タブレット、スマートフォンに最適化したレスポンシブ対応LPを1ページコーディングします。
Standard LPコーディング+修正対応:80,000円〜
Basicプランの内容に加え、軽微なテキスト修正や画像差し替えなど、公開前の最終調整を2回まで対応いたします。
Premium LPコーディング+機能追加:120,000円〜
Standardプランの内容に加えて、簡単なスクロールアニメーションやお問い合わせフォームの実装など、機能性を高める簡易JavaScriptを実装します。
納期
デザインデータ受領から最短7日
制作の流れ
-
デザイン分析・構造設計
ご提供いただいたデザインデータから構造を綿密に分析し、HTMLとCSSの最適な設計を検討します。Web標準に準拠し、保守性を高めます。 -
ベースコーディング着手
レスポンシブデザインの基礎となるHTML骨格と基本CSSを記述します。セマンティックなマークアップでSEOにも配慮いたします。 -
パーツ実装と調整
デザインの各セクションを細部まで忠実に再現し、異なるブラウザでの表示互換性を確認しながら実装を進めます。 -
レスポンシブ調整・テスト
PC、タブレット、スマートフォンなど、各デバイスでの表示を最適化します。表示崩れがないか、入念なテストと微調整を繰り返します。 -
最終レビュー・品質保証
完成したLP全体の表示や機能について最終品質チェックを行います。お客様にご満足いただける堅牢で美しいWebページに仕上げます。
サービス内容
デザインデータ(PNG、JPG、Figma、XDなど)から、SEOに配慮したセマンティックなHTML、保守性の高いCSS、必要に応じたJavaScriptを用いたレスポンシブ対応のLPコーディングを提供します。スマートフォン、タブレット、PCそれぞれのデバイスで最適に表示されるよう丁寧に作り込みます。製造業で培った品質管理の視点で、堅牢で美しいWebページをお届けします。
魅力的なLPデザインは完成したけれど、その品質を正確にWebで再現できるパートナーが見つからず、お困りではありませんか?私は大手自動車部品メーカーで15年以上生産技術者として品質管理と効率化のノウハウを培ってきました。その経験とWebコーディングスキルを活かし、お客様のデザイン意図を深く理解し、ピクセルパーフェクトで堅牢なレスポンシブLPをコーディングします。信頼できるコーディングで、御社のWeb戦略を加速させ、期待以上のユーザー体験を実現しましょう。
【Wordpress対応可】HTML/CSSコーディング承ります
業務内容
ごあいさつ
この度、数ある中からサービスの中から見て下さり、
ありがとうございます。
私、コーディング・WordPress構築をメインに
Webサイト制作専門のコーダーとして活動しております
「なかがわ」と申します。
現在、制作会社様2社さまとフリーのディレクター様と
業務提携を結ばせていただき、お仕事をさせていただいております。
私がご提供できること
ーーーーーーーーーーーーーーーーーーーーーーーーーー
公開前終盤の細かい修正や、追加のコーディングなど
クライアントのこだわりにとことん寄り添って、
何度も、何度も、何度でも、スピード対応でお応えします!
初稿2日前、納品1日前で制作サイトを
お渡しさせていただきます!
もちろん品質も、しっかり仕上げます!
短い納期のご依頼には、睡眠1〜3時間!!
お客様の人生を背負って、ご対応しますので、
安心してお任せ下さい!
ーーーーーーーーーーーーーーーーーーーーーーーーーー
サービス内容
・静的コーディング
・LPのコーディング
・レスポンシブ対応
・アニメーションの実装
・WordPress構築
スキル
■HTML/CSS / Sass(DartSass)
・デザインを忠実にコーディングいたします。
・CSS設計手法(BEM・FLOCSS)を使用した保守性の高いコーディングを
実装することで、追加・修正をしても崩れにくいコードを提供いたします。
・画面幅を変更しても、各デバイスで表示崩れが無いように
レスポンシブ対応いたします。
■jQuery / JavaScript
jQeruyやJavaScriptプラグインを用いたアニメーションの実装
モーダル、アコーディオンやスライダーなどを用いて、
サイトに躍動感をもたせることができます。
■Gulp
タスクランナーを使用して、煩雑な業務を自動化することで、
納期を短縮することが可能です。
■WordPress
オリジナルテーマの構築、カスタマイズ。
お問い合わせページの実装や、
カスタム投稿、カスタムフィールドを使用した実装により、
お客様のご要望に寄り添った唯一のWebサイトを構築する
ことが可能です。
■Photoshop
画像の加工やトリミングなど、かんたんな業務であれば可能です。
細かな業務でもお任せください。
ご依頼からの流れ
①「まずは相談する(無料)」より、ご依頼内容を詳しくお聞かせください。
納期の日程や、具体的なお見積りをさせていただきます。
②事前のお打ち合わせ
ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
③ご契約・作業着手
デザインデータ、写真やテキストなどの素材データをお送りください。
進捗状況はチェックシートを共有させていただきます。
こまめにご報告をしながら、一緒に制作を作り上げていきます。
④ ご確認(テスト環境)
コーディング完了後、品質チェックを行い、ファイルとチェックシートを
送らさせていただきます。
⑤ 修正
ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
⑥ 納品
修正が完了いたしましたら、zipファイルデータを納品いたします。
サーバーへのアップロードも対応可能ですので、
お気軽にご相談ください。
ーーーーーーーーーーーーーーーーーーーーーーー
どんな小さなことでも、お気軽にご相談ください。
丁寧にご対応をいたしますので、安心してお任せいただければと思います。
【Webサイトの品質向上】HTML/CSSコーディングを承ります
業務内容
丁寧なコーディングでWebサイトの価値を最大化!
このようなお悩みはありませんか?
Webサイトの表示崩れ、更新の煩雑さ、デザインの古さ、SEO対策の遅れ
発注の流れ
お問い合わせ
メッセージにて、ご依頼内容やご希望のイメージ、納期などをお知らせください。参考となるWebサイトやデザインデータがあれば、共有をお願いします。
お打ち合わせ・ヒアリング
お送りいただいた情報を元に、最適なプランをご提案します。お見積もりや納期についても、詳しくご説明します。
ご契約
提案内容にご納得いただけましたら、ご契約となります。着手金として、料金の半額をお支払いいただきます。
制作開始
コーディング、WordPress構築、サイト更新などの作業を行います。進捗状況は随時ご報告し、お客様のフィードバックを反映させながら進めます。
納品・検収
完成したWebサイトをご確認いただき、修正点があればお気軽にお申し付けください。修正後、納品となります。残りの料金をお支払いいただきます。
対応範囲・価格
HTML/CSSコーディング:3万円~
HTML/CSSコーディング:デザインデータ(Figma/XD)を元に、W3Cに準拠した高品質なコーディングを提供します。レスポンシブ対応で、スマホやタブレットでも美しい表示を実現します。
WordPressサイト構築:10万円~
WordPressサイト構築:既存サイトのWordPress化や、新規サイトの構築を承ります。SEO対策、セキュリティ対策も万全です。更新しやすいカスタムテンプレートを開発します。
サイト更新・修正:5千円~
サイト更新・修正:Webサイトのテキスト修正、画像差し替え、デザイン調整など、細かな修正から大規模な改修まで対応します。迅速な対応で、Webサイトの鮮度を保ちます。
納期
最短3日~
制作の流れ
要件定義・企画立案
お客様からいただいた情報やご要望を丁寧にヒアリングし、Webサイトの目的やターゲット層を明確にします。
設計・デザイン
Webサイトの構成、デザイン、コンテンツなどを具体的に設計します。必要に応じて、ワイヤーフレームやプロトタイプを作成します。
実装・開発
設計に基づいて、HTML/CSSコーディング、WordPress構築、JavaScript実装などを行います。W3Cに準拠した、高品質なコーディングを心がけています。
テスト・品質チェック
完成したWebサイトを様々な環境でテストし、表示崩れや動作不良がないか確認します。SEO対策やセキュリティ対策も実施します。
納品・公開
お客様にWebサイトをご確認いただき、修正点があれば修正します。最終的な確認が完了したら、納品となります。
サービス内容
Web制作会社での8年の経験を活かし、HTML/CSSコーディング、WordPress構築、サイト更新・修正など、Webサイトに関する幅広い業務を承ります。丁寧なコーディングと迅速な対応で、お客様のWebサイトの価値を最大化します。
Webサイトのことでお困りではありませんか?
「Webサイトが古くて見栄えが悪い…」「更新作業が難しくて手が回らない…」「スマホでの表示が崩れてる…」
そんなお悩みを、Web制作会社で8年の経験を持つフリーランスコーダーが解決します!
丁寧なコーディングと迅速な対応で、お客様のWebサイトの価値を最大化。
HTML/CSSコーディング、WordPress構築、サイト更新・修正など、Webサイトに関する幅広い業務を承ります。
ぜひ一度、お気軽にご相談ください!
【丁寧なコーディング】デザインカンプを忠実に再現します
業務内容
ランサーズは初めてですので、レビュー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年にわたる社会人経験を生かし、丁寧な対応と即レスにより円滑なコミュニケーションをお約束いたします。
・自主的な報連相と納期遵守にて作業を行います。
円滑なコミュニケーションとコーディングにより、依頼者様の業務をお手伝い致します。
ご興味いただけましたらご連絡いただけると幸いです。
【制作会社様 / デザイナー様】 デザインに忠実なコーディングを代行いたします
業務内容
本パッケージは、Webサイトのコーディング代行サービスです。
\\ お悩み解決をお手伝いいたします //
- コーディングの人手が不足している
- コーディングの費用を抑えたい
- レスポンシブデザインに対応したい など
このようなお悩みがありましたらお気軽にご相談ください。
サービス内容
① ベーシックプラン: 24,000円
シンプルなLP(1ページ)
② スタンダードプラン: 42,000円
少し複雑なLP(1ページ)
・スライダー、ドロワー、アコーディオンメニューなどの実装
・フォームの実装
③ プレミアムプラン: 100,000円
WordPressオリジナルテーマ
・トップページ + 下層ページ(5ページまで)
・スライダー、ドロワー、アコーディオンメニューなどの実装
・フォームの実装
【 共 通 】
・HTML/CSS/JSコーディング
・基本的なアニメーション(ホバーアニメーションなど)
・レスポンシブデザイン
・基本的なSEO対策
・WordPress対応
・フォームは外部サービスやWordPressのプラグインを使用
・画像主体でコーディングする場合は納期/金額減
金額は目安になります。ページの長さや実装内容によって増減しますのでご了承ください。
上記以外でも対応できる場合がありますので、気軽にご連絡ください。
納品までの流れ
①ヒアリング・お見積り
「まずは相談する(無料)」よりご依頼内容を記載してご連絡ください。
必要な機能などを確認させていただき、お見積りや今後のスケジュールなどを返信いたします。
zoomなどによるご相談も可能です。
②ご契約・お客様よりデザインデータのご提供
お見積り内容などに納得していただけましたら、仮払いによるご契約をお願いいたします。
③コーディング
進捗状況や確認事項など、随時ご連絡させていただきます。
④テスト環境でのご確認
テスト環境にて動作やデザインをご確認いただきます。
⑤修正
必要に応じて修正して再度ご確認いただきます。
⑥納品
zipファイルでの送信、またはご指定のサーバーにアップロードいたします。
対応デザインデータ
figma / XD / Photoshop
上記以外の場合も可能な限り対応させていただきます。
ブラウザ・端末の確認環境
【 Google Chrome 】Mac / Windows / iPad / iPhone / Android
【 Firefox / Microsoft Edge 】Mac / Windows
【 Safari 】Mac / iPad / iPhone
注意点
・契約金額は上記価格にシステム手数料5.5%がかかります。(https://www.lancers.jp/faq/A1034/936)
・デザインデータがない場合は対応できかねますので予めご了承ください。
・アップロードをご希望の場合、「AWS」など対応できない場合もありますのでご了承ください。
・「注文時のお願い」も併せてご確認ください。
その他の特徴
・休日祝日を含めて稼働しております。
・ご連絡いただいた場合、基本的に即返信させていただいております
最後に
数あるサービスの中からご覧いただき、誠にありがとうございます。私はオンラインスクール「デイトラ」でWeb制作コースを受講し、その後は法人様と連携してLPのコーディングやWordPressオリジナルテーマでのコーディングを行っておりました。
ご依頼をいただけた場合は、「丁寧な対応」と「高品質」を意識し責任をもって納品させていただきます。
ご相談やお問い合わせはいつでもお待ちしておりますので、「まずは相談する(無料)」からお気軽にご連絡ください。ご検討のほど、よろしくお願いいたします。
LP・Webページをレスポンシブ対応でコーディングします
業務内容
デザインデータ(Figma / XD / PSD /
Canva等)からHTML・CSS・JavaScriptでコーディングいたします。
■ 対応範囲
・LP(ランディングページ)のコーディング
・レスポンシブ対応(PC・タブレット・スマホ)
・お問い合わせフォームの設置
・スクロールアニメーション等の基本的なJS実装
・既存ページの修正・更新
■ こんな方におすすめ
・デザインはあるけどコーディングできる人がいない
・社内にWeb担当がいなくて外注したい
・急ぎでLPが必要だけど制作会社は高すぎる
・既存ページの修正・更新を頼みたい
・HTMLメールのコーディングが必要
■ 納品ファイル
HTML / CSS / JavaScript / 画像ファイル一式
■ 制作の流れ
- デザインデータまたは参考サイトをお送りください
- 内容確認後、作業を開始します
- テストページで確認いただきます
-
修正対応後、ファイル一式を納品します
■ 対応可能なデザインツール
Figma / Adobe XD / Photoshop / Canva / PowerPoint / 手書きラフ■ ご注意事項
・デザイン制作(デザインから作成)は含まれません
・WordPress等のCMS構築は対象外です
・修正はベーシック2回、スタンダード以上3回まで無料対応
・やり取りはメッセージで行いますご不明な点はお気軽にメッセージください。
【IT・Web企業向け】迅速かつ正確な事務とWeb更新サポートを提供します
業務内容
IT・Web業界の「ちょっとした困りごと」を解決!あなたの業務を迅速にサポートします
このようなお悩みはありませんか?
Webサイトの軽微な修正に時間がかかる、資料作成やデータ入力業務が滞っている、本業に集中したいが雑務に追われている、社内に事務やWeb更新を任せられる人材がいない、IT系の専門知識がある事務代行を探している。
発注の流れ
ご相談・ヒアリング
まずはメッセージにて、ご依頼内容、目的、ご希望納期、予算をお聞かせください。ランサーズのメッセージ機能で丁寧にご要望を伺います。
お見積もり・ご提案
ヒアリング内容に基づき、最適なプランと詳細なお見積もりをご提示します。疑問点があればお気軽にご質問ください。
ご契約・仮払い
内容にご納得いただけましたら、ランサーズ上でご契約手続きを行い、仮払いをお願いいたします。これをもって正式な発注となります。
作業開始・進捗報告
仮払い確認後、作業を開始します。途中経過をご報告しながら、必要に応じてランサーズのメッセージ機能で確認・調整を行います。
納品・完了
最終成果物をランサーズ上で納品いたします。内容をご確認いただき、問題がなければ承認手続きをお願いします。
対応範囲・価格
事務サポート・データ入力代行:15,000円〜
Excel, Word, PowerPointを使った資料作成やデータ入力、集計作業を正確かつ迅速に代行し、業務の効率化を支援いたします。
Webサイト軽微な更新・修正:20,000円〜
HTML/CSSを用いたWebサイトのテキスト・画像差し替え、リンク修正など、軽微な更新作業を承ります。
Webコンテンツ入力・画像加工:18,000円〜
ブログ記事の入力代行、簡単な画像加工(リサイズ、トリミングなど)、アイコン・ボタンデザイン制作をサポートします。
納期
ご依頼内容と作業量によりますが、簡単なデータ入力やWeb修正であれば3~7日、資料作成であれば7~14日を目安にご相談ください。
制作の流れ
要件定義・詳細確認
ご依頼いただいた内容について、具体的な作業範囲や成果物のイメージを詳細に確認します。使用するツールやフォーマットなども決定します。
素材・情報収集
作業に必要なデータ、テキスト、画像、既存のWebサイト情報などをクライアント様からご提供いただきます。
作業実施
ご提供いただいた情報をもとに、データ入力、資料作成、HTML/CSS修正、画像加工などの作業を正確に進めます。
確認・修正
完成した成果物を一度ご確認いただき、必要であれば修正指示を承ります。ランサーズのメッセージ機能でフィードバックをお願いします。
最終調整・納品
修正対応後、最終確認を経て正式に納品となります。
サービス内容
IT・通信・インターネット業界のお客様に特化し、正確かつ迅速な事務処理と、HTML/CSSを用いたWebサイトの軽微な更新・修正を代行いたします。データ入力、資料作成からWebコンテンツのテキスト修正、簡単な画像加工まで、幅広い業務で皆様の業務効率化をサポートします。
日々の業務に追われ、コア業務に集中できていますか?特にIT・Web業界では、細かな事務作業やWebサイトの軽微な更新など、専門性を要するほどではないけれど時間のかかる業務が多くありますよね。「誰かに任せたいけど、どこから手をつけていいか分からない…」そんなお悩みはありませんか?私は、正確かつ迅速な事務処理能力とHTML/CSSコーディングの基礎スキルを活かし、IT・Web関連企業や個人事業主様の「ちょっとした困りごと」をサポートします。データ入力から資料作成、Webサイトのテキスト修正まで、幅広く対応することで皆様の業務効率化に貢献し、本業に集中できる環境を整えます。まずはお気軽にご相談ください!
【AI活用】営業経験を活かし集客と売上を増やすサイトを制作します
業務内容
AIとビジネス知見で「売上につながる」Webサイトを実現!
このようなお悩みはありませんか?
Webサイトからの集客や売上が伸び悩んでいる、サイトが古く更新が滞っている、ITの専門知識がないので誰に相談すれば良いかわからない、成果が出るWebサイトを効率的に作りたい、といったお悩みはありませんか?
発注の流れ
お問い合わせ・ヒアリング
まずはランサーズのメッセージ機能で、サイト制作の目的や現状の課題、ご予算、納期について詳しくお伺いします。貴社の「想い」を形にするための第一歩です。
企画・提案・お見積り
ヒアリング内容に基づき、成果を最大化するためのサイト構成、デザイン案、必要な機能などを具体的に企画し、詳細なお見積もりをご提示します。ランサーズのワークスペースで画面共有も可能です。
ご契約・仮払い
提案内容とお見積りにご納得いただけましたら、ランサーズ上でご契約手続きを行い、仮払いをお願いいたします。これにより安心して制作を進めることができます。
制作開始
ご契約後、デザイン制作、コーディング、WordPress実装と進めます。進行状況は定期的にご報告し、ランサーズのメッセージ機能で密に連携を取ります。
検証・修正
制作物が完成しましたら、テスト環境にてご確認いただきます。修正点があればランサーズのメッセージ機能で詳細をお伝えください。ご納得いただけるまで調整を行います。
納品・完了
最終確認後、本番サーバーへのアップロードを行い、正式に納品となります。その後の運用に関するアドバイスも可能です。ランサーズでの完了手続きをお願いいたします。
対応範囲・価格
企画・構成ご相談:10,000円〜
Webサイト制作に関するお悩みや、実現したい目標をヒアリングし、最適な方向性や戦略をご提案します。
ランディングページ制作:30,000円〜
AIと営業経験で、訪問者の心を掴み、成果に繋がる集客特化型LPを制作します。
WordPressサイト構築:50,000円〜
ビジネス目標達成のためのカスタムWordPressサイトを、デザインから機能実装までトータルで構築いたします。
納期
プロジェクト内容により変動しますが、最短2週間〜最長2ヶ月程度です。
制作の流れ
要件定義・企画
貴社のビジネス課題と目標を深く掘り下げ、成果を出すためのサイト設計と機能要件を明確にします。AIを活用し、市場トレンドや競合分析も行います。
デザイン・設計
FigmaやIllustratorを使い、ヒアリング内容に基づいたUX/UIデザインを作成。営業経験を活かし、ユーザー導線を意識した魅力的なデザインを提案します。
開発・実装
HTML/CSS/JavaScriptでコーディングし、WordPressをベースにサイトを構築。PHPの基本知識とAIを組み合わせ、堅牢かつスピーディーに実装します。
テスト・最終調整
クロスブラウザ対応、レスポンシブデザインの確認、機能テストを徹底。医療事務で培った正確性で細部までチェックし、高品質なサイトとして調整します。
サービス内容
お客様の「想い」と「ビジネス目標」を深く理解し、AI技術と自身の営業・医療事務経験で培ったビジネス視点、正確な作業能力を融合させたWordPressサイト制作を提供します。単にサイトを作るだけでなく、集客や売上向上に直結する企画・構成からデザイン・実装、運用サポートまでワンストップで対応。お客様のビジネス成長を強力に後押しいたします。
「Webサイトを作ったけど、問い合わせがない…」「今のサイトは古くて売上UPに繋がらない」と感じていませんか?私も前職で営業を経験し、数字への意識とお客様の想いを形にすることの大切さを肌で感じてきました。単なるサイト制作で終わらせず、貴社のビジネスゴール達成を最優先に考えます。AI技術で効率的に高品質なサイトを構築し、営業経験で培ったヒアリング力で本質的な課題を解決。医療事務で養った正確性で、安心してお任せいただけるWebサイトを共に創り上げましょう。まずはお気軽にご相談ください!
【法人向け】基本情報技術者がAIツールでのシステム開発の方法を教えます
業務内容
AIツールでの業務効率化の作法を指導(プロンプト)
1.資料作成
2.Webデザイン
3.業務ツール開発
最短即日!HTML / CSS / JSコーディングを丁寧・迅速に代行します
業務内容
デザインデータ(Figma・XD・画像・PDF等)をもとに、
HTML / CSS / JavaScript によるWebページのコーディングを行います。
AIツールを活用して効率化しつつ、
最終的なコード確認・表示チェックは人の目で行い、
実用性・可読性・保守性を意識した実装を心がけています。
☆対応内容
HTML / CSS / JavaScript コーディング
レスポンシブ対応(PC/タブレット/スマートフォン)
軽微なデザイン調整(余白・文字サイズ等)
既存コードの修正・整理
☆目安
1ページ(LP・下層ページなど)
静的ページ想定
ボリュームが多い場合は事前にお見積りいたします
※ JavaScript を多用する実装や高度なアニメーションは事前相談とさせてください。
品質重視!!Web制作者がLPコーディングを代行します
業務内容
ご覧いただきありがとうございます!
3S code 代表 庄司 雅幸です。
当事業所はコーディング業務を主に請け負っており、
現在はWeb制作会社様と提携し業務をしております。
■基本料金に含まれるもの
HTML / CSSを使用した静的コーディング
レスポンシブ対応(スマホ)
テスト確認用サーバーの設置
お問い合わせフォーム(見た目のみ)
ハンバーガーメニュー
タブメニュー
スライダー
■基本料金に含まれないもの
スマホ用デザインがない場合のレスポンシブ対応
■動作確認
Chrome, Firefox, Safari
■納期
7〜14日程度で納品が可能です。
※稼働状況やページ内容により変動します。
※品質重視のため長めに納期を頂いております。
■納品までの流れ
①ヒアリング
②デザインデータお預かり(XD、Figma、Photoshop)
③コーディング
④テストサーバーにアップ(ご確認・修正)
⑤納品(ZIPファイル送付、またはFTPでレンタルサーバーへのアップロード)
【制作会社様/デザイナー様向け】Webサイト・HP・LPコーディング代行します
業務内容
デザインに忠実なコーディング、お任せください!
LP・HPのコーディングを専門に対応しています。
PC・スマートフォン・タブレットなどのあらゆる画面幅でもデザインが崩れることのない、レスポンシブなコーディングを実現します。
誠実な対応を心掛け、迅速かつ丁寧に制作物を納品致します。
ご予算やご要望に合わせて柔軟に対応致しますので、どうぞお気軽にご相談ください。
こんな方におすすめです
Webデザイナー様/Web担当者様
・デザインはあるが、コーディングに時間を割けない
・毎回コーダーを探すのが大変・品質に不安がある
・実装でつまずき、デザインや提案に集中できない
➡︎ コーディング部分をすべてお任せいただくことで、制作効率と品質を同時に向上させます。
作業内容(パッケージ料金に含まれます)
レスポンシブコーディング(PC/スマホ/タブレット対応)
お問い合わせフォーム実装
WordPress化対応
(オリジナルテーマ・カスタムフィールド対応可)
各種アニメーション・UI実装
ローディング/スムーススクロール/スライダー
ハンバーガーメニュー/アコーディオン/モーダル など
発注の流れ
-
お問い合わせ・ヒアリング
まずは「メッセージ機能」または「ビデオ通話機能」で、制作の目的、ターゲット層、ご希望のイメージ、納期、ご予算など詳しくお伺いします。 -
企画・ご提案
ヒアリング内容に基づき、最適なデザイン案、構成、使用技術などをまとめた企画をご提案します。この段階で方向性をすり合わせます。 -
お見積もり・仮払い
ご提案内容にご納得いただけましたら、正式なお見積もりを提示し、ランサーズ上で仮払いをお願いいたします。これにより制作がスタートします。 -
制作開始・進捗報告
仮払い確認後、制作を開始します。定期的に進捗状況をご報告し、「ワークスペース」でデザイン案やテストサイトをご確認いただけます。 -
確認・修正
テストサイトをご確認いただき、修正点があればお伝えください。ご要望に基づき、丁寧に調整を行います。(Basicプランは1回、Standard/Premiumプランは2回まで基本料金内で対応) -
最終確認・納品
最終確認が完了次第、制作物を納品いたします。Webサイトの場合は、サーバーアップロードまでサポート可能です。
料金目安
LPコーディング:35,178円(税込)
※10,000px以内/長さにより変動あり
HPコーディング(HTML):119,790円(税込)
※5ページ想定
HPコーディング(WordPress/PHP):167,178円(税込)
※5ページ想定
※上記は目安です。
正確なお見積もりは「見積もり・カスタマイズの相談」よりご相談ください。
納期
ヒアリングから企画・デザイン・コーディング・納品まで、通常1ヶ月〜1.5ヶ月程度でWebサイトを構築いたします。
制作の流れ
ヒアリング・お見積もり
ご契約(仮払い)
デザインデータご支給
コーディング・テスト
ご確認・修正(回数無制限)
納品(zip納品 or サーバーアップロード)
ご購入前の注意点
※ランサーズのシステム手数料(5.5%)が別途かかります。
詳細はランサーズ公式FAQをご確認ください。
サービス内容
「Webサイトを作りたいけれど、コーディングをどこに頼めばいいか分からない…」「商品の魅力を伝えるLPが欲しいけど、費用を抑えたい…」とお悩みではありませんか?私はWebスクールで培った確かな技術と、Web開発現場での経験を活かし、お客様の課題を解決します。特に、商品のニーズや対象年齢に合わせたデザインのコーディングが得意です。上智大学で培った知的好奇心と論理的思考力で、単なる見た目だけでなく、成果に繋がるWebサイトを制作します。まずは、メッセージにてお気軽にご相談ください。お客様の理想を形にするお手伝いを、精一杯させていただきます。
【個人向け】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の改善、文字起こしまで、幅広く対応いたします。
初めての外注でも安心!相談しながら一緒に進めていきましょう。まずはお気軽にご相談ください。
HTML・CSS レスポンシブサイトのコーディングを承ります
業務内容
パッケージ出品をご覧いただきありがとうございます!
Webディレクター・デザイナーのHipotamusと申します。
迅速なコミュニケーションを心がけております。
まずはお気軽にご相談ください。
パッケージ内容について
■ベーシック
【静的下層ページ】 HTML/CSS 静的コーディング
■スタンダード
【静的トップページ/LP】 HTML/CSS 静的コーディング
■プレミアム
【静的 トップページ+下層2ページ】 HTML/CSS静的コーディング
各プラン料金に含まれるもの
・ 静的コーディング
・レスポンシブ対応
・スライダー、スワイパー、アコーディオン、ハンバーガーメニューなど、基本的なアニメーション実装
対象ブラウザについて
■パソコン(Mac)
Chrome、Safari 各最新版
■スマートフォン(iOS)
Chrome、Safari 各最新版
納品までの流れ
①ご相談/お見積もりの提出
構成などのすり合わせをさせていただき、お見積りをご提示させていただきます。
お見積りに問題がございませんでしたら、仮払いをお願いいたします。
②デザインカンプや素材等のご提供
デザインデータをご提供お願いいたします。
Photoshop、Figmaが対応可能です。
※その他形式についてはご相談ください。
③制作開始
④テストアップ
こちらでご用意するテスト環境にて、表示・動作の確認をお願いいいたします
修正は原則2回までとさせていただきます。
※こちらの不備によるものは別途となります。
⑥最終確認後に納品
Zipの形で納品、もしくはお客様のサーバーにアップさせていただきます。
【丁寧な初心者】HTML/CSSでシンプルなWebページ作成・修正承ります
業務内容
学習中の情熱をWeb制作に!丁寧なHTML/CSSコーディングであなたのサイトを整えます
このようなお悩みはありませんか?
Webサイトのちょっとした修正を依頼したいが、どこに頼めば良いか分からない。小さな修正案件なのに、プロに頼むと費用が高くついてしまう。既存ページのテキストや画像の更新を自分でする時間がない。
発注の流れ
-
お問い合わせ
ランサーズメッセージ機能にて、お客様のWebサイトの現状、具体的なご要望、ご予算、希望納期などを詳しくヒアリングいたします。お気軽にご相談ください。 -
お見積り・提案
ヒアリング内容に基づき、作業範囲とそれにかかる費用、納期についてランサーズメッセージでご提案・お見積りを提出します。 -
ご契約・仮払い
ご提案内容にご納得いただけましたら、ランサーズ上で正式にご契約いただき、仮払いをお願いいたします。これにより作業を開始します。 -
作業開始
ご提供いただいた素材(テキスト、画像など)と指示書に基づき、HTML・CSSのコーディングまたは修正作業を丁寧に進めます。 -
ご確認・修正
作業が完了しましたら、ランサーズメッセージ機能でご確認いただける形で初稿を提出します。簡単な修正があれば対応いたします。 -
納品
最終確認後、完成したWebサイトのHTML/CSSファイル一式をランサーズを介して納品いたします。
対応範囲・価格
企画・事前相談:無料
まずはランサーズメッセージ機能で、お持ちのWebサイトや修正したい内容についてお聞かせください。
既存サイトの軽微な修正:5,000円〜
既存Webサイトのテキスト変更、画像差し替え、リンク修正など、軽微な内容の修正を行います。
HTML/CSS単一ページコーディング:15,000円〜
ご提供いただいたデザインデータに基づき、HTMLとCSSを使って1ページ分のWebサイトをコーディングします。
納期
7日
制作の流れ
要件確認と素材受領
お客様からWebサイトの修正・作成したい内容、目的、ターゲット、必要な素材(テキスト、画像、デザインデータなど)の詳細をお伺いします。不明点があれば積極的に質問し、認識のズレがないよう丁寧にすり合わせを行います。
コーディング・修正作業
お伺いした内容とご提供いただいた素材に基づき、HTMLで骨格を作り、CSSでデザインを整えるコーディング作業を進めます。お客様の意図を忠実に再現できるよう、細部にわたって丁寧に作業します。
テスト・チェック
完成したWebサイトが、PCやスマートフォンなどの複数のデバイスで適切に表示されるか、基本的な表示崩れがないかを確認します。リンクが正しく機能するかのテストも行います。
初稿提出とフィードバック
ランサーズメッセージ機能を通じて、作業結果の初稿をお客様にご確認いただきます。ここでいただいたフィードバックをもとに、必要な調整や修正を行います。
最終調整と納品
最終的な調整を施し、お客様にご満足いただける品質になったところで、ランサーズを介して完成したWebサイトのファイル一式を納品いたします。
サービス内容
WebサイトのHTML/CSSコーディングや既存ページの軽微な修正を承ります。学習中のため、実績豊富なプロの方よりも安価で丁寧な対応を心がけております。デザインデータからの忠実なコーディングや、既存サイトのテキスト・画像更新など、「ちょっとしたWebサイトの困りごと」を解決するお手伝いをいたします。迅速かつ誠実な対応で、お客様のWebサイト運営をサポートします。初めてのWebサイト依頼でもご安心ください、一緒に形にしていきましょう。
Webサイトのちょっとした修正や、デザインからの簡単なページ作成でお困りではありませんか?「プロに頼むほどではないけれど、自分ではなかなか手が回らない…」そんなお悩みを、HTML/CSS学習中の私が丁寧に解決いたします。まだ学習段階ではありますが、その分、一つ一つの作業に真摯に向き合い、お客様の期待に応えるべく誠実に対応することをお約束します。初めてWebサイトを依頼する方もご安心ください。あなたのビジネスをWebでサポートするお手伝いをさせてください。
htmlコーディング、Wordpress設置、サイトの運営・更新・管理をおこないます
業務内容
htmlコーディング、Wordpressでサイトを新規制作、既存サイトのWordpress化、既存サイトの運営・更新・管理をおこないます。
▼デザイン会社様でコーダーをお探しの方
▼既存サイトの運営・更新・管理を外部委託される場合など
お気軽にお申し付けください。
現役WebコーダーがCSS設計に基づいた、美しいコーディングをおこないます
業務内容
フリーランスでWebエンジニア、Webコンサルをしております、市川喬士と申します。
私のサービスに興味を持っていただき、ありがとうございます。
是非、以下ご確認ください。
▷最新の制作物はこちら(デモサイト)
http://takashi0520.html.xdomain.jp/demosite2/
また、制作物一覧はこちら
https://vanilla-fireplace-f3c.notion.site/5396253653fd4ad8ab074a7dec4cbdbf
【こんな方にオススメ!】
・コーディング作業が苦手なデザイナーの方
・デザインデータはあるが、コーダーが不足しているディレクターの方
・どのようなデザインにしたいかのイメージはあるが、それを制作することが困難な方
・外注先をお探しのweb制作会社の方
【費用に含まれているもの】
・Adobe Photoshop/XD/Figmaで作成されたデザインカンプからのHTML/CSSコーディング
・マルチ画面対応のコーディング
・jQuery & CSSアニメーション
・画像圧縮による表示速度最適化
・予測・再利用・保守・拡張を意識したCSS設計による、保守性の高いコーディング
・chrome、safari、Microsoft Edge、firefoxによる確認
【追加でご提供できること】
・HTML/CSSコーディングファイルのWordPress化
・JavaScript(jQuery)を用いた動的サイト(高度なもの)
・gsapによるアニメーション
・gulp環境下での制作
・貴社指定サーバーへのアップロード
・納品後の修正作業
・スピード納品(即日可)
・WordPressテーマを使用してのWebサイト制作
【納期】
時期により、少し変動はしますが、1ページあたり5日〜1週間で納品させていただきます。
ご希望の納期がある場合はご相談いただければ、可能な限り、対応いたします。
【スケジュール】
①ご相談・お見積り・スケジュール確認(無料)
②デザインデータを確認(Photoshop、XD、Figma)
③コーディング開始
④弊社テストサーバーにアップロード
⑤ご確認、修正
⑥納品(zipファイル納品・テストサーバーアップロード)
サービス提供前に、一度DMで詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)
【超速・最短即日】HTML/CSS LPコーディング代行します ます
業務内容
★★クオリティ・スピード重視のWeb制作、お任せください!(即日対応可)
コーディングを専門に行っておりまして、
コーディング歴は8年となり、大手企業(バンダイ様、ネスレ様、プジョー様)など400サイト以上の実績がございます。
★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい!
・素人や副業ではないプロのクオリティでコーディングしてほしい!
・すぐに連絡を取りたい!
・土日祝深夜問わず対応してほしい!
★★ご依頼の流れ
1.ヒアリング
コーディングの内容やスケジュールなどを確認させていただきます。
2.ご契約
上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
3.コーディングテストアップ
コーディングデータをご確認いただき、必要であれば修正等を行います。
4.納品
指定サーバへのアップロードまたはデータ送付を行います。
★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください!
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません!
依頼してよかった!そう思っていただける自信があります。ぜひご検討ください。
【制作会社様・デザイナー様向け】デザインどおりに再現!コーディング代行いたします
業務内容
WEB制作のコーディング代行サービスです。
「すべてのお客様に満足を」をモットーにお客様のご要望に全力で対応いたします!
ぜひお気軽にご相談くださいませ!
【 こんな方におすすめ 】
「デザインは制作できるけどコーディングをする時間がない」
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様
このような悩みを解決いたします!
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
【 料金 】
・トップページのコーディング: 10,000円〜
・下層ページのコーディング: 6,000円〜/1ページ
・LPのコーディング: 20,000円〜
・アニメーション: 要相談
・WordPress化: 要相談
※上記が基本料金となります。ページの長さやデザインの内容により価格の変動がございます。
※レスポンシブ対応込みの価格になります。
※WordPress化のご希望の方はカスタマイズからご相談くださいませ。
【 対応可能データ 】
・Figma、XD、Photoshop、Illustrator等
※確認用に、一枚に書き出した画像データを(JPEGかPNG)を一緒に送付ください。
※Illustratorの場合はリンク画像も送付(もしくは埋め込みで)お願いいたします。
【 納品までの流れ 】
1 ヒアリング・お見積り
2 ご契約・デザインデータお預かり
3 コーディング
4 ご確認・修正
5 最終確認・納品
【 納品形式 】
・zipファイルの送付
・ご指定のサーバーへアップロード
【 注意事項 】
・必ずデザインデータをご用意ください。
・コーディングルールがございましたら事前にお知らせください。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願いいたします。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願いいたします。
※やり取りの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承ください。(ご回答にお時間がかかる場合は、その旨をお伝え頂くようお願いいたします。)
ご満足いただけるように丁寧かつ柔軟な対応をいたします。
気になる点などがありましたら、お気軽にご相談くださいませ。
【迅速・丁寧】HTML/CSSコーディング代行を承ります
業務内容
迅速・丁寧な対応で、お客様のWebサイトを最適な形に仕上げます
このようなお悩みはありませんか?
Webサイトの修正や更新に時間がかかって困っていませんか?急ぎで新しいランディングページが必要なのに、信頼できるコーダーが見つからずお悩みではありませんか?技術的なことはよく分からなくても、安心して任せられるプロを探していませんか?
発注の流れ
-
お問い合わせ・ヒアリング
まずはお客様の現状のお悩みやご希望のサービス内容、納期、ご予算について、ランサーズメッセージにて詳しくお聞かせください。 -
お見積もり・ご提案
ヒアリング内容に基づき、最適なサービス内容と工数、それにかかる費用と納期を明確に記載したお見積もりを提示いたします。 -
ご契約・仮払い
お見積もり内容にご納得いただけましたら、ランサーズの仮払い機能を通じて契約を締結し、プロジェクトを開始いたします。 -
素材共有・制作開始
仮払い完了後、制作に必要な詳細情報(デザインデータ、テキスト原稿、画像素材など)をご共有いただき、制作を開始します。 -
初稿提出・修正
完成した制作物をテスト環境でご確認いただき、修正点があればお申し付けください。迅速に調整し、最終確認を行います。 -
納品・完了
最終確認後、ご希望の形式(HTML/CSSファイル一式など)で納品いたします。これでプロジェクトは完了です。
対応範囲・価格
Webサイトの微修正・更新:10,000円〜
既存サイトの軽微な修正、テキスト更新、画像差し替えなど、短い時間で完了するHTML/CSSの調整に対応します。
ランディングページ制作:30,000円〜
デザインデータ(Figma, XDなど)に基づいた、標準的なランディングページのHTML/CSSコーディング一式を提供します。
Webサイト・複雑なLP制作:60,000円〜
複数ページのWebサイトや複雑なレイアウトのページ、JavaScriptを伴うインタラクティブな要素のコーディングに対応します。
納期
ご依頼内容により異なりますが、最短3日〜2週間程度で対応可能です。
制作の流れ
要件定義・計画立案(1〜2日)
お客様から頂いた情報を基に、どのような構成でコーディングを進めるか計画を立てます。
コーディング実装(3日〜10日)
計画に基づき、HTMLとCSSを用いて忠実にデザインを再現するコーディング作業を行います。
品質チェック・テスト(1〜2日)
複数ブラウザでの表示確認やW3C準拠のチェックを行い、品質を保証します。
お客様確認・修正(1〜3日)
お客様にご確認いただき、必要に応じて修正対応を行います。
最終納品(即日)
最終的なデータをお渡しし、プロジェクトを完了します。
サービス内容
WebサイトのHTML/CSSコーディング、ランディングページ制作、既存サイトの改修を迅速かつ丁寧に対応いたします。お客様のビジネスに貢献できるよう、高品質なコードで最適なWeb体験を提供します。
Webサイトのちょっとした修正や、新しいランディングページがなかなか形にならない…そんなお悩みはありませんか?「迅速な返信、丁寧な対応」をモットーに、HTML/CSSコーディングであなたのビジネスをサポートいたします。培ってきた経験を活かし、お客様のイメージを正確に、そして素早くWeb上で実現させます。IT・通信・インターネット業界のお客様に特化し、専門用語を避け、分かりやすい言葉でご説明しますので、Webに詳しくない方もご安心ください。まずは一度、お気軽にご相談ください!
【1部分の修正から対応可能!】Webサイトのコーディング作業を代行いたします
業務内容
業務内容
Webサイトの修正、コーディング業務お任せください!
本パッケージはホームページやランディングページのhtmlやcssのコーディング業務を代行で作業するサービスです!
(Wordpressのサイトも対応可能!)
経験豊富なコーダーが直接やりとりさせていただきますので安心してお任せください!
こんなお悩みはありませんか?
- 少しの修正なのに、コーディングできるスタッフがいない
- 信用できる所に修正を任せたい
- スマホで見るとサイトが崩れてしまう
- ウェブサイトのテキストを変更したい
- ウェブサイトに使用している画像を変更したい
- デザインやラフ案はあるけど、コーディングができない、など
このパッケージでこんな悩みが解決できます
- テキスト1ヵ所の修正からでも対応可能
※最低額は3,000円(税抜)となります
上記以外でも相談いただければ対応可能な場合がございます。
お気軽にご相談ください。
価格(全て税込の対応での掲載になります)
⚫︎修正、更新のご依頼:要相談 3,300円〜
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。
上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
お客様よりデザインデータや修正素材のご提供
コーディング・テスト環境でのご確認
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
購入する際の注意点
*ご依頼していただく場合は上記金額にシステム手数料(5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936
【WordPress組み込み可能】HTML/CSSコーディング代行いたします
業務内容
数多いプラン、サービスの中からこちらを見つけて、
ご覧いただきありがとうございます!
「デザインはしたけど実際にWebサイトとして表示させるやり方がわからない」
「Web制作において、コードを書くリソースがない」
「最後までやり切る保証のある信頼できるコーダーがいない」
そんなお悩みをお持ちでしたら、
ご依頼するしないに関わらず、
ぜひ一度お問い合わせください!
ご要望に合わせて納期、金額、守備範囲等柔軟にご対応します。
○HTML/CSS
○スマホ対応(レスポンシブ)
○CSS設計(基本BEMで対応。ご希望があればFlocssも可能)
○予測、再利用、保守、拡張しやすいコード
○WordPress組み込み用のphpコード、ファイル作成
○1ヶ月間修正対応無料(大幅な変更等は別途ご相談ください。)
○稼働時間
深夜などを除き日中、夜間を問わず柔軟に対応させて頂きます。
急ぎのお仕事等も調整可能ですので、
お気軽にご希望をお聞かせください。
・安心感をご提供するコミュニケーション
・品質を担保する確実な納品
・守備範囲の広い柔軟な対応
を心がけております。
「こんなこと可能かな?」少しでも疑問がありましたら、
発注いただくか否かに関わらず
まずはご相談ください。
お話をお聞きして最善の方法をご提案させていただきます。
AI活用経験を活かし、すべての作業をAIで実施致します
業務内容
AIを駆使した高速・高品質な開発をお届けします
ご覧いただきありがとうございます。最新のAIツールを活用し、Web制作からシステム開発、業務自動化まで幅広く対応しているフリーランスです。
対応可能な業務
🌐 Web制作・開発
HTML / CSS / JavaScript によるコーディング・LP制作
React / Next.js / Vite を使ったWebアプリケーション開発
モダンで洗練されたUIデザイン(アニメーション・レスポンシブ対応)
SEO対策を考慮した構造設計
🤖 AI関連開発
ChatGPT / Claude API を活用したチャットボット・AIツール構築
カスタムGPTs の設計・構築
プロンプトエンジニアリング(業務特化型プロンプト設計)
AI画像生成(バナー・アイキャッチ・イラスト制作)
⚙️ 業務自動化・スクリプト開発
Google Apps Script(GAS)による業務効率化(スプレッドシート自動処理、自動通知、データ集計)
Python / JavaScript による自動化ツール開発
Webスクレイピング・データ収集の自動化
API連携によるシステム間データ連携
📝 コンテンツ制作
AI活用によるSEO記事の構成・執筆支援
技術ドキュメント・マニュアル作成
リサーチ・調査レポート作成
「AIで、ここまでできる」をお見せします
AI時代のワークフローで、従来の半分以下の時間と費用で高品質な成果物をお届けします。
AIを活用した提供サービス
サービス 内容 納期目安
Web制作 LP・コーポレートサイト・Webアプリ 最短3日〜
AI開発 チャットボット・GPTs・API連携 最短1週間〜
業務自動化 GAS・Python・スクレイピング 最短2日〜
AI画像制作 バナー・アイキャッチ・イラスト 最短即日〜
記事制作 SEO記事・技術記事・調査レポート 最短即日〜
プロンプト設計 業務特化プロンプト・GPTs構築 最短即日〜
なぜAI活用で差がつくのか
🚀 コーディングはAIアシスタントで高速開発
🎨 デザインは最新トレンドを取り入れたプレミアムUI
🔍 リサーチは網羅的かつ正確に自動収集
✅ 最終品質は必ず人間がチェック・調整
まずはお気軽にご相談ください。「こんなこともできる?」という質問だけでもお待ちしています。
強み
スピード対応:AI活用により、通常の2〜3倍のスピードで納品可能
高品質:AIの出力を人間がしっかりレビュー・調整し、品質を担保
幅広い対応力:フロントエンドからバックエンド、デザインからライティングまでワンストップで対応
ご相談・お見積もりだけでも大歓迎です。お気軽にメッセージください。
ホームページ・LPの制作代行【コーディング〜WordPress化まで対応】致します
業務内容
ご閲覧頂きありがとうございます
満席対応中でも制作のご相談はお受けしておりますのでお気軽にお問い合わせください
HTML/CSSでホームページ、ランディングページのコーディング作業を代行致します!
こんなお悩みはございませんか?
▼お悩み
・忙しくてコーディング作業ができない
・デザインはあるけど、コーディングができない
・時間と手間を掛けたくない
・依頼すると高そうだな…
→全て私にお任せください!!!
▼解決策
・コーディング作業の代行を致します
・デザインから忠実に再現致します
・丸投げOK!
・ご予算に合わせて安価に対応!
▼作業内容
・ HTML/CSSを用いた静的コーディング作業
(1ページ〜 複数ページまで制作致します)
・レスポンシブ対応
・CSSアニメーション
・JavaScript(jQuery)を用いたアニメーション実装(ハンバーガーメニュー、スライダー、スクロールアニメーション、アコーディオンなどお気軽にご相談ください)
・お問い合わせフォームの実装
・WordPress化(カスタム投稿・カスタムフィールドなどのカスタマイズまで幅広く対応します)
▼料金表
トップページのコーディング:10,000〜
下層ページのコーディング:8,000〜
LPコーディング:15,000〜
WordPress化:10,000〜
レスポンシブ込みの価格になります
まずは是非一度ご相談くださいませ
▼制作の流れ
1, ヒアリング&お見積り
2, お客様からデザインのご提供
3, コーディング&テスト
4, ご確認 、修正
5, 最終確認 、納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
▼制作例
・ホームページ
https://zukimaru.conohawing.com/ishii-kadan/
・ランディングページ
https://zukimaru.conohawing.com/your-coding/
・WordPress
https://zukimaru-log.com/engress/
※不具合等ございましたら、納品後であっても何度でも無料で修正対応をさせて頂きます
ご不明点等ございましたら、お気軽にお問い合わせください
【制作会社様向け】カンプに忠実かつ迅速なコーディング代行をいたします
業務内容
【対応可能な業務範囲】
・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日を基本となりますが、内容により前後いたしますのでまずはご相談ください
見やすいHTML/CSSコーディングでWebサイトを制作します
業務内容
あなたの想いを形にする、丁寧で見やすいHTML/CSSコーディングで、Webサイトを魅力的にしませんか?
このようなお悩みはありませんか?
Webサイトの見た目を改善したい、レスポンシブ対応にしたい、アニメーションで動きをつけたい、HTML/CSSコーディングを依頼したい。
発注の流れ
お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや、ページ構成、必要な機能などをお知らせください。参考になるWebサイトがあれば、URLをお伝えください。
要件定義
詳細なヒアリングを行い、要件を明確にします。必要に応じて、オンラインでの打ち合わせも可能です。
お見積もり・ご契約
要件定義に基づき、お見積もりをご提示いたします。料金や納期についてご納得いただけましたら、ご契約となります。
制作開始
HTML/CSSコーディングを開始します。進捗状況を随時ご報告いたします。
納品・修正
完成したWebページをご確認いただき、修正点があればご指摘ください。修正後、最終納品となります。
対応範囲・価格
基本コーディング:10,000円〜
HTML/CSSコーディング(1ページ): シンプルな構成のページ。
レスポンシブ対応:5,000円〜
レスポンシブ対応: PC、タブレット、スマートフォンなど、各種デバイスに最適化します。
アニメーション実装:3,000円〜
アニメーション実装: JavaScriptを用いて、Webページに動きをつけます(簡単なもの)。
サイト修正:5,000円〜
既存サイト修正: 既存のHTML/CSSを修正し、見た目や機能を改善します。
納期
要相談(案件の規模や内容によって異なります)
制作の流れ
企画・構成
お客様からいただいた情報をもとに、Webページの構成やデザインを検討します。
コーディング
HTML/CSSを用いて、Webページをコーディングします。見やすく、保守しやすいコードを心がけています。
実装
レスポンシブ対応やアニメーション実装を行います。
テスト
各種ブラウザで表示確認を行い、動作に問題がないかテストします。
修正
お客様にWebページをご確認いただき、ご要望に応じて修正を行います。
サービス内容
丁寧で見やすいHTML/CSSコーディングを低価格で提供します。レスポンシブ対応やアニメーション実装も可能です。まずはテスト案件からでも、お気軽にご相談ください。
Webサイトの見た目を良くしたいけど、どこに頼めばいいかわからない...そんなお悩みはありませんか?Satomiが、丁寧で見やすいHTML/CSSコーディングで、あなたのWebサイトを魅力的に変えます!レスポンシブ対応やアニメーション実装もお任せください。まずは、お気軽にご相談ください!
【yahooショッピング】PC・スマホトップページデザイン・コーディングます
業務内容
yahooショッピングトップページリニューアル(デザイン・コーディング)を行います。
yahooショッピングでデザイン、商品登録、各店舗間の商品情報変換、立ち上げ、運営、更新を得意としております。
店舗様のご要望に合わせてフルオーダーにてデザイン制作を承ります。
戦略、アドバイス、扱い方、広告等のアドバイスも可能です。
■制作内容
・Yahooトリプル用TOPページ制作(PC/スマホ)
※上記内容内容次第では金額・納期は上下する場合がございます。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。