【安心価格】実績豊富なコーダーが大事なデザインを丁寧に実装いたします
業務内容
数あるサービスの中からご覧いただきありがとうございます。
フリーランスでWEB制作を行っております、及川と申します。
当サービスでは、ご提供いただいたデザインカンプからのコーディング〜サイト公開までを一貫して承っております。
※GA等の分析はサービスに含まれておりません。ご了承ください。
【 こんな方におすすめ 】
・コーディングのリソースが足りていない
・すぐにコミュニケーションが取れるコーダーが欲しい
・今あるLPのコンテンツを更新可能な構成にして欲しい
【 強み・特徴 】
・即返信でスムーズなコミュニケーション
・デザイン意図を汲み取ったコーディング
・更新のしやすさを考えたWordPress化
・更新マニュアル付き納品(更新が必要なコンテンツがある場合)
制作会社様や企業様からお仕事をいただいているコーダーが、デザインカンプに忠実なコーディングを行います。
見た目の再現だけでなく、レスポンシブ時の表示崩れの防止や動的コンテンツ部分の崩れの防止まで想定して実装いたします。
更新が必要な箇所は事前に伺い、簡単に更新できる作りで実装。
納品時にはマニュアルの送付とご要望がございましたら無料でレクチャーもおこなっております。
安心してLPを運用できるよう、納品後の操作に関するサポートもおこなっておりますのでご安心ください。
ページ数や構成についても柔軟に対応可能です。まずはお気軽にご相談ください。
【 制作内容 】
・HTML / CSS / JavaScriptによるコーディング
・レスポンシブ対応
・WordPress構築(オリジナルテーマ)
【 制作の流れ 】
① ヒアリング・お見積もり
→まずはお気軽にご連絡ください。ヒアリングを行ったのちに制作ボリュームに合わせたお見積もりを提示いたします。
②ご契約・制作開始
→ランサーズにてご契約・仮払いまで済みましたら制作を開始いたします。
③ デザインカンプの共有
④ コーディング開始
⑥ 進捗ごとにご確認・ご報告
⑦ テスト環境にて全体確認
⑧ 修正対応 → 最終確認
⑨ サイト公開にて納品
【 基本料金 】
◯既存サイトの一部修正や追加コーディング
・コーディング 15,000円
※ボリュームにより増減します。事前のお見積もり依頼をお願いいたします。
◯LPorトップページのみ 40,000円
◯LP(12000px以上) 60,000円
※ページ数や構成、機能によりお見積もりが変動いたします。事前のお見積もり依頼をお願いいたします。
【 無料対応 】
・プライバシーポリシー
・404ページ
・お問い合わせサンクスページ
・無料セキュリティ対策
-SiteGuard
-Google reCAPTCHA v3
【 お客様にご用意いただくもの 】
・デザインカンプ(Figma・Photoshop・Illustrator・XDのいずれかで共有ください)
→テキストデータがコピペできる状態で共有ください
・ロゴデータ(もしあればご共有ください)
・使用画像(デザインカンプから書き出しできる状態でしたら別途でご用意は不要です)
・サーバー・ドメイン
・FTP情報
・WordPress登録用メールアドレス
・meta情報(サイト名・サイトの説明・サイトの検索キーワードなど)
その他お問い合わせフォームを作成する場合などにはご連絡用のメールアドレスを共有いただくことがございます。
ご協力をお願いいたします。
【 最後に 】
これまでにHP、LP含め数十件の制作に携わってまいりました。
実装にあたり、デザインカンプを丁寧に再現することはもちろん、実際に更新する方の負担ができるだけ少なくなるようなわかりやすい実装になることを心がけております。
プロフィールにこれまでの実績も掲載しておりますのでよろしければご参考ください。
ご相談、お見積もりは無料ですのでぜひお気軽にご連絡くださいませ。
Wordpressプロの視点で、結果につながるホームページWEBサイトを制作します
業務内容
パッケージをご覧いただき、ありがとうございます。
フリーランスのフロントエンドエンジニア・デザイナーの竹山 と申します。
札幌のシステム開発会社で約10年間、WEB制作を一貫して担当してきました。
現在はフリーランスとして4年目となり、
大手企業サイトから自治体・メーカー・個人事業主様のサイトまで、幅広く制作を行っています。
現在は、より良いWEBサイト制作のため、ブランディングやデザイン経営・UI/UXデザインを学んでおります。
●サービスの特徴
・低予算かつ短納期で高品質な制作が可能です。
・SEO上位実績の高い、高品質なオリジナルテンプレートを使用します。
・わかりやすい、Wordpressの更新マニュアルもお付けします。
●共通の機能
・スマホ対応
・基本的な内部SEO対策(集客・検索上位表示対策)
・SNSリンク
・GoogleマップやYouTubeの埋め込み
●スタンダードプラン以上共通の機能
・Wordpress導入、初期設定
・お知らせ投稿・更新機能
・オリジナルお問い合わせフォーム
・セキュリティ対策
■直近の実績
・北海道鍼灸師会
https://www.shin-kyu.net/
・エステサロン
https://salon-mano.jp/
・サプリメント販売(EC-CUBE)
https://senjudo.jp/antroquinonol/
◎ポートフォリオ
https://takeyama.site/
■ご契約後の流れ
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、お見積もり金額お伝えさせていただきます。
②仮払い・素材のご提供
お見積もり金額にご了承頂けましたら、ご契約とさせていただきます。
仮払いをしていただき、素材の受け渡し等を進めさせていただきます。
③ワイヤーフレーム(サイトの枠組み)を作成し、レイアウト等のすり合わせをいたします。
④デザイン案を提出(3回まで無料対応)修正があれば対応いたします。
⑤最終確認
⑥本番環境で公開(納品)
Webの知識が無くても問題ございません。
Wordpressの操作・管理マニュアルをお付けいたしますので簡単に更新いただけます。
(※デザインの編集は、HTML・CSSの知識が必要となります)
お気軽に、見積もり依頼からお問い合わせください。
【10年の実績】高品質なレスポンシブHTML・CSSコーディングを迅速に提供します
業務内容
ズレのない美しさと圧倒的な軽さ。10年超のプロが仕立てる最高品質コーディング。
このようなお悩みはありませんか?
・デザイン通りのレスポンシブ実装ができない
・表示速度が遅く、Googleの評価やCVRが低下している
・急ぎの案件に対応できる信頼性の高いフロントエンドエンジニアを探している
発注の流れ
-
お問い合わせとヒアリング
ランサーズのメッセージ機能よりデザインデータや要件をお送りください。内容を確認し、お見積もりをご提示します。 -
ご契約と仮払い
お見積もりにご納得いただけましたら、ランサーズ上でご契約手続きと仮払いをお願いいたします。 -
制作開始
仮払いの完了が確認され次第、コーディング作業を開始いたします。 -
テスト環境でのご確認
当方のテスト環境等で、挙動やデザイン崩れがないかを実機および各ブラウザにてご確認いただきます。 -
納品・完了
問題がなければファイルを納品いたします。ランサーズ上でのお支払い手続きと相互評価を行い、お取引完了となります。
対応範囲・価格
ベーシックプラン(LPまたは下層1P):15,000円
デザインデータを忠実に再現する、シンプルな1ページのHTML/CSSコーディング。もちろんスマホ表示に完全対応します。
スタンダードプラン(サイト3P構成):40,000円
トップ+下層2ページの計3ページをコーディング。お問い合わせフォームの設置やSass、JSによる動きの実装も含みます。
プレミアムプラン(サイト6P構成):80,000円
ボリュームのある最大6ページまでのコーディング。高度なギミックや、表示速度最適化、SEOマークアップを極限まで突き詰めます。
納期
ご契約(仮払い)後、通常3〜14日以内に納品いたします(プランやページ数により異なります)。
制作の流れ
仕様確認と環境構築
デザインデータを細部まで分析し、最適なマークアップ規約を設計。Sassやビルド環境を整えます。
HTML/CSS実装とJS構築
FlexboxやCSS Gridを用い、全端末で崩れないレスポンシブコードを記述。必要なアニメーションも組み込みます。
最適化とクロスブラウザ検証
表示速度向上のための最適化(画像遅延読み込み、コード軽量化)を行い、ChromeやSafari等で厳密に検証します。
サービス内容
フロントエンド開発歴10年以上の技術力を活かし、デザインを忠実に再現した、表示速度の速い高品質なWebサイトを構築します。HTML5/CSS3(Sass)の適切なセマンティックマークアップによるSEO効果の最大化、JavaScriptを用いた快適なアニメーション実装、送信エラーのない安心のお問い合わせフォーム実装など、お客様の制作案件を強力にサポートいたします。ランサーズの正規フローに則り、ビデオ通話やメッセージでの丁寧なコミュニケーションをお約束します。
「デザイン通りに美しく実装されない」「表示速度が遅くて困っている」「スマホ表示が崩れてしまう」といったWeb制作のお悩みはございませんか? Web開発歴10年以上の実績を持つ私が、HTML5/CSS3(Sass)およびJavaScriptを用いた高品質なコーディング代行をご提供します。FlexboxやCSS Gridを駆使したズレのないレスポンシブ対応はもちろん、SEOを意識したマークアップ、Google PageSpeed Insightsでの高得点を意識した表示速度最適化、クロスブラウザ対応まで一貫して対応いたします。お問い合わせフォームの実装や動きのあるギミック、既存コードの修正対応もお任せください。進行や進捗共有はすべてランサーズ上のメッセージ機能で行いますので、安心安全にお取引いただけます。まずは詳細をご相談ください。
【英語対応】海外向けホームページの翻訳からコーディングまで一括で承ります
業務内容
英語の壁を技術で超える!翻訳からコーディングまで一挙に解決する多言語Web制作
このようなお悩みはありませんか?
海外市場へ進出したいが英語対応サイトの作り方がわからない、翻訳会社とWeb制作会社へ別々に依頼するとコストやコミュニケーションの手間がかかる、といったIT・英語に関するお悩みを解決します。
発注の流れ
-
ランサーズ上でのご相談
「メッセージ」またはランサーズの「ビデオ通話機能」にて、ご希望のサイト構成、翻訳する原稿の有無、納期についてお伺いします。 -
お見積りと仮払い
ヒアリング内容に基づき最適なプランを提案し、お見積りを作成します。ご納得いただけましたら、ランサーズ上での仮払いをお願いいたします。 -
翻訳およびWeb制作の開始
仮払い確認後、翻訳と並行してWebサイトのデザイン・コーディング制作を開始します。進捗はこまめにご連絡します。
対応範囲・価格
翻訳&一部修正プラン:15,000円〜
既存の日本語Webサイト(1ページ分)を英語に翻訳し、HTMLテキストの差し替えや一部表示調整を承ります。
英語LP新規制作プラン:45,000円〜
英語ランディングページ1ページ分の翻訳・コーディング・デザインを行い、海外ユーザー向けに最適化したLPを制作します。
多言語サイト構築プラン:95,000円〜
3〜5ページ程度の海外向けホームページを制作します。翻訳からデザイン、HTML/CSSの実装まで一元対応します。
納期
ご契約後、約7日〜30日(プランによる)
制作の流れ
原稿翻訳と構成案の作成
提供いただいた日本語原稿を自然な英語に翻訳し、Webサイトのレイアウト構成案を作成・ご確認いただきます。
コーディングとデザイン実装
構成案に沿って、HTML/CSS/JavaScriptを用いたコーディング作業を進め、ブラウザでの表示調整を行います。
最終確認と納品
仮環境にて実機確認を行っていただき、問題がなければサーバーへアップロード、またはファイルを納品して完了となります。
サービス内容
本サービスは、英検1級・TOEFL113点の高度な英語力と、HTML/CSSコーディングの実践スキルを掛け合わせ、海外向けのWebサイト構築・翻訳を一元対応するパッケージです。翻訳者とエンジニアを個別に手配する手間を省き、シームレスで伝わる英語サイトを低コストでスピーディに構築します。
海外へ向けた情報発信や、英語でのホームページ制作でお困りではありませんか?「英語の翻訳とWeb制作を別々の業者に頼むとコストがかかる」「ニュアンスが正しく伝わるか不安」といった課題を解決します。私は英検1級(TOEFL 113点、IELTS 8.0)の高度な英語力と、HTML/CSS/JavaScriptを用いたWebコーディング技術を兼ね備えています。これにより、翻訳からWeb構築までワンストップで対応し、コストと手間を大幅に削減します。ただ直訳するだけでなく、海外のユーザーに響く自然な表現と、使いやすいWebデザインを両立させます。まずは「メッセージ」より、お気軽にご相談ください。
【工務店・建設会社向け】AIを活用して集客につながるホームページを制作します
業務内容
【工務店・建設会社向け】AIを活用して集客につながるホームページを制作します
このようなお悩みはありませんか?
・ホームページが古く、会社の魅力が伝わらない
・建設業らしいデザインや構成にしたい
・お問い合わせや採用につながるホームページが欲しい
・SNSやLINEと連携して集客したい
・初めてホームページを作るので何から始めればいいか分からない
そんな工務店・建設会社様をサポートいたします。
★発注の流れ
① ヒアリング
ランサーズのメッセージにて、ホームページの目的やターゲット、ご希望のデザインなどを丁寧にヒアリングします。
② 構成・デザイン提案
ヒアリング内容をもとに、サイト構成やデザインの方向性をご提案します。
③ 制作開始
HTML・CSS・JavaScriptを使用し、AIを活用しながらスピーディーに制作を進めます。
④ 修正・確認
テスト環境でご確認いただき、ご要望に応じて修正を行います。
⑤ 納品・公開
プラン内容に応じてデータ納品、またはサーバーへの公開作業まで対応いたします。
★プラン内容
【ライト】30,000円
トップページ(またはLP)を制作します。
HTML・CSS・JavaScriptのデータ納品となります。
【標準】60,000円
トップページ+下層3ページを制作します。
サーバーへの公開・独自ドメイン設定まで対応します。
【集客重視】90,000円
トップページ+下層5ページを制作します。
公開設定に加え、LINE導線設計やSNSとの連携まで対応します。
《納期》
ライト:14日
標準:21日
集客重視:30日
※内容により前後する場合があります。
★サービス内容
現在、建設会社で広報・ホームページ更新・SNS運用を担当しています。その経験を活かし、工務店・建設会社様の魅力が伝わるホームページを制作いたします。
AI(ChatGPT・Claude Code)を活用しながら、HTML・CSS・JavaScriptで軽量かつオリジナルのホームページを制作。デザインだけでなく、お問い合わせにつながる導線や見やすい構成も意識しています。
ホームページ制作が初めての方にも安心してご依頼いただけるよう、ヒアリングから納品まで丁寧にサポートいたします。
デザイン支給でHTML/CSSコーディング・WordPress化を承ります
業務内容
▼こんな方に向いています
・デザインはできているので、コーディングだけをお願いしたい
・制作会社・デザイナーの方で、実装を外部に回したい
・LPを公開したいが、HTMLにできる人がいない
・コーディング後にWordPressで更新できる形にしたい
▼対応できるデザイン形式
Figma・Adobe XD・Photoshop(PSD)・Illustrator(AI)・画像(JPG/PNG)・PDF
※画像やPDFの場合は、フォント・余白・色コードを別途ご共有いただけると再現度が上がります。
▼対応できること
・HTML/CSSコーディング(セマンティックな見出し構造)
・レスポンシブ対応(PC/タブレット/スマホ)
・簡単な動き(アコーディオン・スライダー・スクロール連動)
・お問い合わせフォームの設置
・WordPress化(固定ページ・投稿・管理画面からの編集)
・サーバーへのアップロード・公開作業
▼進め方
- デザインを拝見し、対応範囲と作業量を先に確定させていただきます
- コーディング後、PC・スマホの表示を確認してご提出します
- ご確認いただき、修正に対応します
- 問題なければファイル一式を納品します
▼見積りを先に確定させます
コーディングは、セクション数と動きの有無で作業量がはっきり決まります。
そのため、着手前にデザインを拝見して対応範囲を確定させていただきます。
途中で追加費用が発生しにくい進め方を心がけています。
▼制作だけでなく、自分でも運営しています
Web制作20年です。現在も自社でWordPress/SWELLのサイトを50以上運営し、
GA4・Search Console で数字を見ながら更新しています。
そのため、公開したあとに崩れやすい箇所や、後から更新するときに困る作り方を避けて実装できます。
▼ご用意いただきたいもの
・デザインデータ(上記形式のいずれか)
・使用する画像・フォントの情報
・公開作業がある場合はサーバーまたはWordPressのアクセス権
▼対応が難しいこと
・デザインの新規制作(デザインからご希望の場合は別パッケージでご相談ください)
・複雑なアニメーション・3D表現
・システム開発を伴う実装(会員機能・決済等)
稼働は平日2〜5時間、休日5時間です。連絡は毎日確認し、進捗をこまめにお伝えします。
まずはデザインを拝見してのお見積もりだけでも構いません。お気軽にご相談ください。
【レスポンシブ対応込】完成デザインからホームページ・LPコーディング代行いたします
業務内容
完成デザインを、ホームページ・ランディングページに実装いたします。
レスポンシブ対応・WordPress構築まで対応可能です。
コーディング業務の外注先をお探しのデザイナー・制作会社様、お気軽にご相談ください。
■ こんな方におすすめです
・完成したデザインデータをすでに持っていて、コーディングできる人を探している方
・コーディング業務の外注先をお探しの方
■ サービス内容
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応(スマホ・タブレット・PC対応)
・ハンバーガーメニュー等のJavaScript(jQuery)を用いたアニメーション実装
・WordPress構築(Snow Monkey / オリジナルテーマ)
・WordPressカスタマイズ(カスタム投稿・カスタムフィールド 等)
・HTMLサイト / STUDIO / Wixなどから WordPressへの作り替え
■ コーディング料金(レスポンシブ対応込)
・トップページ:20,000円~
・下層ページ(1P):6,000円~
・LPコーディング:40,000円~
※6000pxまでの料金です。
以降、3000px毎に+10,000円
【オプション】
・基本的なJavaScript:3,000円~
・お問い合わせ機能:要相談
※ 税別価格です。
※上記を基本料金として、デザイン内容、実装内容により追加料金をいただく可能性がございます。
■ WordPress実装
・WordPress構築(SnowMonkey利用):+80,000円~
・WordPress構築(完全オリジナルテーマ制作):+210,000円~
※ Snow Monkey実装では仕様上の制限があり、デザインを再現できない場合はデザインの意図を保ちつつ一部変更させていただく場合がございます。
■ 無料対応
・レスポンシブ対応
・ハンバーガーメニュー
・TOPに戻るボタン(デザインにある場合)
・基本的なSEO対策(メタ設定)
■ 納品方法
・Zipファイルにて送付
・サーバーへのアップロード
※サーバへのアップロードご希望の場合は、FTP情報共有をお願いします。
■ 納期
着手から 4日~
※ページのボリュームや作業の空き状況によって異なります。
■ 修正について
・初回デザインとの差異による修正は、納品前まで無制限で対応いたします。
※Snow Monkey実装の場合は仕様上の制約により、対応できない修正がございます。
・大幅なデザインの変更を伴う修正は、別途料金が発生します。
デザイン意図に忠実に、丁寧にコーディングいたします。
まずはお気軽にご相談ください。
【コーディング対応】HTML/CSS WordPress 土日祝も承ります
業務内容
経験17年のWeb制作者です。土日祝も対応。お気軽にご相談ください
■■■■ こんなお悩みはありませんか? ■■■■
- 急な案件!人手が足りない!
- 納期に間に合うか不安!?
- デザインカンプを再現したい!
- コーディングの品質にこだわりたい!
- 土日祝も対応できるコーダーを探している
そのお悩み、お任せください。
■■■■ ご発注から納品までの流れ ■■■■
① お問い合わせ
メッセージにてご相談ください。
→ ヒアリングとしてご希望の内容・ご予算・納期の確認させていただきます。
② お見積もり・ご提案
ヒアリング内容やデザインカンプ・素材をご共有ください。
→ ご共有データに沿った最適なお見積もりを提示いたします。
③ ご契約・仮払い
内容にご納得できましたらいただけましたら
仮払いをお願いいたします。
④ 制作開始
素材・デザインデータ※をご支給ください。
→ 制作を開始します。
⑤ 確認
初稿提出データをテスト環境にてご確認お願いします。
修正が必要な場合は対応いたします(3回程度)。
⑥ 納品
最終納品(ファイル一式 or 環境反映)をご確認ください。
→ こちらで完了となります。
=============
過去に在籍しておりました広告代理店・制作会社での経験と
フリーランスとしての実績を活かして案件に取り組ませていただきます。
「急ぎの案件で人手が足りない」
「品質を落とさずにスピードも担保したい」
そんな場面で、即戦力としてお役に立てられればと考えております。
これまで17年以上、Web制作に携わり
現在はフリーランスとして多数の案件を担当してきました。
時代に合わせた技術・価格設定に柔軟に対応していきます。
まずはお気軽にご相談ください。
ご状況に合わせて、最適な形でサポートいたします。
FigmaデザインからLP・小規模サイトをHTML/CSSでコーディングします
業務内容
Figmaデザインをもとに、丁寧で崩れにくいHTML/CSSコーディングを行います
このようなお悩みはありませんか?
Figmaで作成したデザインはあるものの、HTML/CSSでコーディングできる人がいない。
デザインの見た目をできるだけ再現しつつ、スマートフォンでも見やすく表示したい。
LPや小規模サイトを、丁寧にHTML化してくれるコーダーを探している。
このようなお悩みに、実務経験を活かした丁寧なHTML/CSSコーディングで対応いたします。
対応範囲・価格
ベーシック:15,000円
Figmaデザイン1ページをもとに、HTML/CSSでコーディングします。
LPの一部やシンプルな1ページ構成におすすめです。
スタンダード:30,000円
Figmaデザインをもとに、トップページ+下層1〜2ページ程度の小規模サイトを制作します。
共通ヘッダー・フッターの作成やレスポンシブ対応も含めて対応します。
プレミアム:50,000円
Figmaデザインをもとに、トップページ+下層3〜5ページ程度の小規模ホームページを制作します。
複数ページでも統一感のある構成になるよう、共通パーツを整理しながら丁寧にコーディングします。
納期
- ベーシック:5日程度
- スタンダード:10日程度
- プレミアム:14日程度
※ページ数、デザインの複雑さ、素材の準備状況、アニメーションの有無により前後する場合があります。
発注の流れ
1. お問い合わせ・ヒアリング
ランサーズのメッセージ機能にて、Figmaデザインの内容、ページ数、希望納期、対応範囲を確認いたします。
2. お見積りとプランのご提案
ご提示いただいたFigmaデザインを確認し、適切なプラン、納期、必要に応じたオプションをご提案します。
3. 仮払いと作業開始
ランサーズ上で仮払いのお手続きをいただき、確認が取れ次第、コーディングを開始いたします。
4. 確認・修正対応
作成したページをご確認いただき、プラン内の修正回数に応じて調整を行います。
5. 納品
HTML/CSSファイル一式を納品いたします。
ご希望がある場合は、事前相談のうえでサーバー反映にも対応いたします。
制作の流れ
1. Figmaデザイン・素材確認
支給いただいたFigmaデザインを確認し、必要な画像、テキスト、余白、レスポンシブ時の見え方を整理します。
2. HTML/CSSコーディング
デザインの構造を読み取り、メンテナンスしやすいHTML/CSSで丁寧にコーディングします。
3. レスポンシブ対応
PC・スマートフォンで見やすく表示されるよう、画面幅に応じたレイアウト調整を行います。
4. 表示確認・調整
Windows環境およびスマートフォンで表示確認を行い、レイアウト崩れがないか確認・調整します。
5. 納品
HTML、CSS、画像ファイルなど、必要なデータをまとめて納品します。
オプションについて
簡単なhover表現は基本料金内で対応いたします。
フェードイン、ハンバーガーメニュー、アコーディオン、モーダル、スライダーなどの動きが必要な場合は、内容に応じてオプションまたは別途お見積もりとなります。
サービス内容
HTML/CSSを用いた経験を活かし、FigmaデザインをもとにしたHTML/CSSコーディングを承ります。
デザインの見た目をできるだけ丁寧に再現しながら、スマートフォンでも見やすく、後から修正しやすいコードになるよう意識して制作いたします。
LP、トップページ、下層ページを含む小規模サイトなど、静的なWebページのコーディングに対応可能です。
「デザインはあるのでコーディングだけお願いしたい」「スマホ表示まで整えてほしい」「小規模サイトをHTML/CSSで制作してほしい」といったご要望に、丁寧なコミュニケーションで対応いたします。
まずはFigmaデザインの内容を確認したうえで、対応範囲や納期をご提案いたします。
お気軽にご相談ください。
既存Webサイトの修正・更新・表示崩れ修正を丁寧に承ります
業務内容
既存Webサイトの修正・更新・表示崩れ修正に対応します
既存Webサイトの文字修正、画像差し替え、リンク修正、HTML/CSSの調整、スマートフォン表示の崩れ修正などに対応いたします。
Webサイト運用の実務経験を活かし、作業前後の確認・表示チェック・わかりやすい報告を大切にしています。
「少しだけ直したい」
「スマホで表示が崩れている」
「更新作業を任せたい」
といったお困りごとがありましたら、お気軽にご相談ください。
このようなお悩みはありませんか?
- サイトの文字や画像を少しだけ修正したい
- リンク先やボタンのURLを変更したい
- スマートフォンで見たときに表示が崩れている
- 余白やレイアウトのズレを調整したい
- 既存ページの一部だけを更新したい
- 更新作業を安心して任せられる相手を探している
対応できること
- テキスト修正
- 画像差し替え
- リンク修正
- ボタンやバナーの差し替え
- HTML/CSSの軽微な修正
- 余白、幅、配置などのレイアウト調整
- スマートフォン表示の崩れ修正
- 既存ページの一部更新
- 公開前後の表示確認
※WordPress、CMS、JavaScript修正、複数ページ対応などは、内容を確認のうえ対応可否を判断いたします。
料金プラン
ベーシック
文字修正・画像差し替え・リンク修正など、既存Webサイトの軽微な修正に対応します。
目安:
1ページ内の軽微な修正、または1〜3箇所程度の小さな修正
スタンダード
文字・画像の更新に加え、余白調整・レイアウト調整・軽微な表示崩れ修正に対応します。
目安:
1ページ内の複数箇所修正、またはHTML/CSSの調整を含む修正
プレミアム
スマホ表示の崩れ、レスポンシブ調整、複数ページにまたがる修正・更新に対応します。
目安:
2〜3ページ程度、またはPC・スマホ両方の表示確認を含む修正
※修正内容やページ数、既存コードの状態により作業量が変わるため、事前に内容を確認のうえお見積りいたします。
発注の流れ
1. お問い合わせ・内容確認
ランサーズのメッセージ機能より、修正対象URL、修正したい内容、参考画像や資料などをご共有ください。
2. 作業内容の確認・お見積り
修正箇所や既存コードの状態を確認し、対応可否・作業範囲・納期・お見積りをご案内します。
3. 仮払い・作業開始
ランサーズ上で仮払いが完了したことを確認後、作業を開始いたします。
4. 実装・表示確認
HTML/CSSの修正や画像差し替えなどを行い、PC・スマートフォンでの表示確認を行います。
5. ご確認・修正対応
作業後の内容をご確認いただき、必要に応じて調整いたします。
6. 納品・完了
ファイル納品、またはご指定の方法で納品し、取引完了となります。
納期の目安
- 軽微な修正:3日程度
- 表示調整を含む修正:5日程度
- スマホ表示や複数ページ対応:7日程度
お急ぎの場合は、オプションにて「24時間以内の初回対応」も承ります。
※24時間以内の納品をお約束するものではありません。内容確認・初回返信・作業着手を優先して行うオプションです。
ご依頼前にご確認ください
ご相談時には、以下の内容をご共有いただけますとスムーズです。
- 修正対象のURL
- 修正したい箇所
- 希望する修正内容
- 差し替え用の文章、画像、リンク先URL
- 参考画像やスクリーンショット
- ご希望の納期
ログイン情報やサーバー情報が必要な場合は、作業開始後に安全な方法でご共有ください。
既存コードの状態や使用しているシステムによっては、対応が難しい場合があります。
その場合も、確認した内容をもとに可能な範囲をご案内いたします。
大切にしていること
小さな修正でも、作業前後の確認を丁寧に行います。
単に指定箇所を直すだけでなく、表示の崩れ、リンク先の違和感、PC・スマートフォンでの見え方にも気を配りながら対応します。
Webサイト運用の実務経験を活かし、安心して任せられる修正・更新対応を心がけています。
【Figma・XD対応】デザイン通り美しくHTMLコーディングします
業務内容
13年の開発実績を持つプロが、Figmaデザインを寸分違わず美しくコーディングします
このようなお悩みはありませんか?
「手元のデザイン通りにブラウザで表示させたい」「スマホ表示の崩れを防ぎたい」「後の改修がしやすい綺麗なソースコードで構築してほしい」といった、コーディングの品質と信頼性に関するお悩みを解決します。
発注の流れ
-
ランサーズメッセージからのお問い合わせ
デザインデータの有無や、全体のボリューム、ご希望の納期などを簡単にお知らせください。 -
ヒアリングとお見積り
詳細な仕様(レスポンシブ要件、動きの有無)を伺い、最適なプランをご提案させていただきます。 -
仮払い手続き
お見積り内容に問題がございませんでしたら、ランサーズ上で仮払いの手続きを行っていただきます。 -
コーディング作業開始
仮払いの完了と必要なデータの提供が揃い次第、速やかにコーディングの実装に入ります。
対応範囲・価格
手軽に頼める1ページプラン:10,000円
シンプルなLPやシングルページのコーディングを、レスポンシブ対応付きでお手軽にご提供します。
動きありLP・複数ページプラン:30,000円
動きのあるパーツ(スライダー等)を含むLPや、複数ページのコーディングをお求めやすい価格で対応します。
ボリュームのあるサイト向けプラン:60,000円
下層5ページまでのコーディングと、リッチなJavaScript演出を含んだ本格的なコーディングを提供します。
納期
5日〜14日
制作の流れ
-
デザイン分析とマークアップ設計
いただいたデザインを分析し、保守性の高いCSS設計(BEM等の手法)のもと骨組みを作ります。 -
レスポンシブ&JavaScript実装
スマホ・PC各画面幅での見栄えを調整し、必要に応じてアニメーションなどの動的ギミックを実装します。 -
ブラウザチェックと最終検証
各種主要ブラウザ(Chrome, Safari等)や実機にて表示崩れや挙動不審がないか徹底検証します。 -
テスト環境確認と納品
テスト環境にてコードを共有し、ご確認をいただいたうえで最終納品いたします。
サービス内容
FigmaやAdobe XDなどのWebデザインを、そのまま忠実にWebページとして表現するHTML・CSSコーディング代行サービスです。13年以上の開発キャリアを持つプロとして、単に見た目を作るだけでなく、読み込み速度の高速化やSEOフレンドリーなマークアップ、そして後から修正しやすい綺麗で規則的なソースコードを心がけています。レスポンシブ対応、JavaScript(jQueryやVanilla JS)による動的演出もプラン内でカバーし、確実な表示確認まで責任を持って行います。
せっかくのデザインが崩れてしまう、スマホ対応が不自然、修正しづらいコードで困っている、といったお悩みはありませんか?Webシステム開発13年以上の実績を持つ開発者が、FigmaやAdobe XD、Photoshopなどのデザインカンプに忠実で、かつ後の運用・改修がスムーズに行える高品質なHTML/CSS/JavaScriptコーディングをご提供します。単に見た目を再現するだけでなく、表示速度やSEOフレンドリーな構造、主要ブラウザでの互換性を徹底的に意識して実装します。動きのあるパーツ(スライダー、アコーディオンなど)もお任せください。「ここに依頼して良かった」と思っていただけるよう、迅速かつ丁寧なコミュニケーションでサポートいたします。まずはランサーズのメッセージ機能よりお気軽にご相談ください。
【店舗向け】AIとプロの技術で集客力のあるホームページを制作します
業務内容
AIと法人品質で、企業・店舗の魅力が伝わるホームページを制作します
このようなお悩みはありませんか?
ホームページを作りたいが予算を抑えたい、集客につながるデザインがわからない、
初めての制作で専門知識がなく不安、といった課題を解決します。
発注の流れ
-
メッセージよりご相談
ランサーズのメッセージ機能より、ご希望・イメージ・ご予算をお聞かせください。 -
ヒアリングシートのご提出
ご契約・仮払い後に専用のヒアリングシートをお送りします。
内容をご記入いただいてから制作をスタートします。 -
制作・確認・納品
制作完了後にご確認いただき、修正対応(プランの回数内)を経て納品します。
修正のご連絡は公式LINEにて承ります。
対応範囲・価格
ベーシック:¥80,000
5ページ以内のHTML制作。スマホ対応・お問い合わせフォーム込み。
スタンダード:¥140,000
8ページまでのオリジナルデザイン制作。集客導線を設計した本格HP。
Pro:¥250,000〜
10ページ以上の本格制作。要件に応じてお見積りします。
納期
ベーシック:約1週間 / スタンダード:約2週間 / Pro:約3週間
(素材・ヒアリングシートのご提出後よりカウント)
制作の流れ
-
ヒアリング・構成作成
ご提出いただいたヒアリングシートをもとに、
AIを活用して最適なサイト構成案を迅速に作成・ご提案します。 -
デザイン・コーディング
法人チームがHTML/CSSを用いて、スマホ対応・基本的なSEO設定込みで仕上げます。 -
確認・修正・納品
制作物をご確認いただき、プランの修正回数内で調整後、納品データをお渡しします。
サービス内容
株式会社クリエイツは、東京・神田に拠点を置くWeb制作法人です。
AIを活用した効率的な制作フローにより、スピードと品質を両立した
ホームページ制作を¥80,000〜ご提供しています。
「予算を抑えながら本格的なサイトが欲しい」「集客につながるデザインがわからない」
そのようなお悩みをお持ちの飲食店・店舗オーナー様に選ばれています。
個人フリーランスにはない法人としての安定した品質管理・納期対応に加え、
全プランでスマホ対応・ドメイン・サーバー費用無料でご提供します。
(※.comドメイン限定)
請求書・インボイス発行にも対応しており、法人のお客様にも安心してご依頼いただけます。
まずはランサーズのメッセージ機能からお気軽にご相談ください。
制作会社での実務経験を活かし、デザインを忠実にコーディングします
業務内容
制作会社での実務経験を活かし、保守性を意識した高品質なコーディングを行います。
「デザイン通りに実装したい」
「更新しやすいコードで構築したい」
「既存サイトの修正を頼みたい」
そんなWeb制作のお悩みに、フロントエンドエンジニアとして対応いたします。
Web制作会社にて3年間、フロントエンドエンジニアとして実務を経験しており、コーポレートサイトやLPなどのコーディング業務に携わってきました。
デザインデータからのHTML/CSSコーディングはもちろん、レスポンシブ対応、JavaScript実装、表示速度改善対応まで柔軟に対応可能です。
対応内容
■ 既存サイト修正・軽微な改修
10,000円〜
テキスト変更、画像差し替え、レイアウト調整、レスポンシブ対応、デザイン崩れ修正など、既存サイトの正に対応いたします。
■ LP・1ページサイト コーディング
25,000円〜
デザインデータをもとに、レスポンシブ対応を含めたコーディングを行います。
■ 複数ページサイト コーディング
80,000円〜
複数ページのコーポレートサイトやサービスサイトのコーディングに対応いたします。
保守性・更新性を意識した実装を行います。
対応ページ数に応じて、お値段の相談可能です。
対応について
平日・休日問わず、できる限り迅速な返信を心がけております。
制作会社での実務経験を活かし、円滑なコミュニケーションと丁寧な対応を意識して進行いたします。
まずはお気軽にご相談ください。
AI活用とHTML/CSSでLP・Webサイトを制作します
業務内容
AIを活用したWebサイト・LP制作を丁寧にサポートします
HTML/CSSを用いたシンプルで見やすいWebサイト・LP制作を承ります。
AIを活用した文章作成や画像素材の生成も組み合わせ、できるだけ素材準備の負担を減らしながら、ご希望に沿ったWebサイトを制作いたします。
レスポンシブ(スマートフォン・タブレット)対応を標準で行い、丁寧なコミュニケーションを大切に制作を進めます。
⸻
このようなお悩みはありませんか?
- WebサイトやLPを作りたいけれど何から始めればいいかわからない
- 原稿や画像素材を準備する時間がない
- できるだけ費用を抑えて制作したい
- スマートフォンでも見やすいサイトを作りたい
- 制作中も相談しながら安心して進めたい
そのような方に向けて、一つひとつ丁寧に対応いたします。
⸻
ご依頼の流れ
① ご相談
まずはランサーズのメッセージよりお気軽にご相談ください。
サイトのイメージ、ご予算、納期などをお伺いします。
② お見積り・ご購入
内容を確認し、お見積りをご提示いたします。
ご納得いただけましたら仮払い後に制作を開始いたします。
③ 制作
HTML/CSSを中心に制作を進めます。
必要に応じてAIを活用し、文章や画像素材の作成もサポートいたします。
④ ご確認・修正
完成後、ご確認いただき、修正点がございましたら対応いたします。
⑤ 納品
最終確認後、納品・完了手続きを行います。
⸻
プラン内容
ベーシック(30,000円)
- 1ページまで
- HTML/CSSコーディング
- レスポンシブ対応
- AIを活用した文章・画像作成サポート
- 軽微な修正対応
⸻
スタンダード(50,000円)
- 3ページまで
- レスポンシブ対応
- AI文章・画像作成サポート
- お問い合わせフォーム設置
- 修正対応
⸻
プレミアム(80,000円)
- 5ページまで
- AIによる文章・画像作成
- サイト全体の制作サポート
- レスポンシブ対応
- 修正対応
- 公開までサポート
⸻
サービス内容
対応内容
- HTML/CSSによるWebサイト制作
- LP(ランディングページ)制作
- レスポンシブ対応
- AIを活用した文章作成
- AI画像素材の生成
- 軽微な修正対応
※大規模なシステム開発や高度なプログラム開発には対応しておりません。
⸻
ご購入前にご確認ください
- 制作内容によって納期は変動します。
- お急ぎの場合は事前にご相談ください。
- 制作途中で大幅な仕様変更がある場合は、追加料金をご相談させていただく場合があります。
- AIを利用した文章・画像は、お客様のご希望に合わせて調整しながら制作いたします。
⸻
最後に
初めてWebサイト制作をご依頼される方にも、安心してご相談いただけるよう、丁寧なコミュニケーションを心掛けています。
「こんなサイトを作りたい」というイメージだけでも構いません。
一緒に形にしていければと思います。
まずはお気軽にランサーズのメッセージよりご相談ください。
【品質と速度】HTML/CSS/JS/WPコーディングを高品質で実現します
業務内容
豊富なIT経験が光る確かな技術で、あなたのWebサイトを高速・高品質に実装します。
このようなお悩みはありませんか?
Webサイトの見た目を改善したいが、どこに頼めばいいか分からない。既存のWordPressサイトの動きが重くて困っている。短期間で高品質なコーディングが必要。最新の技術トレンドに対応したサイトにしたいが、リソースが足りない。Figmaデザインを完璧に再現したい。
発注の流れ
-
まずはご相談ください
ランサーズのメッセージ機能から、実現したいこと、デザインの有無、ご予算、納期についてお気軽にお問い合わせください。漠然としたアイデア段階でも歓迎いたします。 -
ヒアリング・要件定義
メッセージ機能やビデオ通話機能を利用し、お客様の具体的なご要望や課題、目的を深くヒアリングします。必要に応じてワークスペースで資料を共有し、詳細を詰めていきます。 -
ご提案とお見積もり
ヒアリング内容を基に、最適な実装方法、技術スタック、期間、費用を盛り込んだご提案書とお見積もりを作成し、ランサーズ上でご提示いたします。 -
ご契約・開発開始
ご提案内容にご納得いただけましたら、ランサーズの仮払いをもって正式にご契約・開発を開始いたします。開発の進捗は定期的にご報告いたします。 -
納品・公開サポート
完成したWebサイトをご確認いただき、問題がなければ納品となります。ご希望に応じて、公開に関する技術的なサポートも可能です。対応範囲・価格
静的HTMLページ制作:30,000円〜
デザインデータ(Figma, XDなど)に基づき、HTML/CSS/JSでシンプルな静的ページを1ページ制作します。
WordPressカスタマイズ:80,000円〜
既存WordPressテーマの部分的な改修や、固定ページ・投稿ページの追加・修正を行います。カスタムフィールド対応も可能です。
オリジナルWordPressテーマ制作:250,000円〜
デザインから機能まで、ご要望に応じたオリジナルWordPressテーマをゼロから開発し、サイト全体を構築します。
納期
ご依頼内容とボリュームにより変動しますが、各プランに記載の納期目安をご確認ください。迅速かつ丁寧な納品を心がけております。
制作の流れ
デザイン確認・環境構築
提供されたデザイン(Figmaなど)を確認し、開発環境をセットアップします。
HTML/CSSマークアップ
セマンティックなHTML構造と保守性の高いCSSを記述します。
JavaScript実装
インタラクティブな要素や動的な機能を追加します。
WordPress組み込み (必要な場合)
HTML/CSSをWordPressテーマに組み込み、カスタム機能を追加します。
動作テスト・修正
各種ブラウザやデバイスでの表示・動作確認を行い、必要に応じて修正します。
最終確認・納品
お客様にご確認いただいた後、最終成果物を納品します。
サービス内容
お客様のビジネス課題を解決する視点を持った15年の経験を活かし、HTML/CSS/JavaScriptによる静的サイト制作から、カスタマイズされたWordPressテーマ開発まで、高速かつ高品質なWebコーディングを提供します。デザインの忠実な再現性はもちろん、SEOやパフォーマンスを考慮した堅牢なコードで、長期的に運用可能なWebサイト基盤を構築いたします。漠然としたアイデア段階でも、ぜひご相談ください。
Webサイトの見た目を良くしたい、動きをスムーズにしたい、WordPressを思い通りにカスタマイズしたい、でもどこに頼めば良いか分からない…そんなお悩みはありませんか?15年間、シニアフルスタックエンジニアとして多様なWeb開発に携わってきた私が、その経験とノウハウを活かし、あなたのWebサイトの課題を解決いたします。
私は単にコードを書くだけでなく、「このWebサイトが、お客様のビジネスにどう貢献するか?」を常に考え、最適なコーディングを行います。高速表示、SEOに強い構造、メンテナンスしやすいコードなど、品質にこだわりながらも迅速な対応をお約束します。Figmaなどのデザインデータを忠実に再現しつつ、パフォーマンスまで考慮した実装で、閲覧者にも運営者にも優しいWebサイトを構築します。まずはお気軽にご相談いただき、あなたのアイデアを形にするお手伝いをさせてください。ご連絡を心よりお待ちしております。
【Web制作8年】Figma等のデザインからWordPressサイトを構築します
業務内容
【Web制作歴8年】デザインデータを高精度で形にし、更新しやすいWordPressサイトを構築します
このようなお悩みはありませんか?
デザインはあるがコーディングするエンジニアが不足している、WordPressを導入して自社でお知らせやブログを簡単に更新できるようにしたい、見出し構造やalt設定など内部SEOを意識した綺麗なコードでサイトを構築してほしい、といったビジネス課題を解決します。
発注の流れ
-
ランサーズ上のメッセージでご相談
制作したいWebサイトのページ数、FigmaやXDなどのデザイン形式、納期のご希望をランサーズのメッセージ機能でお送りください。 -
お見積もり・仕様合意・仮払い
ご相談いただいた内容とデザインを元にお見積もりを作成します。内容に合意いただけましたら、ランサーズ上で仮払い手続きをしていただきます。 -
制作開始・ご確認・納品検収
仕様に沿ってコーディング、WordPress実装を進めます。テスト環境にてクライアント様のご確認・修正を経て、本番サーバーに納品・検収となります。
対応範囲・価格
LP・1ページコーディング(Basic):30,000円
FigmaやPhotoshopのデザインデータを元に、1ページの高品質なHTML/CSSコーディングを行います。
複数Pコーディング / 1P WordPress化(Standard):50,000円
2〜3ページのコーディング、またはデザインを元にした1ページのWordPress化に対応いたします。
小規模WordPressサイト構築(Premium):100,000円
お知らせやブログなど、自社で更新可能な機能を完備した小規模なオリジナルWordPressサイトを構築します。
納期
3日〜14日
制作の流れ
デザイン解析とコーディング設計
お預かりしたFigma等のデザインデータを1ピクセル単位で解析し、正確に再現するためのHTML設計を行います。
セマンティックコーディングとWP構築
見出し構造やalt属性、メタ情報などの内部SEOを十分に意識しながら、セマンティックなHTML構造の構築、WordPressテーマ化を行います。
実機ブラウザ検証・本番調整
PC・スマートフォンの各種主要ブラウザにて表示や動作チェックを徹底的に実施し、崩れがないことを確認した上で本納品いたします。
サービス内容
デザインデータ(Figma, XD, Photoshop, Illustrator等)を再現性高くHTML/CSSでコーディング、またはWordPressサイト化するサービスです。Web制作歴8年以上の知見を活かし、美しく整ったソースコードでの実装、ならびに納品後の更新がしやすい管理画面設計を提供します。既存WordPressサイトのカスタマイズやバグ修正も幅広く対応いたします。
デザインデータはあるけれど「コーディングをする時間がない」「WordPressの導入方法がわからない」とお悩みではありませんか?Web制作歴8年以上のエンジニアが、Figma、Photoshop、Illustratorなどのデザインを1ピクセル単位で正確に再現します。内部SEO(見出し構造、alt、メタ情報の整理)を意識したHTML構造の設計も得意。お知らせやブログなど、納品後にお客様自身で簡単に更新できる使いやすさを最重視した設計をご提案します。「ここだけ修正したい」という既存WordPressのカスタマイズも大歓迎です。IT・通信分野の技術変化にも柔軟に対応し、ランサーズ内のビデオ通話やメッセージ機能で迅速・丁寧に進めてまいります。まずは「見積り・カスタマイズの相談」からお気軽にご連絡ください。
信頼感を作る企業サイトをデザインからコーディングまで制作します
業務内容
デザインだけをお渡しして「あとは実装してください」ではなく、
サーバーにアップすればそのまま公開できる状態でお渡しします。
企業サイトは「きれいに見せる」だけでは仕事になりません。
初めて訪れた人が数十秒で「この会社は信頼できるか」を判断する場所
です。何をどの順で見せれば信頼が積み上がるか、そこから設計します。
▼ 制作サンプル(すべて実際に動作するページです)
・建設会社 https://portfolio-helvia.vercel.app/works/corp-kensetsu.html
信頼づくりと採用を両立させる構成。自社更新を想定した設計
・税理士事務所 https://portfolio-helvia.vercel.app/works/corp-zeirishi.html
士業の「格」と「相談しやすさ」を両立。料金目安表で心理的な壁を下げる
・カフェ https://portfolio-helvia.vercel.app/works/corp-cafe.html
品書き風メニューと世界観で「行ってみたい」を作る店舗サイト
・音楽教室 https://portfolio-helvia.vercel.app/works/corp-piano.html
手描きタッチの温かさ。保護者が決裁者である前提で設計
(いずれも架空の企業・店舗による制作サンプルです)
【含まれるもの】
・複数ページのコーポレートサイト(プランによりページ数が異なります)
・サイト構成の設計(どのページに何を置くか)
・HTML / CSS 一式の納品(そのままサーバーにアップできる状態)
・スマートフォン・タブレット対応(レスポンシブ)
・画像のAI生成・加工
・修正3回まで無料
【含まれないもの】
・Figma / Illustrator / Photoshop のデザインデータ
(HTML/CSSでの納品となります)
・サーバー・ドメインの契約(設定代行はオプションで承ります)
・SEO対策・広告運用
・原稿・文章そのものの執筆代行
(掲載情報をいただければ、読みやすい形への整理は行います)
【自社で更新したい場合】
プレミアムプランではWordPress化まで対応します。お知らせやブログを
ご自身で追加・編集できる状態でお渡しします。「毎回制作者に依頼する
のは避けたい」という場合はこちらをお選びください。
スタンダードプランからのWordPress化は、オプション(45,000円)でも
承ります。
【納期】
ベーシック(3ページ):10日
スタンダード(5〜6ページ):18日
プレミアム(5〜6ページ+WordPress化):25日
いずれも構成確定後の日数です。お急ぎの場合はご相談ください。
【進め方】
先にサイト構成(どのページに何を置くか)をご確認いただいてから
制作に入ります。全ページを仕上げた後の大きな手戻りを防ぐため、
トップページのデザインを先行してお見せし、方向性を確定させてから
下層ページに進む形を標準にしています。
日中・夜間ともに連絡が取れますので、確認や修正のやり取りが
止まりません。
AI連携まで考慮した高品質HTML/CSSコーディングを提供いたします
業務内容
デザインの意図を汲み取り、現場で使い続けられるWebサイトを実現するHTML/CSSコーディング
このようなお悩みはありませんか?
・デザインを忠実にWebサイトで表現したい
・表示崩れや古いコードの修正に困っている
・Webサイトのパフォーマンスを改善したい
・保守性が高く、将来的な拡張を見据えたコードが欲しい
発注の流れ
-
ご相談・ヒアリング
Lancersのメッセージ機能にて、Webサイトの目的、ターゲット、デザインデータ(Figma, XDなど)の有無、ご希望納期、ご予算など、プロジェクトの詳細をヒアリングします。 -
お見積り・ご提案
ヒアリング内容に基づき、最適なコーディング範囲、費用、納期を記載したお見積もりとご提案書をLancersメッセージで提出します。 -
契約・仮払い
ご提案内容にご納得いただけましたら、Lancersの正規フローで契約を行い、仮払いをお願いいたします。これにより制作が正式にスタートします。 -
制作開始
提供いただいたデザインデータと仕様書をもとに、SEOや保守性を考慮した高品質なHTML/CSSコーディングを進めます。進捗は随時Lancersメッセージでご報告します。 -
ご確認・修正
コーディングが完了しましたら、テスト環境でご確認いただきます。Lancersメッセージを通じて修正点や改善点をお伺いし、対応いたします。(各プランに応じた修正回数内) -
納品・検収
最終確認が完了しましたら、指定の形式(zipファイルなど)でHTML/CSSファイル一式をLancersのメッセージ機能またはワークスペースにて納品いたします。納品完了後、検収手続きをお願いいたします。
対応範囲・価格
企画・事前相談:無料
プロジェクトの要件、デザインデータ、目的を詳しくお伺いし、最適なプランと見積もりをご提案します。
HTML/CSSコーディング(1ページ):25,000円〜
デザインデータ(Figma, XDなど)を元に、静的ページ1枚のHTML/CSSコーディングを行います。基本的なPC/SP対応を含みます。
既存Webサイトの改修・調整:15,000円〜
既存サイトの表示崩れ修正や、古いコードのリファクタリング、特定の機能追加など、部分的な改修に対応します。
納期
ご依頼内容とプランによりますが、最短7日〜最長30日程度での納品となります。
制作の流れ
-
要件確認・デザイン解析
FigmaやXDなどのデザインデータと、サイトの要件(ターゲットブラウザ、デバイス、動きなど)を詳細に確認し、不明点は解消します。 -
設計・ファイル構成
受け取ったデザインを元に、再利用性、拡張性、SEOに配慮したHTML構造とCSS設計(BEM、FLOCSSなど)を行います。 -
コーディング実施
設計に基づき、手作業でpixel perfectなHTML/CSSコーディングを進めます。JavaScript連携が必要な場合は、動的な表現も実装します。 -
品質チェック・デバッグ
主要ブラウザ(Chrome, Firefox, Safariなど)や各種デバイス(PC, スマホ, タブレット)での表示崩れがないか、動作に問題ないかを厳しくチェックします。 -
最終調整・納品準備
最終的な表示確認と細かな調整を行い、ご指定のファイル形式で納品データを準備します。
サービス内容
お客様のデザインデータ(Figma, XDなど)を忠実に、かつSEOや表示速度に配慮した高品質なHTML/CSSコーディングでWebサイトとして実現します。使い続けられる保守性の高いコードと、柔軟なJavaScript連携で、動きのある魅力的なWeb体験を提供します。レガシー対応からAI連携まで見据えたWebエンジニアが、長期的な視点でサポートいたします。
「デザインはできたけど、Webサイトとして形にするのが難しい」「動きのあるリッチな表現にしたいけど、実装が不安」そんなお悩みはありませんか?長年Web開発に携わってきた私が、お客様のデザインを忠実に、そして「使い続けられる」高品質なHTML/CSSコードへと変換します。SEOや表示速度、保守性まで考慮したコーディングで、ただ動くだけでなく、ビジネスに貢献するWebサイト基盤を構築。未来を見据えた技術力で、デザインの可能性を最大限に引き出します。まずはお気軽にご相談ください。
【IT企業向け】成果にこだわる高機能LPを企画から実装まで一貫対応します
業務内容
エンジニア視点の圧倒的パフォーマンスとデザイン力を融合。成果にこだわるLPを構築します
このようなお悩みはありませんか?
新サービスのLPを作りたいがデザインと実装を別々に依頼するとコストがかさむ、ChatGPTなどのAIやモダンな技術を取り入れた先進的なLPを制作し競合と差別化したい、サイトの表示速度が遅くユーザーが途中で離脱してしまっている、といったIT・通信分野の企業様が抱える課題を、企画・設計・最先端の実装までワンストップで一気に解決します。
発注の流れ
ランサーズ上でのヒアリング
お客様の目的やターゲット、ご希望イメージをランサーズのメッセージやビデオ通話機能で丁寧にお伺いします。
ご提案・プラン決定
ヒアリングに基づいた最適な構成案と正確なお見積もりを提示いたします。
仮払い手続き
ご提案内容に納得いただけましたら、ランサーズ上での仮払い手続きをお願いいたします。
制作開始〜中間確認
まずはデザインを提示し、方向性に相違がないかランサーズ上でご確認いただきます。
最終確認・納品完了
実装後に動作検証を行い、問題がなければ納品完了となります。
対応範囲・価格
LP企画・構成案作成:50,000円〜
ターゲット分析を行い、訴求力を高めるワイヤーフレームと構成案を作成します。
LPデザイン&Web実装:150,000円〜
構成案に基づいたモダンで美しいデザインを行い、高速表示に対応したコーディングまで一貫して行います。
表示速度・SEO最適化:50,000円〜
既存または新規LPの読み込み速度を極限まで高め、SEO効果とCVRの向上に貢献します。
納期
14日〜30日
制作の流れ
構成案とワイヤーフレーム構築
ターゲットに響く構成を設計し、全体の骨組みとなるワイヤーフレームを作成します。
高精度なUI/UXデザイン
信頼感と先進性を兼ね備えた、IT業界に最適なデザインを決定します。
モダンコーディング
レスポンシブ対応はもちろん、SEOや表示速度に優れた清潔なコードを実装します。
動作テストと納品
各種デバイス・ブラウザでの表示確認と速度テストを実施し、本番環境へ公開・納品します。
サービス内容
IT・通信・インターネット業界に特化した、成果につながる高品質なLPを制作します。フルスタックの強みを活かし、デザインからコーディング、SEO最適化、表示速度改善までをワンストップでカバーします。ランサーズの安全な環境で、最初から最後までスムーズに進行いたします。
IT・通信業界の競争を勝ち抜くための、成果に直結するLP(ランディングページ)を制作します。私はフルスタックエンジニアとして、単なるデザインにとどまらず、技術的な裏付けに基づいた高機能・高性能なページ構築を得意としています。『お問い合わせを増やしたい』『サービスの価値がうまく伝わらない』といった課題に、マーケティング視点を持った企画提案からデザイン、そしてReactやNext.jsなどの最新モダン技術を用いた快適な実装までワンストップでサポートします。複数の業者に依頼する手間やコストを削減し、スムーズな進行をお約束します。ユーザー目線での使いやすさとセキュリティ、SEOや読み込み速度のパフォーマンス改善までを徹底考慮。成果を出すためのLPを、ぜひ一緒に作り上げましょう。お気軽にランサーズのメッセージ機能よりご相談ください。
公開できる状態で納品、HTML/CSSまで一貫してLPを制作します
業務内容
デザインだけをお渡しして「あとは実装してください」ではなく、
サーバーにアップすればそのまま公開できる状態でお渡しします。
▼ 制作サンプル(すべて実際に動作するページです)
・整体院 https://portfolio-helvia.vercel.app/works/lp-seitai.html
・パーソナルジム https://portfolio-helvia.vercel.app/works/lp-gym.html
・エステサロン https://portfolio-helvia.vercel.app/works/lp-biyou.html
・飲食テイクアウト https://portfolio-helvia.vercel.app/works/lp-food.html
・オンライン講座 https://portfolio-helvia.vercel.app/works/lp-kouza.html
(いずれも架空の店舗・サービスによる制作サンプルです)
【含まれるもの】
・縦長1ページのLP(ファーストビュー〜フォーム導線まで)
・構成の設計(何をどの順で見せるか)
・HTML / CSS 一式の納品(そのままサーバーにアップできる状態)
・スマートフォン対応(レスポンシブ)
・画像のAI生成・加工
・修正3回まで無料
【含まれないもの】
・Figma / Illustrator / Photoshop のデザインデータ
(HTML/CSSでの納品となります)
・サーバー・ドメインの契約および設置作業
・WordPressテーマ化
・フォームの受信システム構築(外部フォームサービスへの接続は可)
・広告運用
【オプション】
・WordPress設置(固定ページとして):20,000円
・フォーム設置(外部サービス連携):8,000円
・お問い合わせ完了ページの作成:5,000円
・下層ページの追加:1ページ 15,000円
【納期】
構成確定から7日で初稿、ご確認後3日で完成(計10日前後)
【進め方】
先に構成(どの順番で何を見せるか)をご確認いただいてから制作に
入ります。「きれいだけど問い合わせが来ない」を避けるため、
ゴールを1つに絞った設計をご提案します。
【AI活用】低価格で高品質なホームページをスピーディーに制作します
業務内容
プロの実績×AI活用で実現する、低価格で高品質なホームページ制作
このようなお悩みはありませんか?
「新事業のWebサイトを早く立ち上げたいが、制作予算を抑えたい」「低価格でも、スマホ対応やSEOの基本を押さえた丁寧なコーディングをしてほしい」「信頼できるプロに安価で依頼したい」といったWeb集客やコスト面のお悩みを解決します。
発注の流れ
-
ランサーズ上でのヒアリング
ランサーズのメッセージ機能にて、ホームページの目的、ターゲット、ご希望の構成についてヒアリングします。 -
構成・デザインベース案の選定
ヒアリング内容をもとに、AIを活用して全体の構成案とデザインのベースをスピーディーに作成し、ご提示します。 -
構築および実装作業
確定した仕様に基づき、HTML/CSSによるレスポンシブコーディングおよび調整作業を進めます。 -
確認・修正および納品
ランサーズのワークスペース等でテスト表示URLを共有し、表示崩れがないかご確認いただき、最終納品となります。
対応範囲・価格
手軽に始めるLP・1ページプラン:20,000円
LPまたはシングルページのコーディングを行います。AIを効率的に活用し短納期で仕上げます。
標準ホームページ制作プラン:40,000円
トップページ+下層3ページまでの標準的なホームページ制作。スマホ対応も含みます。
充実マルチページプラン:70,000円
トップ+下層5ページ構成。お問い合わせフォームや簡易的なアニメーションも実装します。
納期
開始から最短7〜21日間
制作の流れ
構成設計
ご提供いただいた原稿や素材、AI生成されたベースレイアウトを整理し、Webサイトの骨組みを決定します。
レスポンシブ実装
HTML5/CSS3による、PCおよびスマートフォンに対応した高品質なレスポンシブコーディングを丁寧に行います。
最終検証と納品
各種ブラウザでの表示テストを入念に行い、デザインに忠実で操作性の高いWebサイトを仕上げてお渡しします。
サービス内容
2018年より活動し、60件以上のWeb制作実績を持つWebコーダーが、最新のAI技術と確かな実装スキルを掛け合わせ、高品質かつ低価格なホームページを構築します。スマホ対応(レスポンシブ)は標準装備し、読み込み速度やデザインの再現性にもこだわった、集客の土台となるWebサイトをご提供いたします。
低価格で本格的なホームページを持ちたいとお考えではありませんか?「予算は抑えたいけれど、デザインが崩れたりスマホで見づらかったりするのは避けたい」という方に最適なパッケージです。2018年から60件以上の制作を手がけてきたコーディングのプロが、最新のAI生成アシストを活用することで、圧倒的なコストパフォーマンスとスピーディーな納品を実現します。デザインに忠実で、スマホ対応も万全なホームページを構築し、あなたのビジネスの信頼感を高めるお手伝いをいたします。ランサーズ内のメッセージやビデオ通話機能を活用し、安心かつ迅速なコミュニケーションで丁寧に進めます。まずはお気軽にご相談ください。
【安心価格】実績豊富なコーダーが大事なサイトデザインを丁寧に実装いたします
業務内容
数あるサービスの中からご覧いただきありがとうございます。
フリーランスでWEB制作を行っております、及川と申します。
当サービスでは、ご提供いただいたデザインカンプからのコーディング〜サイト公開までを一貫して承っております。
※GA等の分析はサービスに含まれておりません。ご了承ください。
【 こんな方におすすめ 】
・コーディングのリソースが足りていない
・すぐにコミュニケーションが取れるコーダーが欲しい
・今あるサイトのコンテンツを更新可能な構成にして欲しい
【 強み・特徴 】
・即返信でスムーズなコミュニケーション
・デザイン意図を汲み取ったコーディング
・更新のしやすさを考えたWordPress化
・更新マニュアル付き納品(更新が必要なコンテンツがある場合)
制作会社様や企業様からお仕事をいただいているコーダーが、デザインカンプに忠実なコーディングを行います。
見た目の再現だけでなく、レスポンシブ時の表示崩れの防止や動的コンテンツ部分の崩れの防止まで想定して実装いたします。
更新が必要な箇所は事前に伺い、簡単に更新できる作りで実装。
納品時にはマニュアルの送付とご要望がございましたら無料でレクチャーもおこなっております。
安心してLPを運用できるよう、納品後の操作に関するサポートもおこなっておりますのでご安心ください。
ページ数や構成についても柔軟に対応可能です。まずはお気軽にご相談ください。
【 制作内容 】
・HTML / CSS / JavaScriptによるコーディング
・レスポンシブ対応
・WordPress構築(オリジナルテーマ)
【 制作の流れ 】
① ヒアリング・お見積もり
→まずはお気軽にご連絡ください。ヒアリングを行ったのちに制作ボリュームに合わせたお見積もりを提示いたします。
②ご契約・制作開始
→ランサーズにてご契約・仮払いまで済みましたら制作を開始いたします。
③ デザインカンプの共有
④ コーディング開始
⑥ 進捗ごとにご確認・ご報告
⑦ テスト環境にて全体確認
⑧ 修正対応 → 最終確認
⑨ サイト公開にて納品
【 基本料金 】
◯既存サイトの一部修正や追加コーディング
・コーディング 15,000円
※ボリュームにより増減します。事前のお見積もり依頼をお願いいたします。
◯トップページのみ 40,000円
◯トップページ+下層3ページ 70,000円
※ページ数や構成、機能によりお見積もりが変動いたします。事前のお見積もり依頼をお願いいたします。
【 無料対応 】
・プライバシーポリシー
・404ページ
・お問い合わせサンクスページ
・無料セキュリティ対策
-SiteGuard
-Google reCAPTCHA v3
【 お客様にご用意いただくもの 】
・デザインカンプ(Figma・Photoshop・Illustrator・XDのいずれかで共有ください)
→テキストデータがコピペできる状態で共有ください
・ロゴデータ(もしあればご共有ください)
・使用画像(デザインカンプから書き出しできる状態でしたら別途でご用意は不要です)
・サーバー・ドメイン
・FTP情報
・WordPress登録用メールアドレス
・meta情報(サイト名・サイトの説明・サイトの検索キーワードなど)
その他お問い合わせフォームを作成する場合などにはご連絡用のメールアドレスを共有いただくことがございます。
ご協力をお願いいたします。
【 最後に 】
これまでにHP、LP含め数十件の制作に携わってまいりました。
実装にあたり、デザインカンプを丁寧に再現することはもちろん、実際に更新する方の負担ができるだけ少なくなるようなわかりやすい実装になることを心がけております。
プロフィールにこれまでの実績も掲載しておりますのでよろしければご参考ください。
ご相談、お見積もりは無料ですのでぜひお気軽にご連絡くださいませ。
【テンプレ有】HTMLメルマガ・メールマガジン制作します
業務内容
【仕事の詳細】
●CRM用等のHTMLメルマガ作成となります。
自分でメルマガを作成できない、時間がない、どんなデザインにしていいか分からない等の方はぜひご連絡ください!
●テンプレートをご用意いたしますのでご使用したい画像や文章をお送りください。
または要望に沿って画像や文章をこちらでご用意する形でも大丈夫です。(こちらで用意する際は別途有料)
●実績参考例
オンラインショップの商品のメルマガ作成例
リフォーム会社のメルマガ作成例 等
●価格
【ベーシック】10,000円
HTMLメルマガ制作
■内容
・支給いただいた文章・画像を使用
・既存テンプレートを利用して制作
・スマホ対応
・軽微な修正1回まで
■こんな方におすすめ
・原稿や画像が揃っている
・低コストで配信したい
・定期メルマガを依頼したい
【スタンダード】15,000円
HTMLメルマガ制作+デザイン調整
■内容
・支給文章・画像を使用
・レイアウト設計
・画像加工・簡易バナー作成
・スマホ対応
・修正2回まで
■こんな方におすすめ
・見やすいデザインにしたい
・クリック率を意識した構成にしたい
・商品の魅力を分かりやすく伝えたい
【プレミアム】20,000円
HTMLメルマガ制作+構成提案
■内容
・構成提案
・文章ブラッシュアップ
・画像加工・バナー作成
・レイアウト設計
・スマホ対応
・修正3回まで
■こんな方におすすめ
・何を配信すればよいか分からない
・文章や構成も相談したい
・商品の魅力をしっかり訴求したい
【認定ランサー】WordPress構築・HTML/CSSコーディング承ります
業務内容
制作実績300件以上!
制作会社・法人様から継続依頼をいただく認定ランサーが対応します。
Figma・Adobe XD・Photoshopのデザインデータから、HTML/CSSコーディング・WordPress構築まで一貫して対応いたします。
デザインの再現性はもちろん、保守性・更新性にも配慮したコードで制作いたします。
このようなお悩みはありませんか?
・デザインは完成したがコーディングする人的リソースが足りない
・デザインカンプをオリジナルWordPressテーマとして構築したい
・表示速度やレスポンシブ対応を意識した綺麗なコードで実装してほしい
制作会社様からこのようなご依頼をいただいています
・コーディングのみお願いしたい
・WordPress実装までお願いしたい
・繁忙期だけ依頼したい
・継続して依頼できるパートナーが欲しい
基本料金に含まれる内容
✔ レスポンシブ対応
✔ HTML/CSSコーディング
✔ WordPress実装
✔ お知らせ機能
✔ ブログ機能
✔ お問い合わせフォーム
✔ 投稿方法の説明
✔ 軽微な修正対応
ご依頼前にご確認ください
・デザインデータをご支給ください。
・ページ数や仕様により料金が変動します。
・JavaScriptアニメーションも対応可能です。
まずはお気軽にご相談ください。
納期
ご契約および仮払い確認後、約14日〜45日(プランによる)
ご依頼の流れ
① ご相談
↓
② 内容確認・お見積り
↓
③ ご契約・仮払い
↓
④ 作業開始
↓
⑤ ご確認・修正
↓
⑥ 納品
サービス内容
デザインを「忠実に再現すること」はもちろん、その先の「更新しやすさ」「保守のしやすさ」まで考えたコーディングを心掛けています。
単発のご依頼だけでなく、継続してご相談いただけるパートナーとして、品質・納期・コミュニケーションを大切に制作いたします。
まずはお気軽にご相談ください!
「この内容でも対応できますか?」
「見積りだけお願いできますか?」
「納期はどれくらいですか?」
このようなご相談だけでも歓迎しております。
内容を確認し、対応可否・概算費用・納期をご案内いたします。
【初期費用を抑えたい方】 1万円〜でSEO対策済みのホームページを制作いたします
業務内容
会社情報を共有(※)すれば、あとは丸投げでOK!
単にホームページをつくるだけでなく、競合分析とキーワード分析をした上で、SEO対策をしたホームページを作成いたします。また、コンバージョンまでの導線を意識した構成で、原稿作成・デザイン・コーディングまで対応いたします。
▼こんな起業家におすすめです
「創業したばかりで、ホームページに大きな予算をかけられない」
「格安でも、検索エンジン(SEO)に強いサイトを作りたい」
「載せる文章(原稿)やデザインを自分では難しかった」
「WordPressはセキュリティや保守管理が難しそうで不安……」
▼本業に集中できる環境を整えます
創業間もない時期は何でも自分で作ろうとしがち。
しかし、せっかく作成したのに問い合わせはゼロ。何よりも本業以外に時間も取らては本末転倒です。本サービスでは負担が限りなく少ない低価格で集客できるホームページを制作いたします。
[本サービスの特徴]
-
圧倒的な低コスト(2万円〜)
無駄な機能やページを省くことで低価格を実現しています。
予算を抑えてスピーディーにWebサイトを持ちたい方に最適です。 -
原稿作成からコーディングまで「一括対応」
ヒアリングシートをもとに、当方で【テキスト作成・デザイン・コーディング】まで一気通貫で対応します。 -
WordPress不使用!安全・高速なHTML/CSSサイト
HTML/CSS/JavaScriptを用いて構築します。
実はWordpressは定期的に更新が必要で、専任担当者が不在の創業時は、サイト停止のリスクやサイトスピードの問題などがあります。本サービスは、アップデート管理不要でセキュリティリスクが低く、表示速度も速いサイトを制作します。
※Webの世界では3秒遅いだけで90%以上が離脱するといわれてるほど重要です
- プロのSEO対策による原稿作成 & コーディング
ただ単につくるだけでは意味がありません。
本サービスでは、キーワード分析後に検索エンジンおよび競合サイトを調べた上で作成いたします。見た目だけよくても、集客できなければ価値はありません。
[基本パッケージ]
・トップページ制作[シングルページ]
・オリジナル原稿作成
・レスポンシブ対応[スマホ最適化]
※SEO対応では業者に依頼すると数十万円かかるキーワード調査を実施した上で原稿に反映いたします。
[スタンダードプラン以上]
上記プランに加えて、以下のサービスが追加されます。
・お問い合わせフォーム(Googleフォームまたはオリジナル)
・IT関連サポート(ドメインやサーバー、メールアドレスなどの支援)
・サブページ数追加(3~20ページ程度)
・SEO分析レポート
※Googleフォームはお客様所有のアカウント共有が必要です
※IT関連サポートのドメインやサーバー取得は作業代行ではありません。決済が必要なため、取得や作成の質問を無制限でできます。
※サブページはトップページよりも内容量の少ないページとなります。ランディングページなどの作成はできません。
▼ホームページ作成までの流れ
1.ヒアリングシートの入力(お客様対応)
2.初回ラフ案の提案
3.[2]の合意後に制作を開始
4.ご納品
▼ご納品後
納品後、1ヵ月間は無料で微修正が可能です(テキストや画像の差し替え)
FigmaやXDのデザインをコーディングで忠実に再現します
業務内容
デザインデータを渡すだけで、思い通りのWebページに仕上げます。
FigmaやXDからの忠実なコーディングはもちろん、レスポンシブ対応・
SEO対策・アニメーション実装まで一括対応。
「依頼してよかった」と感じていただける制作を心がけています。
お客様との丁寧なコミュニケーションを大切にし、「親切・共感・提案」
の姿勢で、修正対応や納期管理も責任を持って進めます。
初めての方もどうぞ安心してご相談ください。
【サービス内容】
・デザインデータからのHTML/CSSコーディング(静的ページ対応)
・JavaScriptによる動的実装(アニメーション、スライダーなど)
・HP・LPのWordPress化(別途オプション)
・GSAPなどを使ったアニメーション表現(プレミアム対応)
【料金に含まれる内容】
・HTML / CSS / JSコーディング
・レスポンシブ対応(PC / スマホ)
・修正対応(5回まで無料)
【納期について】
・目安:1週間〜
※ボリュームや機能に応じて柔軟に対応いたします。
※お急ぎの場合もご相談ください(オプションあり)。
【対応可能なデザインデータ】
・Figma ・Adobe XD ・Photoshop ・Illustrator
【納品形式】
・ZIP形式での納品
・FTP情報をいただければ、アップロード代行も可能です
どうぞお気軽にご相談ください。心よりお待ちしております。
デザインデータからWordPress・LPを丁寧に制作します
業務内容
■ ご覧いただきありがとうございます
はじめまして。
目的設計から伴走するWebコーダーの「ともひろ」です。
私は「ただコーディングする」のではなく、
このサイトは何のために作るのか?
を共有しながら制作を行います。
営業職として20年以上、法人のお客様と向き合ってきた経験を活かし、
意図を汲み取り、成果を見据えた設計を大切にしています。
■ 私が大切にしていること
✔ デザインを忠実に再現するだけでなく「成果導線」を意識
✔ 親切・共感・提案を軸にした丁寧なコミュニケーション
✔ 納期厳守・責任ある進行管理
✔ 初めての外注でも安心できる伴走対応
「あと一歩先」の提案を心がけています。
■ 対応可能業務
● デザインデータからのHTML/CSSコーディング
(Figma / XD / Photoshop / Illustrator)
● JavaScript実装
(jQuery・スライダー・タブ切替・モーダル等)
● GSAPによる高度アニメーション実装
(プレミアム対応)
● WordPress構築
(管理しやすい設計で対応)
● レスポンシブ対応
(PC / タブレット / スマホ)
● SEO内部基本対策・表示速度最適化
■ こんな方におすすめです
・デザインはあるが、信頼できるコーダーを探している
・ただ組むだけでなく、改善提案もほしい
・動きのあるUIを実装したい
・WordPressまでまとめて依頼したい
■ 料金について
案件内容(ページ数・機能・難易度)に応じて
個別にお見積もりいたします。
※設計提案を含む場合は内容により調整いたします。
■ 納期目安
小規模案件:1週間〜
中規模案件:2〜3週間
※特急対応も可能です(オプション)
■ 納品形式
・HTML一式(ZIP納品)
・サーバーアップロード代行
・WordPress本番反映
■ 最後に
制作は「完成して終わり」ではなく、
お客様のビジネスを前に進めるための手段だと考えています。
「依頼してよかった」と思っていただける制作を
責任をもって伴走いたします。
まずはお気軽にご相談ください。
デザインを形にする高品質なWordPressサイト構築を承ります
業務内容
実績200件以上の経験をもつコーダーが、デザインを完璧に再現し、更新しやすいWebサイトを構築します
このようなお悩みはありませんか?
Webサイトのデザインはあるが、高品質なコーディングで実装してくれる人が見つからない。レスポンシブ対応や内部SEOを意識した、保守性の高いコードでサイトを構築したい。WordPressで更新しやすいサイトにしたいが、技術的な不安がある。
発注の流れ
まずはお気軽にご相談ください
メッセージ機能にて、ご依頼内容、サイトの目的、デザインデータ有無、ご希望納期、ご予算などをお聞かせください。
丁寧なヒアリングと要件定義
ご相談内容をもとに、コーディング範囲、使用技術、必要な機能などを詳細にヒアリングし、プロジェクトの要件を明確にします。
お見積りとご提案
ヒアリング内容に基づき、最適なプランと詳細なお見積りを提示します。ご不明点があれば、お気軽にご質問ください。
ご契約・仮払い
ご提案内容にご納得いただけましたら、ご契約・仮払いをお願いいたします。これにより制作がスタートします。
制作着手・中間報告
制作を開始し、進捗状況を定期的にご報告いたします。必要に応じて、ランサーズのワークスペースで画面共有等も可能です。
検証・調整・最終確認
完成後、テスト環境で動作確認と最終調整を行います。お客様にもご確認いただき、細かな修正に対応します。
納品・完了
全ての確認が完了しましたら、納品となります。その後のランサーズシステムを通じたお支払いをお願いいたします。
対応範囲・価格
HTML/CSSコーディング(1ページ):30,000円〜
既存デザインカンプから高品質なHTML/CSSで1ページをコーディングします。レスポンシブ対応込み。
WordPressサイト構築(1ページ):50,000円〜
既存デザインカンプをもとに、WordPressのカスタム投稿タイプなどを利用した更新しやすいサイトを構築します。レスポンシブ対応込み。
Webサイト保守・機能追加(スポット):15,000円〜
既存サイトの軽微な修正、機能追加、パフォーマンス改善など、柔軟に対応します。
納期
ご依頼内容によりますが、最短7日〜最長45日程度で対応いたします。
制作の流れ
デザインデータ確認・分析
ご提供いただいたデザインカンプを詳細に分析し、コーディングに必要な情報を整理します。
設計・骨格作成
HTML構造、CSS設計、JavaScriptの挙動などを考慮し、サイトの骨格となるコードを作成します。
各要素のコーディング
DartSass等を用いて効率的にスタイルを適用し、JavaScriptでインタラクティブな動きを実装します。
レスポンシブ対応・クロスブラウザ検証
スマートフォンやタブレットなど、多様なデバイスでの表示崩れがないかを確認し、主要ブラウザでの互換性を検証します。
WordPress実装(該当案件のみ)
既存テーマの改修や、カスタムフィールドを活用したオリジナルテーマの実装を行い、クライアント様が容易に更新できる構造を構築します。
内部SEO最適化
Webクリエイター能力認定試験で培った知識を活かし、適切なHTML構造で検索エンジンに評価されやすいサイトを目指します。
サービス内容
デザインカンプから忠実にWebサイトを再現し、WordPressサイト構築やHTML/CSSコーディングを承ります。20年の社会人経験で培った粘り強さと責任感を持ち、スムーズなコミュニケーションを重視。DartSassを用いた効率的なレスポンシブデザイン、Git/Webpackでのフロントエンド開発、そしてWebクリエイター能力認定試験で得た知識による適切な内部SEO対策まで一貫して対応可能です。可読性の高いコードで、更新・編集しやすい高品質なWebサイトをお届けします。
「Webサイトのデザインはあるけれど、品質の高いコーディングで実現してくれる人がいない…」そんなお悩みはありませんか?はじめまして、木村宗市と申します。20年の社会人経験で培った粘り強さと責任感を活かし、あなたのWebサイト制作を全力でサポートいたします。デザインカンプを忠実に再現し、レスポンシブ対応、内部SEOを意識した可読性の高いコードで、更新しやすいWordPressサイトを構築。IT・通信・インターネット業界の皆様の「確かな技術」と「スムーズな進行」へのニーズにお応えします。まずは一度、お気軽にご相談ください!
【LP制作】売上・登録率UP!成果にこだわる戦略的ランディングページを制作します
業務内容
成約率(CVR)を劇的に改善する、売れるLPを作ります
広告費をかけてアクセスを集めても、ランディングページ(LP)の出来が悪ければ、すべて離脱されてしまい無駄なコストになります。
「自社の商品・サービスの魅力が伝わっていない気がする」
「デザインが古く、競合に見劣りしている」
「とにかく売上・問い合わせ・リスト獲得を増やしたい」
その課題、本サービスが解決します。
■当サービスの強み
ユーザー心理に基づいたストーリー設計
LPは見た目の美しさ以上に「どう読ませるか」が重要です。ターゲットの共感を呼び、ベネフィットを伝え、自然とアクション(購入・申し込み)へと誘導する導線を構築します。
視線を釘付けにするファーストビュー
ユーザーは最初の3秒でそのページを読むか判断します。離脱を防ぎ、続きを読ませる強力なキャッチコピーとデザインの組み合わせを提案します。
スマホファーストなUI/UX
SNS広告からの流入を想定し、スマートフォンでの読みやすさ、ボタンの押しやすさを徹底的に追求したレスポンシブデザインを提供します。
■制作の流れ
1.ヒアリング(商品・サービスの強み、ターゲット、競合等)
2.構成案(ワイヤーフレーム)の作成 ※プレミアムプランのみ
3.ファーストビューのデザイン提出・方向性のすり合わせ
4.全体デザインの制作
5.コーディング(HTML/CSSによるWeb化)
6.ご確認・修正対応
7.ファイル一式納品、またはサーバーへのアップロード
■注意事項
・キャッチコピーや文章(テキスト原稿)は、原則としてお客様にてご用意をお願いしております(プレミアムプランを除く)。
・薬機法や景品表示法に関わる表現の最終確認はお客様ご自身でお願いいたします。
成果に直結するLPで、あなたのビジネスの売上を底上げします。まずはお気軽にご相談ください。
【HTML・CSS】デザインに忠実なHTML・CSSコーディングをします
業務内容
デザインデータを細部まで忠実に再現。ピクセルパーフェクトなコーディングをスピーディーにお届けします。
このようなお悩みはありませんか?
IT・Web業界のクライアント様で「コーディングのリソースが足りない」「Figmaやデザインカンプ通りに忠実に実装してほしい」「レスポンシブ対応まで美しく仕上げたい」といった課題はありませんか?丁寧なヒアリングと徹底した検証により、デザインの意図を100%再現した美しいWebサイトへと仕上げます。
発注の流れ
見積もり・カスタマイズの相談
デザインデータ(Figma, Photoshop, Illustrator等)をご提示いただき、要件と納期を確認します。
プランのご提案とご契約
ご依頼内容に合わせたプランや追加オプションをご提案し、ランサーズ上でご契約手続きへ進みます。
制作・進捗報告
コーディング作業を開始し、進捗状況を丁寧にお伝えしながら実装を進めます。
検証・納品
ブラウザ検証を行った後、データを納品し、ご確認後に完了手続きとなります。
対応範囲・価格
LP(ランディングページ)コーディング:30,000円〜
FigmaやPhotoshopのデザインカンプから、1ページのLPをレスポンシブ対応込みで丁寧にコーディングします。
下層ページコーディング:15,000円〜/P
ホームページの下層ページを、デザイン共通部分を活かして効率的かつ正確にコーディングします。
コーディング+簡単アニメーション:40,000円〜
ボタンのホバーエフェクトやフェードインなど、動きのある魅力的なコーディングを行います。
納期
3日〜14日
制作の流れ
カンプ分析と環境準備
デザインを詳細に確認し、フォントやレイアウトを整理して効率的なクラス設計を行います。
コーディング実装
HTML5/CSS3を用いて、美しく構造化されたメンテナブルなコードを執筆します。
レスポンシブ・動作検証
スマホ、タブレット、PCの各デバイス表示とアニメーション動作の徹底的な検証を行います。
サービス内容
Figma、Photoshop、Illustratorなどのデザインデータから、HTML/CSSを用いて正確にウェブサイトを構築します。レスポンシブ対応や簡単なアニメーションも含まれております。元公務員としての丁寧なコミュニケーションと、細部まで妥協しない正確なコーディングで、実用に耐えうる高品質なファイルを一式納品いたします。
IT・Web業界の皆様、コーダーのリソース不足やデザインが再現されないとお悩みではありませんか?私は元公務員として培った正確な情報伝達と、徹底したリサーチによる丁寧な実装を強みとしています。デザインデータを完璧に分析し、細部の余白やフォントまで1ピクセル単位でこだわって再現します。さらに、マルチデバイスで見やすく美しいレスポンシブ対応も標準搭載。土日祝も稼働しているため、お急ぎの案件でもスピード感を持ってご対応可能です。「思い通りのコーディングをしてほしい」というご要望に、誠心誠意のサポートでお応えします。ぜひ一度ご相談いただき、スムーズでノーストレスな制作プロセスをご体験ください。ランサーズ上のメッセージ機能からお気軽にお問い合わせをお待ちしております。
【伝わるWebサイト】丁寧な検証と設計で成果に繋がるサイトを制作します
業務内容
丁寧な検証と設計で、「伝わる」を意識したWebサイトを制作します
このようなお悩みはありませんか?
Webサイトからの問い合わせが少ない、商品の魅力が伝わらない、古いデザインで集客に伸び悩んでいる、サイトの使い方が分かりにくく離脱率が高い、スマートフォン対応に不安があるといったお悩みはありませんか?お客様のビジネスを加速させるWebサイトを共に作り上げます。
発注の流れ
お問い合わせ
サイトの目的、ご予算、希望納期、参考サイトなど、制作に関する詳細をお伺いします。まずはランサーズのメッセージ機能でお気軽にご連絡ください。
詳細ヒアリング・企画提案
お伺いした内容を元に、最適なサイト構造やデザイン、実装案をご提案します。ランサーズのメッセージ機能やワークスペースを活用し、認識のずれが起きないよう文章で確認しながら丁寧に進行いたします。
お見積もり・ご契約
提案内容にご納得いただけましたら、正式なお見積もりを提示し、ランサーズのシステムを通じてご契約・仮払いの手続きを進めます。
制作開始・中間報告
定期的に進捗状況をご報告し、フィードバックをいただきながら制作を進めます。お客様の要望を反映しながら、品質の高いサイトを目指します。
最終確認・納品
完成後、お客様に最終確認いただき、修正がなければランサーズのシステムを通じて納品となります。納品後もご不明点があればサポートいたします。
対応範囲・価格
Webサイト制作(1ページ):30,000円〜
デザインからコーディングまで一貫して「伝わる」LPや静的Webサイトを構築します。詳細なヒアリングと丁寧な検証で、お客様の要望に最適な成果物を提供します。
既存サイト修正・調整:15,000円〜
既存サイトのレイアウト崩れ修正、表示速度改善、軽微な機能追加など、部分的な改善を行います。細かな調整でユーザー体験を向上させます。
簡単なアニメーション実装:10,000円〜
CSSやJavaScriptを用いたシンプルな動きの実装で、Webサイトに魅力を加え、ユーザーの目を惹きつけます。視覚的な効果で情報を際立たせます。
納期
簡易LP・修正:約2週間、標準Webサイト:約1ヶ月、本格Webサイト:約1ヶ月半を目安に、丁寧な制作を心がけています。
制作の流れ
要件定義・ヒアリング
サイトの目的、ターゲット、必要な情報など詳細をお伺いし、制作の方向性を定めます。(約3〜5日)
設計・ワイヤーフレーム作成
ユーザー導線を考慮した構造設計と、レイアウトの可視化を行います。(約5〜7日)
デザイン制作
Illustrator/Photoshopで美しく、機能的なデザインを作成します。(約7〜10日)
コーディング・アニメーション実装
HTML/CSS/JavaScriptを使い、レスポンシブ対応で動的なサイトを実装します。(約7〜14日)
検証・調整
複数ブラウザでの表示確認、動作テストを行い、品質を確認・調整します。(約3〜5日)
最終確認・納品
お客様に最終確認いただき、問題がなければ納品となります。(約1〜2日)
サービス内容
お客様のビジネスを加速させる「伝わる」Webサイトを制作します。HTML/CSS/JavaScriptを駆使し、見た目の美しさだけでなく、ユーザーが迷わず情報にたどり着ける直感的な操作性と、細部まで検証された高品質なコーディングを提供します。特に、実装後の挙動確認や改善を含めた丁寧な検証力で、安心して成果に繋がるWebサイトをお届けします。簡単なアニメーションの実装や、既存サイトの部分的な修正・調整にも柔軟に対応し、お客様のWeb課題を解決します。
Webサイトがなかなか成果に繋がらない、ユーザーに意図が伝わらない…とお悩みの方へ。ご要望を丁寧にヒアリングし、ユーザーにとって分かりやすく、使いやすい構造を意識したサイト制作を行います。まずはお気軽にご相談ください。
【安心低価格】1ページ10,000円からコーディングします
業務内容
■サービス内容
・コーディングのみ ※デザインは含みません
・PC/スマホ両方をコーディングします。
■納品形式
下記からお選びいただけます。
・HTML/CSSなどのファイル形式
・指定サーバーへのアップロード
■納品期間
・ご依頼確定後、7日~で納品可能
■制作の流れ
①打ち合わせ&ヒアリング
②お見積
③ご購入
④コーディング着手
⑤初校確認
⑥修正
⑦納品
■注意事項
・仮払い後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合、納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。
■最後に
Webサイトの制作で悩んでいませんか?「デザイン通りのWebサイトを実装したいけれど、忠実に再現してくれるコーダーが見つからない」「複雑なデザイン要素も美しく実装してほしい」等、、、
ご安心ください。グラフィックからWeb、イラストまで手がける私が、お客様の「頼んでよかった」を形にするお手伝いをいたします。
現職であるWebディレクターの経験を活かし、丁寧なヒアリングと柔軟な対応で、お客様に寄り添ったWebサイトを提供します。
PC/スマホ版両方のサイトを制作し、修正回数無制限でご納得いくまで調整いたします。
一つ一つ丁寧に形にしていきますので、ぜひお気軽にご相談ください。
一緒に理想のWebサイトを作り上げましょう。
【不具合解消】既存サイトの表示崩れやテキスト差し替えを丁寧迅速に修正します
業務内容
「ここだけ直したい」をスッキリ解決。既存サイトを丁寧に修正します
スマホ表示の崩れ、文章・画像の差し替え、リンク切れなど、既存Webサイトの小規模な修正に対応します。AIで作成したサイトの最終調整も可能です。
このようなお悩みに対応します
・スマホで文字や画像がはみ出す
・文章、画像、リンクを差し替えたい
・余白や配置など、1ページ内の見た目を整えたい
・HTML/CSS/JavaScriptの軽微な不具合を直したい
・AIで作ったサイトを公開できる状態に調整したい
対応内容・料金
ベーシック:10,000円
文章・画像・リンクの差し替えなど、軽微な修正を合計2箇所まで対応します。
スタンダード:20,000円
1ページ内の表示崩れ、余白、文字サイズ、スマートフォン表示を調整します。
プレミアム:40,000円
最大3ページを対象に、表示崩れやスマートフォン表示をまとめて修正します。
※お問い合わせフォームの追加や対象ページの追加は、オプションまたは個別見積もりとなります。
※作業量が各プランの範囲を超える場合は、着手前に追加料金をご案内します。
ご依頼の流れ
- 修正したいサイトのURL、対象箇所、希望内容をメッセージでお送りください。
- 内容を確認し、対応範囲・料金・納期をご案内します。
- 仮払い完了後、必要なファイルや接続情報をご共有ください。
- 修正と表示・動作確認を行い、確認用データまたはURLをご案内します。
- ご確認後、本番反映または修正ファイルの納品を行います。
納期
3〜14日程度です。内容やページ数によって異なります。
対応技術
HTML/CSS/JavaScriptを中心に対応します。WordPressについては、テーマの表示崩れ、文章・画像の差し替えなど、対応可能な範囲を事前に確認します。
ご依頼前にご確認ください
・サーバー、データベース、決済、会員機能などの不具合は対象外となる場合があります。
・元データやログイン情報がない場合、対応できないことがあります。
・第三者が制作したサイトは、構成を確認してから対応可否を判断します。
・大規模なリニューアルや新規サイト制作は、別途お見積もりします。
小さな修正でも、まずはサイトURLと修正内容をご相談ください。
デザインに忠実。ホームページ・LPのコーディング承ります
業務内容
▶︎サービス紹介
以下のお悩みを解決いたします。
・ウェブサイトのデザインを思い通りに実現したい
・レスポンシブデザインで快適な表示を実現したい
・迅速かつ丁寧な対応を求めている
▶︎サービスの概要
・HTML・CSS(Sass)を用いたコーディング
・JavaScript(jQuery)を用いたアニメーション実装
・レスポンシブ対応
▶︎無料対応
・表示速度向上のため画像圧縮(ご希望の場合)
・基本的はSEO対策(構文チェック、metaタグの設置)
・アニメーション実装(ハンバーガーメニュー・ホバーアニメーション・スムーススクロール・アコーディオン・フェードイン)
・ファビコン・OGPの設置
・修正(大幅なデザインや内容の変更、追加のご要望などによる修正は、追加料金をいただく場合がございます。)
▶︎納品までの流れ
①「見積り・カスタマイズの相談をする」よりご相談ください。
②ご購入・デザインデータお預かり
③コーディング
④テスト環境にアップロード→ご確認・修正
⑤納品
▶︎納品方法
・zipファイルの送付
・ご指定のサーバーへアップロード
▶︎納期の目安(デザインデータをいただいてから)
・LP → 10日~
・トップページ → 10日~
・下層ページ → 3日~
※ご依頼のボリュームによって前後します。
▶︎受け取り可能なデザインカンプについて
・AdobeXD
・Figma
ご不明な点がありましたら、お気軽にお問合せ下さい。
「まずは相談する(無料)」よりお問い合わせください。
HTML/CSS/JS/WordPressでLPコーディング代行します
業務内容
当サービスをご覧いただきありがとうございます。
当サービスではいただいたデザインデータから、HTML.CSS.JavaScriptを用いてLPのコーディングを代行致します。
【料金】
先着10名様 15,000円〜 お受け付け致します。
通常料金 20,000円〜
画像コーディングや短いLP 7,000円〜
WordPress化 10,000円
※修正無制限、レスポンシブ対応無料
【制作の流れ】
見積もり・カスタマイズの相談からお見積もり頂きます。
↓
デザインデータの共有をお願い致します。
↓
コーディングさせて頂きます。
↓
修正内容があれば修正致します。
↓
納品
【納品方法】
zipファイル
サーバーへのアップロード
WordPress実装
※FTP情報の共有、WordPress化の場合はWordPress情報のご共有をお願い致します。
いただいたデザインを元に、HTMLでコーディングいたします
業務内容
いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。
・HTML/CSSコーディング
・レスポンシブ対応(PC/スマホ/タブレット)
・簡易なアニメーション
・画像の圧縮、最適化(webp対応可)
・metaタグ設定(titleタグ、ファビコン、OGP画像など)
・スライダーやハンバーガーメニューなどの設置、カスタマイズ(javascript)
納品後の修正も、最後まで責任を持って丁寧に対応させていただきます。
【WordPress】【レスポンシブ】WEBサイトのコーディング承ります
業務内容
数あるサービスの中からこちらのページをご覧いただきありがとうございます。
フリーランスでWEB制作をしている大山優子と申します。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
〇こんな方におすすめ〇
・安価でクオリティの高いHPを作成したい、中小企業様・個人様
・HTMLやCSSはできるけどアニメーションやWordPress化は苦手という方
・HPにおしゃれなアニメーションをつけたい方
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
〇制作の流れ〇
1.ヒアリング・お見積もり「見積り・カスタマイズを相談する」よりご相談ください。
↓
②デザインデータをお送りいただきコーディング作業開始。
↓
③トップページ実装・ご確認
↓
④下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥ご確認・修正
↓
⑧最終確認が済みましたらzip形式orサーバーにアップロードにて納品いたします。
※サーバーアップロードの場合はFTP情報が必要になります。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
〇料金〇
トップページのみ(レスポンシブ・WordPress化込み) 10,000円(10,000pxまで)
※10,000pxを超える場合は、1000px毎に2,000円。
・お問い合わせフォームの実装:15,000円
・アニメーション実装(スライダ―・ポップアップ・アコーディオン等):
1カ所につき5,000円~
※ホバーアニメーション、ハンバーガーメニューは無料。
※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。
※すべて画像コーディングで作成をご希望の場合は上記料金よりお安く出来ますのでご相談ください。
【安定稼働】ウェブサイト、WordPressの保守・運用・更新作業をサポートします
業務内容
◆ 制作会社が頼るプロの技術で、あなたのWebサイトを常に最適化し続けます!
◆ こんなお悩みありませんか?
「作った後どうすればいいか分からない」
「更新する人がいない」
そんなお悩みを解決します。
専門知識を持ったプロがしっかりサポートします。
【対応内容】
・テキスト/画像差し替え
・ページ修正
・レイアウト調整
・スマホ表示改善
・軽微なデザイン修正
・不具合対応
・バックアップ
【こんな方におすすめ】
・更新が止まっている方
・社内に担当がいない方
・ちょっとした修正を頼みたい方
・長く運用したい方
**単発対応だけでなく、
月額での継続サポートも可能です。
内容・頻度に応じてお見積りいたします。**
◆ 発注の流れ
1. ご相談・ヒアリング
まずはWebサイトの現状、お困りごと、ご希望の更新内容などをメッセージにて詳しくお聞かせください。
2. お見積り・ご提案
ヒアリング内容に基づき、最適な保守プランと具体的な作業内容、お見積りをご提案します。疑問点があればお気軽にご質問ください。
3. ご契約・初期設定
内容にご納得いただけましたらご契約となり、サイトアクセス情報などを共有いただき、初期設定を進めます。
4. 作業開始・定期報告
ご依頼に基づき保守・更新作業を開始します。作業の進捗状況は適宜メッセージにてご報告いたします。
5. 納品・確認
作業完了後、内容をご確認いただき、問題なければ納品となります。月次契約の場合は継続的にサポートいたします。
◆ 対応範囲・価格
軽微なコンテンツ更新:10,000円〜
テキスト修正、画像差し替え、リンク調整など、シンプルで単発の更新作業を承ります。
定期的なWebサイト保守:20,000円〜/月
月次のコンテンツ更新、WordPressプラグイン更新、簡易CSS調整など、サイトの安定運用をサポートします。
サイト改善・機能拡張相談:30,000円〜
サイトの課題ヒアリング、改善提案、軽微な機能追加の企画・相談から開発までをサポートいたします。
◆ 納期
依頼内容により1日〜30日(月次契約の場合、毎月対応* 大幅な変更の場合はご相談**)
制作の流れ
1. 依頼内容の確認
ご依頼いただいた更新内容や保守タスクの詳細を正確に把握します。不明点があれば確認させていただきます。
2. 作業計画の立案
サイトの特性や優先度に応じて、効率的な作業計画を立て、必要に応じてテスト環境で検証します。
3. 作業実施
Webサイトのデザイン、コーディング、CMS設定など、専門スキルを活かして丁寧に作業を進めます。
4. 最終チェック・報告
動作確認、表示確認など徹底的な最終チェックを行い、作業完了をご報告し納品いたします。
サービス内容
ウェブサイトの保守・更新対応を承ります。安定したサイト運営をサポートし、貴社のWebビジネスを強力に後押しします。Wordpressサイトの更新からHTML/CSSの軽微な修正まで幅広く対応可能です。
サイトは公開後も成長し続けるものです。
しかし、専門知識や時間が足りず、運用がおろそかになってしまうケースは少なくありません。
長年のWeb制作経験で培った「更新のしやすさ」と「設計を意識したデザイン」の知見を活かし、貴社のWebサイトを安定的にサポートいたします。
日々の更新作業から突発的なトラブル対応まで、効率的かつ高品質な保守・更新代行で、貴社の大切なサイト資産を守り、ビジネスの成長を後押しします。
ぜひ、お気軽にご相談ください。
HTML/CSS/JavascriptのWebサイトをコーディングします
業務内容
ご覧いただきありがとうございます。あおきと申します。
都内のWeb制作会社でフロントエンドデベロッパー/ディレクターとして7年間勤務しておりました。2024年4月より独立し、アニメーション表現を軸にWebサイト制作をしています。
こちらは、お客様にいただいたデザインデータをもとにWebサイトの静的コーディングを代行するパッケージです。
まずは、デザインデータ(figma、xd、psd、ai)をお送りください。
お見積りさせていただきます。
こんなときもご相談ください!
- スマホデザインが完成していない…
- TOPのデザインはあるけど下層ページが完成していない…
- デザインはあるけどアニメーション演出の方向性が定まらない…
→デザインルールを踏襲して実装させていただきます。まずはご相談ください。
オプションで以下も対応可能です
- WordPress構築
- サイト全体のアニメーション演出
- canvasでの2Dアニメーション作成
ご依頼・制作の流れ
- 「まずは相談する(無料)」よりお問い合わせください。
- デザインのご共有:ご相談時はデザインが未完成でも問題ございません。
- デザイン確定:コーディングを開始します。
- ご確認・修正:必要に応じて対応いたします。
- ご納品:zipでの納品・サーバーへのアップなど対応いたします。
【半年限定¥10,000】HP・LPコーディング代行します
業務内容
★★ 半年限定キャンペーン(〜2026年11月16日 / 先着10名様) ★★
通常 ¥30,000 → ¥10,000 でHP・LPコーディング代行致します。
▼こんな方へオススメ
・デザインは完成済みだが、コーディングを外注したい制作会社・デザイナー様
・LP・1ページHP のコーディングだけ依頼したい個人事業主様
・既存サイトの一部ページ追加・修正をしたい方
・WordPress化を含めて格安で依頼したい方
▼ご提供内容
・Figma / XD / PSD / Sketch / 画像 デザインからのコーディング
・レスポンシブ対応(PC / タブレット / スマホ)
・モダンブラウザ対応(Chrome / Edge / Safari / Firefox)
・共通パーツの部品化、保守しやすい命名規則
・WordPress テーマ化(プレミアムプランのみ)
・お問い合わせフォーム実装(オプション)
・Cloudflare Pages 等への高速配信デプロイ
▼制作の進め方
- デザインデータ受領(Figma 推奨)
- 構成・コーディングルール確認
- コーディング・実装
- ステージング環境で確認・修正
- 納品(ZIP / Git / FTP / Cloudflare デプロイ)
▼料金プラン
・ライト:1ページコーディング ¥10,000(キャンペーン価格)
・スタンダード:5ページコーディング ¥30,000
・プレミアム:WordPress化込み ¥45,000
▼有料オプション(別途お見積もり)
・追加ページ:1ページ 3,000円〜
・お問い合わせフォーム実装:5,000円
・SEO上位対策(構造化データ):8,000円
・アニメーション・JS実装:5,000円〜
▼使用技術
HTML5 / CSS3 / JavaScript(TypeScript)/ Tailwind CSS / Sass / WordPress / Cloudflare Pages
▼ポートフォリオ
・ぢどり屋: https://jidoriya.b1ue.jp
・Playwright: https://playwright.b1ue.jp
・ravonote: https://ravonote.com
▼納期
ライト:10日 / スタンダード:21日 / プレミアム:30日(要相談)
▼販売実績ゼロ脱却のための限定価格です。
通常時は ¥30,000 相当の内容を、初期実績作りのため期間限定で大幅値下げしております。
ご質問だけでもお気軽にどうぞ。お見積もり無料です。
デザインデータからレスポンシブHTML/CSSコーディングします
業務内容
【業務内容】
ご用意いただいたデザインをもとに、きれいに動くHTML/CSSへコーディングします。PSD・Figmaのデザインデータのほか、参考URLからの制作も対応可能です。
レスポンシブ対応はもちろん、表示速度や保守性を意識したコーディングを心がけています。JavaScriptによるアニメーションやインタラクションの実装も対応可能です。また、納品後にWordPressへの組み込みをご希望の場合もそのままご依頼いただけます。納品後の微修正にも柔軟に対応しますのでお気軽にご相談ください。
【主な実績】
・大手通信会社のWebサイト制作・運用
・楽天市場 インテリアカテゴリ上位ECサイトの構築・運用
【対応デザインデータ】
Photoshop(PSD)/ Figma / 参考URL
【納品物】
HTMLファイル一式(zip形式)・テストサーバー確認済み
【オプション対応】
・JavaScriptアニメーション・インタラクション実装
・WordPressへの組み込み・テーマ化
【制作の流れ】
デザイン確認 → コーディング → テストサーバーアップロード → ご確認・修正 → 納品
【自動車業界向け】Figmaから高品質なHTMLコーディングを行います
業務内容
Figmaのデザインを、ピクセルパーフェクトで美しいWebアプリへ実装します
このようなお悩みはありませんか?
「Figmaでデザインは作ったがコーディングできるリソースがない」「動きのあるモダンなフロントエンドを実装してほしい」「レスポンシブ対応まで手が回らない」といったコーディング・フロント実装における課題をスピード解決します。
発注の流れ
-
ランサーズでのお問い合わせ
FigmaのURLや仕様、ご要望をお知らせください。ランサーズのメッセージ機能にて詳細をお伺いします。 -
お見積もりとプラン選定
デザインを確認後、最適なプランと正確な納期・お見積もりをランサーズ上でご提案します。 -
ご契約・仮払い
提案内容にご納得いただけましたら、ランサーズのシステムを通じてご契約・仮払いをお願いします。
対応範囲・価格
LPコーディング(1ページ):10,000円〜
Figmaデザインから1ページのコーディングを行います。スマホ対応や簡易なJSの動きも含みます。
複数ページ・CSSフレームワーク:25,000円〜
Tailwind CSS等を使用し、下層ページを含む複数ページのコーディングを行います。
Webアプリ実装(JSフレームワーク):40,000円〜
ReactやTypeScript等のフレームワークを使用し、Webアプリのフロントエンドを構築します。
納期
ご契約完了から7日〜14日
制作の流れ
-
コーディング・開発開始
仮払い確認後、Figmaデザインを元にHTML/CSS、またはReact等の指定フレームワークで実装を開始します。 -
動作確認・テスト
各種ブラウザおよびスマートフォンでの表示・動作テストを行い、崩れや不具合がないか細部まで確認します。 -
納品と完了報告
ソースコードを納品し、問題がなければランサーズ上でのお取引完了手続きを行っていただきます。
サービス内容
Figmaで作成されたデザインファイルを基に、忠実でクリーンなコーディングを行います。通常のHTML/CSSコーディングから、Tailwind CSSを用いたモダンな開発、さらにはReactやTypeScriptを活用した高機能なWebアプリ実装まで幅広く対応可能です。自動車業界など信頼性が求められる業界のWebサイトにおいて、表示速度やレスポンシブ対応に配慮した高品質なコードを提供します。ご連絡はランサーズのメッセージ機能およびビデオ通話機能で丁寧に対応いたします。
Figmaのデザインはあるけれど、コーディングができる人がいなくて困っていませんか?自動車業界をはじめ、信頼性が求められるWebサイトやLPのFigmaデザインを、忠実にHTML/CSSへ落とし込みます。学生エンジニアですが、実務でのフロントエンド・バックエンド経験、個人アプリの開発実績があり、高品質かつ迅速に対応いたします。SEOやレスポンシブ対応(スマホ表示)も徹底し、モダンで軽量なコードを執筆します。まずはデザインファイルを拝見し、最適なプランをご提案させていただきます。進行や打ち合わせは、規約に基づきランサーズ上のメッセージやビデオ通話機能にて丁寧に行いますので、初めての方もご安心ください。お気軽にお見積り・ご相談のご連絡をお待ちしております!
【最短即日・制作会社/デザイナー様歓迎】デザイン通りに高品質コーディングします
業務内容
実際に動くデモで品質をご確認いただけます(ポートフォリオ参照)
【業務内容】
-
Figma/XD/PSD/画像 → HTML/CSS でデザイン忠実にコーディング。
-
保守性の高いコード。レスポンシブ標準。
-
軽微なアニメーション・フォーム設置も対応。
-
Next.js / React(TypeScript/Tailwind)にも対応。
LP・WordPressレスポンシブ対応のWebコーディングます
業務内容
コーディングだけお願いしたい!お任せください!LP 、WordPressコーディング構築します
デザインデータをもとに、HTML / CSS(SCSS)によるコーディングを代行いたします。
Figma・Adobe XD・Photoshopなどのデザインを忠実に再現し、レスポンシブ対応のWebサイトを制作します。
デザイナー様や制作会社様のコーディング外注先としてもご利用いただけます。
丁寧なマークアップと見やすいコード設計で、更新しやすいサイト構築を心がけています。
【こんな方へおすすめ】
・コーディングだけ外注したいデザイナーの方
・デザインはあるけれど、コーディングにかける時間が足りない
・品質のばらつきがなく、信頼できるコーダーがなかなか見つからない
・コーディング作業に手間取って、デザインに集中できない
【基本サービス内容】
・デザインデータからのHTML / CSS(SCSS)コーディング
・レスポンシブ対応(スマホ / タブレット)
・3ページまで対応
・SEO内部対策を意識したマークアップ
・基本的なアニメーション対応(hover / フェードなど)
さらに、ページ追加・WordPress化・お問い合わせフォーム実装など、柔軟なオプションにも対応しております。ご要望に応じてカスタマイズ可能です。
【納期】
ご依頼内容によって変動いたしますが、
基本的には契約後に情報をご提供いただき、約1ヶ月後に納品いたします。
【納品までの流れ】
①「見積り・カスタマイズ相談」よりお問い合わせ
②ご要望をヒアリング
③お見積り / ご購入
④デザインデータ・素材をご提供いただきます
⑤コーディング開始
⑥確認 / 修正
⑦納品
【制作会社様・デザイナー様向け】静的コーディング・WP化を格安で承ります
業務内容
本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。
内容から判断がつかない場合は
お気軽にお問い合わせくださいませ!
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築(BEMを使ったCSS設計)
・静的サイトのWordPress化、WordPressオリジナルテーマ開発
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
1.ヒアリング
└ 正式なご依頼前にまずご相談くださいませ!
2.ご契約 & 仮払い
3.制作開始
4.確認 & 修正
└ ご検収いただくまで誠心誠意ご対応させていただきます。
5.納品
小規模Webサイトの更新や簡易HTMLコーディング、コードのチェックを行います
業務内容
あなたのホームページのカスタマイズを丁寧に行います
〇 このようなお悩みはありませんか?
・Webサイトのちょっとしたテキストや表を修正したいが、HTMLのコードが分からず困っている
・新年度の案内やお知らせページを追加したいが、授業や塾の運営に追われて時間がない
・確かな作業と一日ごとの進捗報告で進めてほしい
〇発注の流れ
ランサーズ内でのご相談
ランサーズのメッセージ機能にて、修正したいWebサイトのURLや具体的なご要望をお気軽にお送りください。成果物や作業環境、想定される業務量などもお話できればと思います。
お見積もりと仮払い
ご相談内容をもとに作業範囲とお見積りをご提示します。ご納得いただけましたら、ランサーズ上で仮払いのお手続きをお願いします。
修正・制作作業の開始
仮払いの確認後、修正用のファイルや原稿データをいただき、速やかに作業を開始いたします。
〇対応範囲・価格
簡易テキスト・リンク修正プラン:10,000円
ホームページの文字修正、リンクの差し替えなど、3箇所程度の軽微なHTML/CSS修正を丁寧に行います。
1ページ簡易コーディング・修正プラン:15,000円
テキストや画像の変更に加え、新着情報やお知らせなどの簡易なコーディングを1ページ分行います。
複数ページ更新&データ整理プラン:20,000円
最大3ページの簡易修正に加え、お客様に伝えたいデータやリストのHTML化、整理をまとめてサポートします。
〇 納期
開始から最短7日
制作の流れ
素材の受領と確認
更新対象のHTML/CSSファイルや、差し替えるテキスト・画像素材をメッセージでご提供いただきます。
コーディング・修正作業
伝えたい内容に沿って、コードの構造を修正・追加します。
ご確認と最終納品
修正済みのテストデータをご確認いただき、問題がなければ本番反映またはファイル納品にて作業完了となります。
〇サービス内容
HTML/CSSのスキルを活かしてWebサイト更新を代行します。確実な報連相、正確性で心がけます。パソコン作業が苦手な個人事業主様に特におすすめのサポートです
初めまして!現在、HTML/CSSのコーディング学習を1年間重ねており、学習経験を活かしてWebサイトのテキスト変更や簡易的な修正作業を代行いたします。「サービス案内や表のを少しだけ書き換えたい」「お知らせページを増やしたいけれど、HTMLコードが分からなくて困っている」といった、忙しい個人事業主様や経営者様のお悩みに寄り添います。確実な「報連相」と作業管理で、安心してお任せいただける進行を心がけます。ちょっとした1箇所のテキスト修正からリンクの張り替えまで、まずはランサーズのメッセージ機能にてお気軽にご相談ください。皆様の事業運営をWeb更新でサポートいたします!
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。
その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。
【Web集客力UP】HTML/CSS/JSで魅力的なサイトを制作します
業務内容
貴社のWeb戦略を加速!実績あるエンジニアが理想のサイトを構築します
このようなお悩みはありませんか?
「Webサイトの更新が進まない」「新しい機能を追加したいがどこに頼めば良いか分からない」「集客に繋がる効果的なWebページが欲しい」といったお悩みはありませんか?ビジネスのオンラインプレゼンスを強化し、顧客との接点を増やしたい企業様、個人事業主様をサポートします。
発注の流れ
-
ご相談・ヒアリング
まずは「メッセージ」にて、実現したいこと、現在の状況、ご予算、希望納期などをお聞かせください。詳細を伺い、最適なご提案をさせていただきます。 -
ご提案・お見積り
ヒアリング内容に基づき、具体的な作業範囲、費用、スケジュールをご提示します。疑問点があれば、お気軽にご質問ください。 -
仮払い・制作開始
ご提案内容にご納得いただけましたら、仮払いをお願いいたします。仮払い確認後、すぐに制作を開始いたします。ランサーズの「ワークスペース」を活用し、密に連絡を取りながら進めます。 -
進捗共有・確認
開発途中段階で、定期的に進捗をご報告いたします。テスト環境やスクリーンショットなどでご確認いただき、フィードバックをお願いいたします。 -
修正・最終調整
フィードバックに基づき、必要な修正を行い、最終調整を実施します。納得いただけるまで丁寧に対応いたします。 -
納品・完了
最終確認が完了しましたら、成果物を納品いたします。納品後も、簡単な操作説明やサポートが必要であれば対応いたします。
対応範囲・価格
LP・Webサイト新規コーディング:50,000円〜
デザインデータ(XD, Figma, Photoshop等)を元に、HTML/CSS/JavaScriptでレスポンシブ対応のWebサイトをゼロから構築します。
既存Webサイト修正・機能追加:30,000円〜
既存のWebサイトのレイアウト調整、機能追加、軽微な修正、レスポンシブ対応などを行います。
お問い合わせフォーム/DB連携機能開発:70,000円〜
PHPでのメール送信機能付きお問い合わせフォームや、MySQLを用いたデータ保存・表示機能などを実装します。
納期
14日〜60日程度(依頼内容により変動)
制作の流れ
企画・要件定義
クライアント様のニーズを深く理解し、プロジェクトの目的と必要な機能を明確にします。
設計・開発
要件定義に基づき、技術選定からデータベース設計、フロントエンド・バックエンドの実装まで行います。
テスト・デバッグ
実装された機能が正常に動作するか、様々な条件下で厳密にテストし、不具合を修正します。
検証・調整
クライアント様に最終確認いただき、細かな調整や改善を加えて完成度を高めます。
納品
最終成果物を安全にお渡しし、必要に応じて導入サポートも行います。
サービス内容
HTML/CSS/JavaScriptを用いたWebサイトの新規制作・既存サイトの修正や、PHP/Javaを活用したWebアプリケーションの機能追加・改修、MySQLでのデータ操作まで、幅広いWeb開発ニーズに対応いたします。デザインデータからの正確なコーディング、レスポンシブ対応、保守性・拡張性を考慮した実装を得意としています。
「Webサイトの更新が滞っている」「新しいサービスを立ち上げたいけど、どう見せればいいかわからない」「ユーザーに響くデザインと機能が欲しい」といったお悩みはありませんか?現代のビジネスにおいて、Webサイトは顧客との重要な接点です。しかし、ただ作るだけでは成果には繋がりません。私はHTML、CSS、JavaScript、PHP、Javaなどを活用し、お客様のビジネス課題を解決するWebサイトやシステム機能をご提供します。真っ白な状態からの新規構築はもちろん、既存サイトの改善や機能追加、レスポンシブ対応まで、幅広く対応可能です。特に、ユーザー体験を考慮したコーディングと、ビジネス目標達成に繋がる機能実装に強みがあります。まずはお気軽にご相談ください。あなたのビジネスを加速させるWebサイトを共に作り上げましょう。
【高品質】Figma/XDデザインを忠実に再現するWebサイトを高速実装いたします
業務内容
Figma/XDデザインを忠実に、AIで高速・高品質に実現!
このようなお悩みはありませんか?
「デザイン通りのサイトにならない」「コーディングに時間がかかる」「保守しやすいコードか不安」「Webサイトを早く立ち上げたい」といったお悩みはありませんか?usagi-webworksが、FigmaやXDデザインカンプの忠実な再現性と、AI活用によるスピーディーな納品で、お客様のWebサイト制作の課題を解決します。
発注の流れ
お問い合わせ・ヒアリング
まずはメッセージにて、ご希望のデザイン、ページ数、機能、納期、ご予算などをお気軽にご相談ください。
要件定義・お見積り
ヒアリング内容に基づき、具体的な要件を定義し、最適なプランとお見積りをご提案いたします。
ご契約・仮払い
プランと価格にご納得いただけましたら、Lancersのシステムを通じてご契約・仮払いをお願いします。
制作開始
ご契約後、デザインカンプや必要な素材をご提供いただき、制作を開始します。
最終確認・納品
完成後、お客様にご確認いただき、問題なければ納品いたします。
対応範囲・価格
LPコーディング:15,000円〜
Figma/XDからのシングルページLPコーディングを行います。
レスポンシブ対応サイトコーディング:50,000円〜
PC・スマホ対応の複数ページサイトコーディングを行います。
WordPressサイト構築:100,000円〜
SWELLテーマ導入・ブログ機能を含むWordPressサイトを構築します。
納期
制作内容により2日〜20日
制作の流れ
デザイン分析・構造設計
ご提供いただいたデザインカンプを分析し、最適なHTML/CSS構造を設計します。
コーディング実施
AIツール(Cursor)も活用し、高品質かつ保守性の高いコードで実装を進めます。
機能実装・テスト
必要に応じてJavaScriptやWordPress(SWELLテーマ)を導入し、複数環境での動作テストを行います。
レビュー・修正
お客様によるご確認後、フィードバックに基づき迅速に修正対応いたします。
最終調整・納品準備
最終的な調整を行い、納品準備を整えます。
サービス内容
FigmaやAdobe XDで作成されたデザインカンプを、ピクセル単位で忠実に再現するHTML/CSSコーディングを提供します。AIコーディングツールを活用することで、高い品質を維持しながらスピーディーな納品を実現し、お客様のWebサイト制作リソースを効率化します。WordPressサイト構築(SWELLテーマ対応)やLP制作、レスポンシブ対応など、幅広いニーズに対応可能です。
HTML/CSSの急ぎのコーディング業務お受けいたします
業務内容
◆こんな方にオススメ!
・デザイナー・マーケター
デザインは得意だが、HTMLやCSS、JavaScriptでのコーディングを外注したい人。
LPやキャンペーンページを素早く制作したい人。
・Web制作会社
短納期の案件を抱えており、外部のコーディングサポートが必要な会社。
◆対応内容
HTML/CSS/JavaScriptコーディング
Adobe XD、Figma、Photoshopなどで作成されたデザインデータからコーディング。
レスポンシブ対応
スマートフォン・タブレット・PCの各デバイスで美しく表示されるよう調整します。
SEO・パフォーマンス対策
検索エンジンに最適化されたコードと、高速表示を実現する軽量な設計を心がけています。
LP制作やECサイト構築
セールスに強いページのコーディングもお任せください。
【開発4年】既存サイトのバグ修正や機能追加、HTMLコーディングを承ります
業務内容
4年の開発実績を持つエンジニアが、あなたのWebサイトの不具合や崩れをスピーディに解消します!
このようなお悩みはありませんか?
・Webサイトのデザインが崩れてしまい、直し方がわからない
・JavaScriptがエラーを起こして動かなくなってしまった
・新しくお問い合わせフォームや簡易的な機能を導入したい
・既存ページの修正やスマートフォン対応(レスポンシブ化)を急ぎで行いたい
発注の流れ
-
ランサーズのメッセージでご相談
まずはランサーズのメッセージにて、お困りの内容と対象サイトのURL、ご希望の納期をお気軽にお知らせください。 -
調査とお見積もりのご提示
状況を詳しく確認させていただき、具体的なお見積もり金額とスケジュール、対応プランをご提案します。 -
仮払いと作業スタート
提案内容にご合意いただけましたら、ランサーズ上で仮払い手続きをお願いいたします。仮払い完了後に作業を開始します。
対応範囲・価格
ベーシックプラン(軽微なバグ・デザイン修正):10,000円〜
CSSの崩れ修正や、軽微なテキスト・画像の差し替えなど、ピンポイントで解決したい部分的な調整を行います。
スタンダードプラン(機能追加・パーツ実装):30,000円〜
JavaScriptの動作不具合の改善、お問い合わせフォームの実装、動的なデザインパーツの追加などに対応します。
プレミアムプラン(システム改修・複数ページコーディング):50,000円〜
Node.jsやPython等を用いたシステム改修、データベース連携、複数ページの新規HTMLコーディングなどを一括対応します。
納期
ご契約後、3日〜14日(プランにより異なります)
制作の流れ
検証と修正対応
サーバーへの接続情報やソースコード(GitHub等)を共有いただき、原因特定と修正作業を行います。
動作確認・検証
テスト環境などで修正結果をお客様にご確認いただき、ご納得いただいた上で本番環境へ適用いたします。
納品・クローズ
本番環境での正常動作を確認後、納品手続きを行い、ランサーズ上でのお取引を完了といたします。
サービス内容
実務経験4年のWebエンジニアが、お客様のWebサイトで発生しているバグの修正、HTML/CSSの調整、JavaScriptのエラー解決、新機能の導入などを丁寧に行うサービスです。フロントエンドの表示崩れ対策から、Node.jsやPython、MySQLを用いたサーバーサイドの改修まで、幅広いスキルで柔軟にお応えします。親身な対応を第一に、大切なサイトの価値を損なわないよう正確に仕上げます。
「サイトの表示が崩れていて今すぐ直したい」「動かなくなって困っている」「ここにボタンやフォームを追加したい」とお悩みではありませんか?ウェブ業界で4年の開発経験を持つエンジニアが、HTML/CSSの小さな修正から、JavaScriptのエラー、データベースが絡む複雑なプログラムの改修まで幅広くスピーディに対応いたします。丁寧なカウンセリングを通じて、不具合の根本原因を見極め、今後の運用も考慮した綺麗なコードで対応します。少しでも気になることやお困りごとがあれば、いつでもお気軽にランサーズのメッセージ機能よりご相談ください!
【サロン・ジム向け】動くデモで確認できる集客ランディングページを作ります
業務内容
「言葉より、動くデモで納得」イメージのズレをゼロにするサロン向けLP制作
このようなお悩みはありませんか?
「ホームページやLPを作りたいけれど、仕上がりのイメージが湧かなくて不安」「希望のデザインが正しく伝わるか心配」「おしゃれなだけでなく、スマホでもしっかり動き、集客につながるLPがほしい」という課題を解決します。
発注の流れ
-
メッセージ機能でのヒアリング
お客様のサロンの特徴やターゲット、ご希望のイメージをランサーズのメッセージ機能でお伺いします。 -
動くデモ・サンプルのご提示
ヒアリングをもとに、実際の動きや大まかなデザイン構成がわかる「動くデモ」を作成し、事前にご確認いただきます。 -
正式なお見積りとプランのご購入
デモにご納得いただけましたら、最適なプランをご提案し、ランサーズ上で仮払い手続きを行っていただきます。
対応範囲・価格
【お試し】デザイン構成・動くデモ提案:15,000円
ご相談いただいた内容をもとに、実際の動きや大まかなレイアウトがわかる簡易的なデモを制作して事前にご確認いただきます。
【標準】シンプルLPデザイン&コーディング:30,000円
スマホ対応済みのシンプルな1ページLPを制作します。短納期・低コストで早急に公開したい方におすすめです。
【高品質】動きのある集客特化フルLP制作:50,000円
デザイン、動きの演出、スマホ対応、すべてを含む成約率を高めるフルパッケージのLPです。集客力を最大化します。
納期
初回提案まで3日、全体の納品まで14〜21日
制作の流れ
デザイン詳細作成とご確認
デモをもとに、全体の配色やレイアウトを細部まで作り込み、画像および仮リンクの形でご確認いただきます。
コーディングと動きの実装
デザイン確定後、HTML/CSS/JavaScriptを用いて、スマホ対応やスクロール演出をスピーディーに実装します。
最終確認と納品
動作テストを行い、問題がなければファイルを納品、またはお客様のサーバーへのアップロード作業を行います。
サービス内容
映像・グラフィック制作の経験を活かし、視覚的に美しく、直感的に伝わるランディングページ(LP)を制作します。最大の特徴は、制作の早い段階で『動くデモ』をお見せすること。これにより『思っていたデザインと違った』というズレをなくし、安心して進行いただけます。HTML/CSSコーディング、スマホ対応(レスポンシブ)、スクロールアニメーションなどの実装まで一貫して対応可能です。
購入前の不安を『動くデモ』で解消します!美容室やサロン、パーソナルジムなど、Webでの集客にお悩みではありませんか?言葉や静止画のカンプだけでは、実際の仕上がりや動きのイメージが湧きにくいものです。私は、ご相談の段階で実際の動きが確認できるサンプルやデモをご提示し、イメージのズレを防ぎます。映像・グラフィック制作の経験を活かした高いデザイン力と、最新AIを活用したスピーディーな開発で、見た目が美しく、スマホでも快適に動くLPを制作します。丁寧なヒアリングとレスポンスの早さでお取引の不安を解消し、伴走いたします。まずはお気軽にメッセージ機能からご相談ください。
【迅速対応】Webサイトのバグ修正や表示崩れの改修、機能追加を承ります
業務内容
現役Webエンジニアが、サイトの『困った』をスピーディーに解決します
このようなお悩みはありませんか?
「サイトの表示が崩れてしまった」「WordPressのプラグインを入れたら動かなくなった」「お問い合わせフォームに新機能を追加したいけれど、どこを触ればいいか分からない」といった、Webサイトの保守・改修に関する突発的なトラブルや機能追加のご要望に、専門知識を持った現役エンジニアが迅速に対応します。安心してお任せください。
発注の流れ
-
お見積りとヒアリング
ランサーズのメッセージ機能にて、現在の状況や修正したい箇所、ご希望の納期などをお伺いします。対象のWebサイトURLや、修正指示書(テキストや画像)を事前にご共有いただけますとスムーズです。 -
正式なご契約と仮払い
ヒアリング内容に基づき、対応範囲、お見積り、スケジュールをご提案します。内容に合意いただきましたら、ランサーズ上でのお支払い(仮払い)手続きをお願いいたします。 -
修正作業の実施と納品
仮払いが確認できましたら、サーバー情報(FTP情報やWordPress管理画面のログイン情報等)をご共有いただき、実装作業を開始します。作業完了後、修正内容をご確認いただき問題なければ納品となります。
対応範囲・価格
軽微なバグ修正・テキスト画像変更:10,000円〜
テキスト修正、画像差し替え、軽微なレイアウト崩れの修正など、簡単な1箇所の改修を行います。
複数箇所のレイアウト修正・機能追加:30,000円〜
複数箇所の表示崩れ修正、お問い合わせフォームの項目追加、簡単なスクリプト実装などを対応します。
高度な機能追加・ページ全体の改修:50,000円〜
API連携、動的なJavaScriptの実装、デザイン変更を伴うページ全体の改修などに対応します。
納期
ご契約後、最短3日〜14日以内に対応いたします。
制作の流れ
現状のソースコード分析
ご提示いただいた修正箇所の現状分析と、ソースコードの確認をランサーズのやり取りにて行います。
修正コーディング
影響範囲を極力抑えつつ、丁寧かつ迅速に修正・機能追加のコード変更を実施いたします。
表示テストと動作検証
複数ブラウザ(PC・スマートフォン)でのテストを行い、挙動や表示が正しいことを確認します。
サービス内容
現役のWebエンジニアが、お客様のWebサイトにおける表示崩れ、システムエラー、新規機能追加などのご要望に幅広くお応えします。HTML/CSSの単純な修正から、JavaScriptを用いた動的機能の実装、API連携、サーバー環境への配慮まで丁寧に対応いたします。ちょっとした相談でもお気軽にお問い合わせください。
Webサイトのバグや表示崩れを放置していませんか?「ちょっとした修正を頼める人がいない」「フォームの調子が悪い」など、放置するとユーザーの離脱につながり、売上の機会損失を引き起こします。本パッケージでは、現役のWebエンジニアがお客様の抱えるお悩みを迅速に解決します。1箇所の文字修正から、動的な仕組みの実装まで柔軟に対応。まずはお気軽に現在の課題をお聞かせください。ランサーズのメッセージ機能にて丁寧にヒアリングいたします。
【Figma再現】丁寧なHTML/CSSコーディングでLPやサイトを実装します
業務内容
Figma・XDのデザインをもとに、丁寧なレスポンシブコーディングを行います!
このようなお悩みはありませんか?
デザイン通りにコーディングしてほしい
スマートフォンでも見やすいサイトにしたい
丁寧に対応してくれるコーダーに依頼したい
そんなご要望にお応えできるよう、一つひとつの制作を丁寧に進めます。
【サービス内容】
FigmaやXDなどのデザインデータをもとに、HTML/CSSを中心としたコーディングを行います。
・レスポンシブ対応
・HTML/CSSコーディング
・JavaScriptを使用した簡単な動きの実装
・見やすく保守しやすいコードを意識した実装
【料金】
ベーシック 10,000円~
1ページ程度のコーディングに対応します。
スタンダード 20,000円~
3ページ程度のコーディングに対応します。
プレミアム 30,000円~
5ページ程度のコーディングに対応します。
※ページ数や仕様に応じてお見積りいたします。
【納期】
7日~21日程度
【ご依頼の流れ】
・メッセージにてご相談
・デザインデータ・仕様の確認
・お見積り
・制作開始
・ご確認・修正
・納品
【対応可能なデータ】
・Figma
・Adobe XD
【最後に】
現在も日々Web制作の学習を続けながら、デザインの再現性や細かな余白まで意識したコーディングを心がけています。
ご依頼いただいた際は、こまめなご連絡と丁寧な対応を大切にし、最後まで責任を持って制作いたします。
まずはお気軽にご相談ください。
【課題解決】Webサイト制作からシステム開発まで一貫して承ります
業務内容
あなたのビジネスの課題を解決する最適なITソリューションをご提案します!
このようなお悩みはありませんか?
システム開発、Webサイト制作、データ分析、セキュリティ対策
発注の流れ
お問い合わせ・ヒアリング
お客様の課題やご要望を詳しくお伺いします。オンラインまたは対面で、お気軽にご相談ください。
企画・提案
ヒアリング内容に基づいて、最適なソリューションをご提案します。見積もりも同時にご提示いたします。
ご契約
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始します。
制作
進捗状況を随時ご報告しながら、丁寧に制作を進めていきます。お客様のご要望に合わせて柔軟に対応いたします。
納品・アフターサポート
完成した成果物をご確認いただき、納品となります。納品後も、運用・保守に関するサポートを承ります。
対応範囲・価格
Webサイト制作:5万円〜
Webサイトの新規構築、リニューアル、保守など、お客様のニーズに合わせた最適なプランをご提案します。
システム開発:10万円〜
業務効率化、データ分析、顧客管理など、お客様の課題を解決するシステム開発を承ります。
セキュリティ対策:15万円〜
セキュリティ脆弱性診断、対策、運用など、お客様の情報を守るためのセキュリティ対策をご提案します。
データ分析:10万円〜
アクセス解析、データ分析、レポート作成など、お客様のWebサイトの課題を明確にし、改善策をご提案します。
納期
案件により異なります。お気軽にご相談ください。
制作の流れ
企画・設計
お客様からいただいた情報をもとに、Webサイトの目的やターゲット層、デザインの方向性などを具体的に決定します。
デザイン
Webサイトのデザイン案を作成します。お客様にご確認いただき、修正を重ねながら、イメージに合ったデザインに仕上げていきます。
コーディング
デザイン案に基づいて、HTML、CSS、JavaScriptなどのプログラミングを行います。SEO対策やレスポンシブ対応も行います。
テスト
完成したWebサイトをテスト環境で公開し、動作確認を行います。お客様にもご確認いただき、問題点があれば修正します。
公開・運用
本番環境にWebサイトを公開します。公開後も、アクセス状況を分析し、改善を重ねていきます。
サービス内容
Webサイト制作、システム開発、データ分析、セキュリティ対策など、お客様のビジネスをサポートするITソリューションを提供します。
WebプログラミングとHTMLコーディングの経験を活かし、お客様のビジネスを成功に導くWebソリューションを提供します。Webサイトの制作からシステム開発、データ分析まで、幅広いニーズに対応可能です。まずはお気軽にご相談ください。お客様の課題を丁寧にヒアリングし、最適な解決策をご提案いたします。
格安で、丁寧にHTML/CSSコーディング代行を対応致します
業務内容
レスポンシブ対応で見やすく、保守しやすいWebページを制作いたします
HTML / CSS コーディング代行
・Figma / XD / Illustrator / PDF 等のデザインデータから忠実にコーディング
・スマホ対応(レスポンシブ)対応可
・保守性・可読性の高いクリーンなコードを意識しています
LP(ランディングページ)の作成
・1ページ完結のPRページ、イベントページ等
・既存テンプレートのカスタマイズ対応も可能です
デザインがない場合もOK
・簡単な構成案からの制作もご相談いただけます
・フリー素材・テンプレートを活用したコスト重視対応も可能です
軽度のJavaScript実装(ご要望に応じて)
以下のような簡単な動きに対応可能です:
・スライダー(Swiperなどの導入)
・ハンバーガーメニュー
・FAQの開閉
・モーダル表示(画像拡大など)
・スクロールアニメーション(AOS等ライブラリ)
・日付自動挿入 など
※本業の合間に対応しているため、通常は平日夜・週末の稼働となりますが、
週末の案件につきましては可能な限り納期より前倒しで納品できるよう努めております。
丁寧なヒアリングを心がけ、ご希望に沿った成果物を納品いたします。お気軽にご相談ください。
【フリーランス向け】シンプルで便利なWebツール・LPを無料公開までサポートします
業務内容
【シンプルなLP・Webツールをリーズナブルに制作します】
フリーランス・副業者・個人事業主の方向けに、HTML/CSS/JavaScriptを使ったWebページ・Webツールの制作を承っております。
■ こんな方におすすめ
・自分のサービスを紹介する1ページのサイトが欲しい
・問い合わせフォームや計算ツールなど、簡単な機能が欲しい
・WordPressは大げさ、でもちゃんとしたページが必要
・費用を抑えてまず公開したい
■ 制作実績
請求書・見積書・領収書・納品書・発注書・給与明細の6種類のWebツールを自社で制作・GitHub Pagesで公開済みです。実際に動作するものをご確認いただけます。
■ 制作の流れ
①ご注文後、ヒアリングシートをお送りします
②内容確認・ご要望のすり合わせ
③制作開始(進捗はご報告します)
④納品・修正対応(1〜2回まで無料)
⑤完了・公開
■ 含まれるもの
・HTML/CSS/JavaScriptによるコーディング
・GitHub Pagesでの公開(無料ホスティング)
・スマートフォン対応(レスポンシブ対応)
・納品後1週間以内の軽微な修正(1〜2回)
■ 含まれないもの
・ドメイン取得費用(独自ドメインが必要な場合は別途)
・サーバー費用(GitHub Pages利用の場合は無料)
・イラスト・写真素材の制作(支給いただくか、フリー素材を使用)
・大幅な仕様変更(別途お見積り)
■ ご注文前にご確認ください
・どんなページにしたいか、参考サイトがあるとスムーズです
・テキスト・ロゴ・画像は基本的にご支給ください
・ご不明な点はお気軽にご相談ください。丁寧に対応します
【個人店向け】スマホで見やすい丁寧なホームページを制作します
業務内容
スマホ対応もおまかせ。店舗の魅力を実直に伝える、丁寧で分かりやすいホームページを作ります
このようなお悩みはありませんか?
・スマホで見たときに崩れない綺麗なサイトがほしい
・費用を抑えてオリジナルの店舗HPを作りたい
・メニューや店舗情報を分かりやすく整理したい
・制作会社に依頼すると高額で手が出せない
・掲載情報の更新や修正の相談相手がほしい
発注の流れ
-
ランサーズ内でのヒアリング
ランサーズのメッセージにて、作りたいサイトのイメージや原稿、画像素材の有無などを詳しくヒアリングいたします。 -
サイト構成案のご提示
お客様の要望を反映したサイトの構成案(レイアウト設計)をご提案します。 -
制作開始
構成案に問題がなければ、HTML/CSS/JavaScriptを用いたコーディングを開始します。 -
確認・修正対応
テスト環境で動作を確認いただき、細かい箇所の修正を誠実に行います。 -
納品・完了手続き
最終確認完了後、指定のサーバーやGitHub Pages等へアップロードし、納品完了となります。
対応範囲・価格
部分修正・簡易コーディング:10,000円〜
テキストや画像差し替え、1セクション追加などの軽微な修正を行います。
1ページ構成ランディングページ(LP):30,000円〜
店舗の魅力を1ページに凝縮した、スマホ対応ランディングページを構築します。
5ページ構成ホームページ新規制作:50,000円〜
トップ、メニュー、店舗概要、お知らせなど5ページ構成のホームページを制作します。
納期
14日〜30日(プランによる)
制作の流れ
レイアウト・構成デザイン設計
ヒアリング内容に基づき、各パーツの配置や文字サイズを設計し、スマートフォン表示を考慮したレイアウトを作成します。
丁寧なレスポンシブコーディング
最新のHTML5/CSS3規格に基づき、レスポンシブ対応でどの端末から見ても崩れない丁寧なコードを書き上げます。
アニメーション追加と最終調整
ランサーズのビデオ通話等による進捗確認を行い、軽快なアニメーション(JavaScript)などを実装して仕上げます。
サービス内容
飲食店や美容室、店舗をお持ちの個人オーナー様向けに、丁寧でスマホで見やすいホームページを制作いたします。HTML/CSS/JavaScriptを用いた実直なコーディングで、ブランドの信頼感を高めるお手伝いをいたします。既存サイトの小さな修正から、1ページのLP制作、複数ページの本格新規制作まで幅広く対応可能です。最後まで誠心誠意、サポートいたします。
はじめまして、Web制作のTomoと申します。個人オーナー様向けに、スマートフォンで圧倒的に見やすく実直なホームページを丁寧に制作します。「お店のHPを作りたいけれど高額な見積もりに驚いた」「スマホ表示が崩れていて直したい」といったお悩みはありませんか。私はHTML/CSS/JavaScriptを駆使し、無駄のない綺麗なコードで信頼感のあるサイトを構築します。画像や文章のご用意があれば、すぐに制作へ取り掛かれます。ご契約後のやり取りや打ち合わせは、すべてランサーズのメッセージやビデオ通話機能で対応可能なため安心してご依頼いただけます。まずは小さな修正やご相談から、お気軽にランサーズのメッセージでお問い合わせください。誠意を持って対応いたします。
【アパレル向け】世界観が伝わるWebサイトをデザインからコーディングまで行います
業務内容
ブランドの世界観を美しく表現し、ファンの心を掴むWebサイトを制作します
このようなお悩みはありませんか?
・ブランドの魅力が伝わるホームページがない
・スマートフォンでも綺麗に表示されるサイトを作りたい
・デザインからコーディングまで一貫して信頼できる人に任せたい
発注の流れ
-
お問い合わせ・ヒアリング
ランサーズのメッセージ機能から、制作目的やご希望のデザインイメージをお聞かせください。 -
お見積もりと仮払い
ご要望に応じた制作プランのご提案とお見積もりを確認いただき、ランサーズ上で仮払い手続きをお願いします。 -
制作と最終納品
デザイン、コーディングの順に制作を進め、ご確認いただいた後、完成データをランサーズ上で納品いたします。
対応範囲・価格
ベーシックプラン(デザインのみ):15,000円
トップページのデザインカンプを1案作成いたします。ビジュアル重視の構成に適しています。
スタンダードプラン(1ページ制作):30,000円
1ページ構成のWebサイト(ランディングページなど)のデザインからHTMLコーディングまで一括で行います。
プレミアムプラン(複数ページ制作):60,000円
最大3ページまでのホームページを、デザインからスマホ対応のHTMLコーディングまで含めて制作します。
納期
14日〜30日
制作の流れ
デザインコンセプト設計
ターゲット層やブランドイメージについて、ランサーズのメッセージで詳しくお伺いします。
デザイン作成と確認
決定した方向性を元に、まずは画像としてのデザインカンプを作成し、一度仕上がりを確認していただきます。
コーディングと検証
デザイン合意後、HTML/CSSコーディングを行い、実際のWebサイトとして機能する状態にして納品します。
サービス内容
ファッション・アパレル業界に特化したWebサイト制作サービスです。ブランドのこだわりや世界観を引き立てる美しいWebデザインを提供します。HTML/CSSを用いた丁寧なコーディングをセットで行うため、一気通貫でスムーズに制作が進行します。スマートフォンでの表示に最適化したレスポンス対応も網羅し、あなたのブランド発信をサポートします。
アパレルブランドの魅力をWebで最大限に伝えたいと思いませんか?ブランドの世界観を表現するには、細部までこだわったWebデザインが不可欠です。デザインが好きで、ファッション領域への理解が深い私が、あなたのブランドに寄り添い、魅力を引き出すホームページを制作いたします。丁寧なヒアリングを重ね、デザインからコーディングまで一括で対応することで、統一感のある美しい仕上がりを実現します。まずはランサーズのメッセージよりお気軽にご相談ください。