人気ランキング 期間:6月5日 〜 6月12日
【HTML/CSS/JavaScript/WordPress】コーディング承ります
業務内容
はじめまして。「りこ@Webエンジニア」と申します。
ご覧いただきありがとうございます!
当サービスでは、
FigmaやXDなどのデザインを元に、HTML/CSS/JavaScriptでのコーディングから、
WordPressのオリジナルテーマ制作・WordPress化・カスタマイズまで対応いたします。
PC/スマホ対応のレスポンシブ設計や、JavaScriptによる軽快なアニメーションの実装など、
使いやすく見た目も美しいWebサイトをお作りします。
対応可能な業務
HTML / CSS / JavaScript コーディング
JavaScriptによるUIアニメーション(スライダー・スクロール演出 など)
レスポンシブ対応(スマホ・タブレット)
WordPress オリジナルテーマ制作(1からのWP化)
既存テーマのカスタマイズ(デザイン反映や機能追加)
固定ページや投稿テンプレートの作成
カスタム投稿・カスタムフィールド対応(ACFなど)
※SEO対策(構造化データやメタ設定の最適化など)は対応しておりません。
対応可能なデザイン形式
・Figma
・Adobe XD
・Photoshop
納期の目安
LP(静的)コーディング:7〜10営業日
WPテーマ化:14〜30営業日(内容により変動)
アニメーション実装追加:+1〜3日
WPカスタマイズのみ:5〜7日(内容次第)
ご依頼の流れ
【ヒアリング・相談】ご要望やデザインの共有
【見積もり提示】金額・納期をご案内
【正式発注】ご同意後に着手
【制作・途中確認】進捗を共有しつつ対応
【納品・修正】修正があれば対応
【完了報告】
注意点
サーバー・ドメイン設定代行は別途料金がかかります(ご相談ください)
SEOの内部対策は行っておりません
高度なプラグイン開発や複雑なPHPロジックの開発は要相談です
HTML/CSSコーディング即日対応!!代行いたします
業務内容
HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください!
【デザイナー様、企業のWeb担当者の方へ】
例えば・・・
ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・
お任せください!!
デザインだけに集中できるので、デザインの品質も向上します!
こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。
その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です!
価格(全て税込の対応での掲載になります)
⚫︎修正、更新のご依頼:要相談 3,000円〜
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。
⚫︎ランディングページのコーディング:10,000円~
※長さによって変動いたします。
⚫︎ホームページのコーディング:10,000円~( WordPressも対応`)
上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
購入する際の注意点
*ご依頼していただく場合は上記金額にシステム手数料(5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936
納期
【修正、更新】
最短で即日納品
【LPコーディング】
4日〜
【HPコーディング】
4日〜
*依頼内容によって変動いたしますのでご了承ください。
ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
現場で培ったスキルを活かし、最適なコードをご提供します
業務内容
こんな方へおすすめ
✅ 短期間でWebサイトやアプリを構築したい方
✅ HTML/CSSのコーディングをスムーズに依頼したい方
✅ JavaScriptでインタラクティブな機能を追加したい方
✅ WordPressサイトの構築・カスタマイズを検討している方
✅ 追加ページの作成を依頼し、サイトを拡張したい方
✅ デザインも合わせて簡単な調整をしてほしい方(オプション)
ご提供内容
📌 HTML/CSS コーディング(レスポンシブ対応・LP制作)
📌 JavaScript開発・機能追加(動的要素・API連携)
📌 WordPressサイト構築・カスタマイズ(テーマ調整・設定代行)
📌 追加ページ制作(サービス紹介・問い合わせページなど)
📌 デザイン制作(シンプルなレイアウト調整)
ご希望に合わせて柔軟に対応可能!理想のサイトを形にします。
購入後の流れ
1️⃣ ご依頼内容の確認(仕様書・要件ヒアリング)
2️⃣ 初回実装&レビュー(動作確認・方向性調整)
3️⃣ 修正・調整対応(フィードバックを反映)
4️⃣ 納品&コード提出(ZIPファイル形式)
作業途中でも適宜確認を行い、ご希望に沿った仕上がりを目指します!
製作可能なジャンル
💻 コーポレートサイト(企業向けWebサイト)
📱 ランディングページ(キャンペーン・イベント向け)
🎨 その他カスタム機能の開発(オリジナル仕様に対応)
納期
⌛ HTML/CSS コーディング:3~5日
📂 JavaScript機能追加:5~7日
📌 WordPressサイト構築:7~10日
🌍 追加ページ制作:2~4日(1ページあたり)
🎨 デザイン制作(オプション):3~5日
納期の調整も可能ですので、お急ぎの方はご相談ください!
【高品質で迅速に!】ホームページのコーディング承ります
業務内容
ページをご覧いただきましてありがとうございます。
これまで制作会社様より受託をし、コーディングを行ってきました。
制作会社様との多数実績がございますので、安心してお任せいただければと思います。
コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください!
【作業内容】
HTML・CSSコーディング
js実装
【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品
【制作会社様・Webデザイナー向け】HP・LPのコーディング代行します
業務内容
【制作内容】
HTML/CSSコーディングを行います。(レスポンシブデザイン対応可能)
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。
【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします!
2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。
3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。
4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。
【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。(こちらでSP用に調整いたします。)
【実績】
・不動産(賃貸・建売・売買どれも経験あり)
・中小企業(コーポレートサイト)
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント(イベントの応募や紹介なども可能)
など
迅速で丁寧!ホームページ/LPのコーディングを提供します
業務内容
数ある中からご覧いただき、ありがとうございます!
当サービスでは、Webサイトのコーディング代行を承っております。
「デザインはあるけど、コーディングが難しい…」
「コーディングのリソースが足りない…」
そんなお悩みをお持ちのデザイナー様・制作会社様、ぜひご相談ください。
迅速で丁寧な対応を心がけ、安心してお任せいただけるサービスを提供しています。
【 サービス内容 】
・HTML/CSS(Sass)コーディング
・JavaScript(jQuery)を使ったアニメーション実装
・お問い合わせフォーム設置
・WordPressオリジナルテーマ構築
デザインとの相違による修正は、無制限で対応いたします。
気になる点があれば、ご遠慮なくお知らせください。
※制作開始後のデザイン変更は、追加料金が発生する場合があります。
【 料金表 】
・トップページ:15,000円
・下層ページ:8,000円/ 1ページ
・LP:20,000円
・アニメーション:3,000円 / 1実装
・お問い合わせフォーム:8,000円
・WordPress構築:20,000円~
・スポット修正:3,000円~ / 1箇所
※料金はデザインやご要件により変動します。まずはお気軽にご相談ください。
【 無料サービス 】
・レスポンシブ対応
・OGP設定
・ファビコン設定
・画像の軽量化
・基本のSEO対策(titleタグ、見出しタグの設定)
・テスト環境構築(制作中のサイトをご確認いただけます)
※OGP/ファビコン設定をご希望の際は、画像をご提供ください。
【 制作の流れ 】
①お見積もり
②ご購入
③コーディング
④テスト環境アップロード
⑤修正(無制限)
⑥納品
【 納期 】
内容により異なりますが、着手日から1週間程度を予定しております。
【 納品方法 】
制作データ一式をzipファイルでお渡しします。
最後までお読みいただき、ありがとうございました。
顔の見えないやりとりだからこそ、丁寧で誠実な対応を心がけております。
どうぞお気軽にご連絡ください!
【コーディング代行】HTML/CSS/jQueryを使用し、丁寧に仕上げ ます
業務内容
デザインデータをもとに、HTML / CSS / jQuery を使用したコーディングを行います。
各種デバイスへのレスポンシブ対応・アニメーションなど、ご希望に応じて柔軟に対応いたします。
◼︎サービス内容
・HTML / CSSコーディング(静的ページ)
・レスポンシブ対応(スマホ・タブレットなど各種デバイス)
・jQueryによるアニメーション(フェードインやスライダーなど)
・Gulpを使用した自動化(ご希望に応じて)
◼︎提供プランについて
記載しております提供プランについては、あくまで目安となります。
ご依頼内容などお気軽にご相談ください。
◼︎ご購入の流れ
- メッセージにてご依頼・ご相談ください(デザインや内容共有をお願いします)
- プラン確定&お見積
- 作業開始(ご希望に応じて進歩報告を行います)
- 作業終了後、お客様にご確認いただき必要に応じて修正を行います。
- 納品
「まずは相談だけ」でも大歓迎です◎
お客様のご要望に応じて柔軟に対応いたしますので、お気軽にご相談ください!
【Web制作代行】HTML/CSSのコーディング代行を行います
業務内容
💻【コーディング代行】
デザインを忠実に再現!スピーディーかつ高品質なコーディングを代行します。
デザインカンプ(Figma / XD / PSD など)をもとに、丁寧でメンテナンスしやすいHTML / CSS / JavaScriptコーディングを行います。
レスポンシブ対応やSEO対策、アニメーション実装もお任せください!
▽対応可能な内容
- HTML / Sass / CSS / JavaScript(jQuery含む)コーディング
- レスポンシブ対応(スマホ・タブレット)
- WordPress組み込み(静的→動的化)
- アニメーション(スライダー、フェードインなど)実装
- ページスピードやSEOを意識した構造でのマークアップ
- Gulpなどのタスクランナーによる効率的な開発対応も可能
▽こんな方におすすめ
- デザインはあるけどコーディングに時間が割けない
- 納期に間に合わせたいので部分的に外注したい
- コードのクオリティにもこだわりたい
- デザイン通りに実装してほしい
▽ご依頼の流れ
① 無料相談
② デザインデータのご提供(Figma / XD / PSDなど)
③ お見積もり・スケジュール提示
④ コーディング開始
⑤ ご確認後、納品(ZIP or サーバーアップ)
修正回数や希望納期などに応じて、内容をカスタムできます。
まずは、ご連絡ください。
デザインを忠実に再現! HP /LPコーディングを代行します
業務内容
ご覧いただきありがとうございます。
Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを1ページから承ります。
◼︎特徴
・ デザインを忠実に再現
・ メンテナンスを重視したシンプルなコーディング
・ SEOに配慮
◼︎プランの詳細
・HTML / CSS コーディング
・レスポンシブ対応
・内部SEO対策
・ハンバーガーメニュー、スライダーなどの基本的な動きの実装(javascript / jQuery)
・修正無制限(※仕様変更は別途費用がかかります)
※デザインデータはご支給ください。
◼︎ご予算・納期
各プランの価格・納期は目安です。ご要望により変動いたします。
まずはお問い合わせください。
◼︎制作の流れ
ヒアリング
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品
◼︎制作者について
Web等の広報媒体制作実績をもとに、迅速・柔軟・丁寧な対応を心がけています。
納品後のアフターフォローもお気軽にご相談ください。
【HTML/CSS/Javascript】デザインに忠実にコーディングします
業務内容
はじめまして!
数あるサービスの中からご覧いただきありがとうございます。
株式会社ARCHIPELAGOです。
「デザイン通り、ズレなく再現したい」
そんなご要望に応える、コーディング特化型のサービスをご提供しています。
【 こんな方にぴったりです 】
・デザインカンプはあるけれど、コーディングのリソースが足りない制作会社さま・企業さま
・LPやWebサイト案件を受けたけど、コーディングに自信がないデザイナーさま
・HTML/CSSの基本はできるけど、アニメーションやWordPress化が苦手な方
・日々の業務で手一杯なコーダーさまのサポートとして
【 制作の流れ 】
① ヒアリング・お見積り
ご希望の機能・納品形式・スケジュール感など丁寧にご確認させていただきます。
② デザインデータのご共有(PSD/AI/XD/Figmaに対応)
静的HTMLまたはWordPress(オリジナルテーマ)での実装が可能です。
③ トップページの実装 → ご確認
④ 下層ページの実装 → 2〜3ページごとに進捗共有
⑤ テストサーバーにて全体確認 → 修正対応
⑥ 最終納品(zip形式 または サーバーへアップロード)
※サーバー納品の場合はFTP情報をご共有ください。
【 料金目安 】
トップページ(レスポンシブ対応):20,000円〜
※複雑なアニメーション・機能については別途お見積りいたします。
【 対応環境 】
PC:Chrome・Safari・Firefox・Edge(※Firefox・Edgeは擬似環境)
スマホ:主要ブラウザすべて対応
ご相談・お見積りは無料です。
「少し話を聞いてみたい」という方も、お気軽にご連絡ください!
【レスポンシブ対応】HTML、CSSでホームページやLPのコーディング承ります
業務内容
短納期でデザイン通りにコーディングします!
ご覧いただきありがとうございます。
弊社は中小企業様のホームページ制作を続けて創立20年以上の実績があり、Webサイトのコーディングは得意分野ですので、ぜひお任せください!
【営業時間】
平日 9:30~17:30 (休業日:土日、祝祭日、特定日)
■業務内容
デザインデータをご提供いただき、コーポレートサイト / LPのコーディングを代行します。
●サービス内容
・HTML / CSSを用いたコーディング
・レスポンシブ対応
・一般的なSEO対策
●対応範囲について
本パッケージはコーディングのみ対応となりますので、作業前に必ずデザインデータをご提示ください。デザイン制作をご希望の場合は別途お見積致しますのでご相談ください。
以下のような場合も別途お見積で対応可能ですのでお気軽にご相談ください。
・WordPressテーマへの組み込み
・お知らせ / ブログの構築
・お問い合わせフォームの設置
・Googleアナリティクスの開設、設置
●制作の流れ
①ヒアリング
ご購入前に料金表の「まずは相談する」よりお問い合わせ下さい。
ご希望をヒアリングした上でお見積をさせていただきます。
②デザインデータのお預かり
対応可能データ(Photoshop ・Illustrator・AdobeXD・Figma)
提供いただくデザインデータはPCサイズのみでも構いませんが、モバイル・タブレットサイズもデザイン通りに仕上げたい場合にはお送りください。
対応可能データ以外でのご入稿はご相談ください
③作業開始
実際にコーディング作業に入ります。
納期は作業開始からの日数でカウントします。出品サービス購入から必要な素材をご提供頂くまでの日数は含みませんので、ご了承ください。
④確認・修正
テスト環境にて仕上がりをご確認いただきます。
⑤納品
ファイル納品、またはご指定のサーバーへアップロードします。
ご不明な点がございましたら、お気軽にお問い合わせください。
デザインに忠実。ホームページ・LPのコーディング承ります
業務内容
▶︎サービス紹介
以下のお悩みを解決いたします。
・ウェブサイトのデザインを思い通りに実現したい
・レスポンシブデザインで快適な表示を実現したい
・迅速かつ丁寧な対応を求めている
▶︎サービスの概要
・HTML・CSS(Sass)を用いたコーディング
・JavaScript(jQuery)を用いたアニメーション実装
・レスポンシブ対応
▶︎無料対応
・表示速度向上のため画像圧縮(ご希望の場合)
・基本的はSEO対策(構文チェック、metaタグの設置)
・アニメーション実装(ハンバーガーメニュー・ホバーアニメーション・スムーススクロール・アコーディオン・フェードイン)
・ファビコン・OGPの設置
・修正(大幅なデザインや内容の変更、追加のご要望などによる修正は、追加料金をいただく場合がございます。)
▶︎納品までの流れ
①「見積り・カスタマイズの相談をする」よりご相談ください。
②ご購入・デザインデータお預かり
③コーディング
④テスト環境にアップロード→ご確認・修正
⑤納品
▶︎納品方法
・zipファイルの送付
・ご指定のサーバーへアップロード
▶︎納期の目安(デザインデータをいただいてから)
・LP → 10日~
・トップページ → 10日~
・下層ページ → 3日~
※ご依頼のボリュームによって前後します。
▶︎受け取り可能なデザインカンプについて
・AdobeXD
・Figma
ご不明な点がありましたら、お気軽にお問合せ下さい。
「まずは相談する(無料)」よりお問い合わせください。
【3割引セール中】コーディング代行サービスであなたのアイデアを実現します
業務内容
この度は本サービスをご覧いただきありがとうございます。
サイト製作を主に行っているカツオと申します。
本サービスは静的サイトのコーディングを行います。
【基本サービス内容】(すべてのプラン共通)
・デザインデータからのコーディング
・各種必要なタグの埋め込み
・画像圧縮による表示スピードの改善
・テスト環境(サーバ)へのアップロードテスト
【プランの種類】
・ベーシック・・・TOPページのみコーディング(納品前のデザイン変更に伴う修正3回まで)
・スタンダード・・TOPページのみコーディング+レスポンシブ対応(納品前のデザイン変更に伴う修正3回まで)
・プレミアム・・・TOPページのみコーディング+レスポンシブ対応(納品前のデザイン変更に伴う修正回数無制限)
【オプションサービス】
・下層ページコーディング
・お問い合わせフォーム実装
・JavaScript、jQery、CSS等を用いたアニメーション
・縦幅超過分の課金
・実績として公開不可
【使用可能(経験)ツール・言語・フレームワーク】
・ツール
Figma、ChatGPT、Canva、GIMP
・言語、フレームワーク
html、css、Sass、JavaScript、php
【納品方法】
zipファイル
【表示確認】
納品前には下記ブラウザ全て(バージョンは最新)での表示確認も行い、どの環境でも問題なく閲覧できるWebサイトを制作します。
・WindowsPCでのChrome, Edge, Firefox
・MacPCでのSafari
・iPhoneでのSafari
※基本の動作確認対象は 375px ~ 1920px です。
その他の画面幅での対応が必要な場合は、別途お見積もりいたします。
【制作会社様・デザイナー様向け】デザインを忠実に再現するコーディング承ります
業務内容
【デザインを忠実に再現いたします】
デザインの世界観を崩さずに、正確にコーディングすることを心がけております。
デザイナー様や、コーディングの手が足りない制作会社様のお手伝いをいたします。
【こちらをお読みになりご注文をお願いいたします】
・対応デザインカンプはPhotoshop、XD、Figmaとなっております。
・納品方法は基本的にファイルでのお渡しとなっております。(サーバーアップでの場合ご相談ください)
【初稿3~5で納品・レスポンシブ対応】1ページ20,000円からコーディングします
業務内容
■サービス内容
・コーディングのみ(※デザインは含みません)
・レスポンシブ対応
■納品形式
下記からお選びいただけます。
・HTML/CSSなどのファイル形式
・指定サーバーへのアップロード
■納品期間
・1ページ:初稿3~5日で納品可能
※レスポンシブ対応
■制作の流れ
①ヒアリング&打ち合わせ
②お見積り
③仮払い(購入)
④コーディング着手
⑤初稿確認
⑥調整・修正
⑦納品
■注意事項
・仮払い後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合
※納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。
HTML/CSS/Javascriptサイトのカスタマイズ・不具合修正ができます
業務内容
既存サイトの修正や機能の拡張、不具合対応などを致します。
レスポンシブ対応、静的サイトから動的サイトにしてほしいなど幅広い対応が可能です。
まずはご相談ください。
※平日は会社員として働いているため、納期を長めに確保しております。
※納期には予備日を含んでいるため、基本的には納品まで記載の日数はかからないです。
HTML, CSS. JavaScript他、Webサイトの修正、改修、やります
業務内容
こんな方へおすすめ
・専任エンジニアが急用で仕事ができなくなった。
・人手が足りない。
・専任エンジニアが休暇に入ってしまった。
・バグやエラーが出てるけど修正する人材がいない。
持てる技術と知識を最大限に発揮し取り組ませて頂きます。
レスポンシブでデザインに忠実なコーディングをいたします
業務内容
ご覧いただきありがとうございます。
ホームページのコーディングをしております、ともゆきと申します。
デザインカンプからコーディングし、デザインを再現いたします。
デザインカンプを持っていてコーディングしてもらいたい!
コーダーを探しているデザイナーさん
などお気軽にお声がけください
【作業内容】
・HTMLにて静的サイトのコーディング
・WordPressにて動的サイトのコーディング
・レスポンシブ対応
・ハンバーガーメニューやアコーディオンなど簡単なアニメーションの実装
【制作の流れ】
・ヒアリング/お見積り(お気軽にご相談ください)
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
【納品前チェック】
・表示崩れ確認(320px~2560px)
・各ブラウザでの表示確認(Chrome、FireFox、Safari)
・ピクセルパーフェクトの確認
・問い合わせフォームの動作確認
・HTML及びCSS構文チェック(W3C)
・意図しない横スクロールは発生しないか
・誤字脱字がないか(テキスト比較ツール)
・JavaScriptの挙動確認・コンソールエラーの確認
最後に、私のポートフォリオに制作実績として掲載して良いという方はお値下げさせていただきます。
是非お気軽にご相談ください。
コーポレートサイトやLPのコーディング業務、1ページより承ります
業務内容
コーポレートサイト・LPのコーディング業務承ります!
当サービスはこんな方にお勧めです。
・人手不足によりコーダーを探している制作会社およびwebディレクター様
・複数案件を手掛け、分業したいとお考えのwebデザイナー/LPデザイナー様
・その他、パートナーとなる質の高いコーダーをお探しの方
ぜひ皆様のお力になりたいです。お気軽にお声がけください。
【サービス内容】
お渡しいただいたデザインデータを元に、コーディングを行います。
◆ユーザビリティ、表示速度を意識したHTMLマークアップ
◆SCSS/BEM記法によるメンテナンス性の高いcss
◆レイアウト崩れのないレスポンシブ対応 (PC~TB~SP 柔軟なレイアウト調整)
◆jQueryによる定番の動的パーツ実装
【基本料金に含まれる内容】
・TOPページのコーディング
・jQueryによる定番の動的パーツ実装
※下層ページは別途料金がかかります。
【その他注意点】
◇IE(Internet Explorer)はサポート終了に伴い、対応外となります。
◇お客様都合によるデザインの修正は仕様変更とみなし、別途費用が発生しますのでご注意ください。
◇作業後のチェックを徹底しますが、コーディングに不備があった場合には、無償で修正します。
◇特別な理由なく3日以内にご返信いただけない場合は、制作途中であっても取引を終了させていただく可能性がございます。大変恐縮ですが、スムーズなやり取りにご協力をお願いします。
【スピード価格重視】LPのレスポンシブコーディングいたします
業務内容
サイト制作会社様やWebデザイナー様へ
ランディングページ(一枚ものページ)のコーディングを承ります。
こんな方におすすめです!
-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」
コーディングのお困りごとに丁寧に対応させて頂きます。
まずはご相談ください。
詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。
【納品までの流れ】
1.DM(ダイレクトメッセージ)をお送りください
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力してください。
2. 相談者様へ返信
送っていただいた内容について質問や回答をお送りさせていただきます。
3. 注文・仮払い
納得いただいた場合に注文をお願いします。
4. 製作開始
5. 納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。
6. 最終納品
納品日から3日間無制限に修正対応致します。
お客様にご用意いただくもの
◎コーディングを行うデザインデータ
購入にあたってのお願い
■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。
【LP】HTML/CSSレスポンシブコーディングいたします
業務内容
2024 Top 100 Lancer掲載の認定ランサーがコーディング代行いたします!
LP(ランディングページ)でサービス・商品を訴求したいあなた様へ。こんなことにお困りではないでしょうか?
✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「デザインは用意できるけどコーディングは外注したい」
✅「自社でコーディングする時間を確保できない」
✅「特定の箇所は後から変更・更新できるようにしておきたい」
そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。
3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。
【対象】
- 下請けをお探しの法人様
- 協業をお探しの Webデザイナー様
- 依頼の一部を外部リソースに依頼したいコーダー様
【活動実績】
- 2022 Top 100 Lancerに掲載
【納品までの流れ】
1. 出品者へDM(ダイレクトメッセージ)を送信
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力していただきます。
2. 出品者から相談者様へ返信
送っていただいた内容について質問や回答を行います。
3. 注文・仮払い
納得いただいた場合に注文をお願いします。
4. 製作開始
5. 納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。
6. 最終納品
納品日から3日間無制限に修正対応致します。
【主な確認事項】
- フォント
- ホバーアニメーション
- ヘッダーの動き
- ハンバーガーメニューの開き方
- メタタグ、OGP
- 各リンク先
- ファビコン
- 電話番号のタップ挙動
- フォーム用メールアドレス
- 確認及びサンクスページの有無
- 画面幅がデザインカンプより広がった場合の挙動
【注文時のお願い】
- ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
ご了承の程よろしくお願い致します。 - デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。
【注意点】
納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。
納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の3点にご注意下さい。
- ドメインとレンタルサーバーのご契約済みであること
- DNS設定が反映されている状態であること
- FTP接続情報のご用意
WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。
- レンタルサーバーのコントロールパネルのログイン情報
または - phpMyAdminへのログイン情報
※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
ご不明な部分があればお気軽にお知らせください。
【その他】
またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1227479
サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。
HTML/CSS/JavaScript コーディング 動きのあるページを制作します
業務内容
本パッケージはWebサイトのコーディング代行サービスです。
ぜひお気軽にご相談下さいませ!
▼ こんな方におすすめ
「デザインデータはあるけどコーディングをする時間がない」
このようなお悩みをお持ちではありませんか?
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様
ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供します
▼ 料金
●トップページのコーディング:10,000円 〜
●下層ページのコーディング :8,000円〜 / 1ページ
●LPのコーディング:25,000円〜
●アニメーション:要相談
※ 上記は基本料金となります。ページの長さやデザインの内容によって価格は変動します。
※ レスポンシブ対応込みの価格になります。
修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。
▼ 対応可能データ
※ 一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
▼ 納品までの流れ
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ ご確認・修正
→ テスト環境にアップしお客様にブラウザで確認していただきます
⑤ 最終確認・納品
▼ 納品形式
・zipファイルの送付
・ご指定のサーバーへのアップロード
▼ 注意事項
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。
※参考サイトのみのご提示やデザイン作成の対応は行なっておりませんのでご了承ください
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
【最短1日】既存サイトの微修正いたします。スマホ対応します
業務内容
既存のホームページの微修正をさせていただきます。
□新しくボタンを設置したい
□一部分だけCSSや画像変換等の修正をしてほしい。
□レイアウトを少し変更して欲しい
■主な内容
・既存サイトの編集。
・jsやcssの追加
など、少しだけ変更したい場合のご相談はお気軽にお待ちしております。
【スマホ対応LPコーディング】HTML+CSSで1ページを丁寧に仕上げます
業務内容
▼こんな方へオススメ
・デザインはあるけど、コーディングを任せたい方
・スマホ対応のLPを1ページで仕上げたい方
・外注が初めてで、丁寧にやりとりしてほしい方
・予算内でシンプルにLPを公開したい方
▼ご提供内容
・HTML+CSSによるコーディング(1ページLP)
・レスポンシブ対応(スマホ・タブレット)
・軽微なJavaScript(メニュー、アコーディオン等)
・alt属性や構造を意識したマークアップ対応
・ファイル納品(HTML/CSS/JS/画像)
▼ご購入後の流れ
① ヒアリング(デザイン・構成・希望納期など)
② 作業開始(進捗は随時ご報告)
③ 初回納品 → ご確認・修正対応(2回まで)
④ 最終納品・クローズ
▼制作可能なジャンル
・キャンペーン用LP
・サービス紹介ページ
・セミナー/イベント告知ページ
・士業・店舗向けシンプルLP
・ポートフォリオ風LPなど
▼料金プランやオプション
・ライト:¥10,000(3セクションまで)
・ベーシック:¥15,000(5〜6セクション)
・プレミアム:¥20,000〜(7セクション以上+動き)
・セクション追加:+¥2,000〜
▼納期
・ライト:7日以内
・ベーシック:10日以内
・プレミアム:14以内(応相談)
※副業対応のため、事前にスケジュール確認をお願いします。
【超速・最短即日】HTML/CSS LPコーディング代行します
業務内容
★★クオリティ・スピード重視のWeb制作、お任せください!(即日対応可)
コーディングを専門に行っておりまして、
コーディング歴は8年となり、大手企業(バンダイ様、ネスレ様、プジョー様)など400サイト以上の実績がございます。
★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい!
・素人や副業ではないプロのクオリティでコーディングしてほしい!
・すぐに連絡を取りたい!
・土日祝深夜問わず対応してほしい!
★★ご依頼の流れ
1.ヒアリング
コーディングの内容やスケジュールなどを確認させていただきます。
2.ご契約
上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
3.コーディングテストアップ
コーディングデータをご確認いただき、必要であれば修正等を行います。
4.納品
指定サーバへのアップロードまたはデータ送付を行います。
★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください!
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません!
依頼してよかった!そう思っていただける自信があります。ぜひご検討ください。
Webサイトの修正・カスタマイズ・保守運用をいたします
業務内容
ご覧いただきありがとうございます。
既存のWebサイトで困っている方へ
修正、カスタマイズ、アニメーションの実装、保守運用などをいたします。
【基本サービス内容】
・HTML / CSS の修正、カスタマイズ
・jQueryやCSSアニメーション
【注意事項】
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます
まずは相談かメッセージでお気軽にお問い合わせください。
LP制作 / WordPress コーディング承ります
業務内容
【サービス紹介】
デザインデータを元に、高品質なHTML・CSS・JavaScriptコーディングを行い、レスポンシブ対応・SEO最適化も実施します。
【サービスの特徴】
・高品質コーディング:クリーンなコードでメンテナンスしやすい構造
・レスポンシブ対応:スマホ・タブレット・PCで最適な表示
・SEO対策:検索エンジンに強いコーディング
・スピード納品:最短3日で納品(要相談)
・修正対応:納品後3回まで無料修正
【サービスの流れ】
① ご依頼・ヒアリング(デザインデータ・要件を共有)
② コーディング開始(HTML・CSS・JSの実装)
③ 動作確認・修正(テスト環境で確認・修正)
④ 納品(完成データをお渡し)
⑤ アフターサポート(納品後の軽微な修正対応)
【作品】
・コーポレートサイト
https://moritaproductions.com/demo/corporate/
・ファッションサイト
https://moritaproductions.com/demo/fashion/
・家具サイト
https://moritaproductions.com/demo/company/
・弁当デリバリーサイト
https://moritaproductions.com/demo/Lunchbox/
・作品一覧
https://moritaproductions.com/works/
【デザイナー様・ディレクター様】デザインに忠実&スピーディーにコーディングします
業務内容
■サービス内容
・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
(WordPressオリジナルテーマも可能)
■当サービスの特徴
・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。
・高品質な実装を行います
→コーディング後には(chrome、safari、firefox、edge)の各ブラウザにて表示崩れがないか等の品質チェックを行います。
・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。
・複雑なアニメーションも実装可能
→CSSアニメーション(GSAPライブラリ)を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。
・表示スピードを少しでも早く(脱jQuery)
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。
■全プラン無料の標準サービス
・レスポンシブ対応(スマホ対応)
・基本的なSEO対策
・クロスブラウザ対応(chrome、safari、firefox、edge)
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応
(以下、Wordpressを使用した場合)
・ブログ機能
・ブログ以外の投稿機能(カスタム投稿)
・簡単に更新できるテンプレート設置(カスタムフィールド)
・基本的なセキュリティ対策
■こんな方におすすめ
・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方
■私の強み
・コーディング歴5年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能
私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。
■制作の流れ
- ヒアリング
(※ZOOMでのオンラインミーティングも可能です) - お見積もり金額を提示
- デザインデータを共有、コーディング開始
- 完成品の確認・修正
- 最終確認、データ納品
- 完了報告からお支払いまでのお手続き
■具体的な納品物
・本番環境に公開(お客様の方でご用意いただいているサイトに公開いたします)
・ファイル納品(テーマファイルをZip形式に圧縮してお渡しいたします)
■過去の実績
・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP(下層ページ)
その他・・
■私の特徴
私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。
WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。
特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。
例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。
一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。
また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。
私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。
まずはお気軽にご相談ください。
お待ちしております。
【参考テンプレート有】CRM用等のHTMLメルマガ作成致します
業務内容
【仕事の詳細】
●CRM用等のHTMLメルマガ作成となります。
自分でメルマガを作成できない、時間がない、どんなデザインにしていいか分からない等の方はぜひご連絡ください!
●テンプレートをご用意いたしますのでご使用したい画像や文章をお送りください。
または要望に沿って画像や文章をこちらでご用意する形でも大丈夫です。(こちらで用意する際は別途有料)
●実績参考例
オンラインショップの商品のメルマガ作成例
リフォーム会社のメルマガ作成例 等
●価格
・1本制作につき、10,000円
・画像、文章作成は追加料金(※内容は要相談)
・修正費用(※内容は要相談)
HTML, CSS, JSを用いたコーディングをいたします
業務内容
▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」
▼サービス内容
- HTML, CSS, JSのコーディング
- サイトのWordPress化
- アニメーションの実装
▼ご用意いただくもの
- 各種デザインデータ
- テキストデータ
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
ディレクター、デザイナー様向け!SWLL/Snow Monkeyの構築代行いたします
業務内容
\ 実績と信頼で選ばれています! /
ディレクター・デザイナー様からの構築代行を中心に、
ランサーズ外でも外注パートナーとして継続的にご依頼をいただいています!
「意図を汲み取る丁寧な構築」と「保守性を考慮した設計」を意識しております。
ポートフォリオはこちら▶︎
https://www.canva.com/design/DAGcOiiMyBg/xASjbRwEvEm3DhGliduvWQ/view
(コピー&ペーストでご覧いただけます)
本サービスでは、Figmaで作成されたデザインカンプをもとに、WordPressの有料テーマ(SWELL/Snow Monkey)を活用したローコード構築を行います。
フルスクラッチよりもコストを抑えつつ、デザイン再現性と保守性のバランスを大切にしています。
【こんなお悩みありませんか?】
・構築まで手が回らず、外注先を探している
・スマホデザインがないが、レスポンシブ対応したい
・品質は担保しつつ、コストは抑えたい
そのお悩み、解決いたします!
【このサービスの特長】
・PCカンプのみでOK
SP・TBカンプがなくても、意図を読み取って最適な構成で仕上げます。
・ブロックエディター × CSSカスタマイズ
テーマ本来の構造を活かしつつ、必要に応じてCSSで調整。保守性と再現性を両立します。
アップデート時の影響を最小限に抑える適切なクラス指定を行って構築します。
・SEO・セキュリティも対応
meta/alt/reCAPTCHA/画像圧縮など、内部対策も標準対応。
・納品前チェックリスト付き
独自の品質チェックで抜け漏れなく確認。安心してお任せいただけます。
【サービス内容】
・WordPress構築(SWELL/Snow Monkey)
・レスポンシブ対応
・SNS/外部予約サイトなどへの連携/お問い合わせフォーム
・スライダー/フェード表示などのアニメーション
・画像圧縮/軽量化/ファビコン設定
・内部SEO/セキュリティ対策
※テーマの性質上、ピクセルパーフェクト指定は承っておりません。
【ご予算について】
ページ数や仕様に応じて柔軟にご提案いたします。
表示金額は目安です。
【購入から納品までの流れ】
①「まずは相談をする」から、メッセージをお送りください。
②納期を確認させていただき、追加で購入が必要なオプションがある場合はご案内いたします。
③お見積り書をお送りいたします。内容にご納得いただけましたら、ご購入ください。
④WordPress情報や、Figmaのデザインデータをご共有ください。
⑤ご共有いただいたデータを元に、local環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。
まずは「相談だけ」でも大歓迎です。
構築パートナーをお探しの方は、どうぞお気軽にご連絡ください。
レスポンシブ対応で最適に表示されるHTMLメルマガを作ります
業務内容
HTMLメールはメルマガ配信ツールなどで、
簡単に作成することができますが、
CSSやVIEWPORT設定まで対応していないツールもあり、
端末やメールクライアントによって、文字化けや表示崩れを起こすケースが多いです。
PCだとOutlookやWindowsメール、
モバイルではAndroidなど対応していないCSSがほとんどです。
これではせっかく時間をかけてメールを作成しても、
メール内リンクからの回帰は望めません。
本サービスの3つの特徴
①メール到達率を改善
可能な限りファイルサイズを抑えることで
各社サーバーの原稿容量制限と画像容量制限をクリアし、
より多くのリードリストにメール配信を可能にします。
②開封率を改善
プリヘッダーテキストを使用し、
メール一覧画面に表示される冒頭文を
訴求効果の高いキャッチコピーに変更します。
③回帰率を改善
幅広い環境で快適に閲覧可能なメールから、
正常に表示されるCTAボタンにより、
リンククリック率を改善します。
▼制作の流れ
1.ご購入
2.当方より打ち合わせ日程のすり合わせ
3.簡単なワイヤーフレームを提出いたします。
4.問題が無ければ画像とロゴデータのURLをご教示ください。
5.納品 ※納品ファイルはHTMLファイルのソースコード形式となります。
ランディングページ、ホームページコーディングの仕事を承ります
業務内容
-
カスタムデザイン
・お客様のブランドイメージに合わせたオリジナルデザインを提供。
・ユーザーエクスペリエンスを重視し、視覚的に魅力的なレイアウトを実現。 -
レスポンシブ対応
・スマートフォンやタブレットなど、すべてのデバイスで快適に閲覧可能なレスポンシブデザイン。
・検索エンジン最適化(SEO)にも配慮した設計。 -
WordPress統合
・WordPressを使用した簡単なコンテンツ管理を実現。
・お客様が自分でコンテンツを更新できるよう、使いやすいインターフェースを提供。 -
機能追加
・必要に応じて、プラグインの導入やカスタム機能の追加をサポート。
・お問い合わせフォームやギャラリー、ブログ機能など、目的に応じた機能を実装。 -
SEO対策
・検索エンジンでの上位表示を目指すための基本的なSEO設定を実施。
・キーワード選定やメタタグの設定を行い、集客効果を向上。 -
サポートとメンテナンス
・サイト公開後のサポートやメンテナンスサービスを提供。
・定期的なバックアップや更新作業を行い、安全な運営をサポート。 -
納品後のトレーニング
・お客様が自身でサイトを管理できるよう、操作方法のトレーニングを実施。
・より良い運営のためのヒントやコツを提供。
【制作会社・デザイナー向け】WEBサイト・LPのコーディング代行承ります
業務内容
フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します! お気軽にご相談ください。
▼サービス内容
・HTML/CSSのコーディング(レスポンシブ対応)
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します!
▼料金表
・トップページ:20,000円~
・下層ページ:8,000円~
・LP:30,000円~
・お問い合わせフォーム(入力+確認+完了):10,000円
・WordPress化:20,000円
・WordPress カスタム投稿/カスタムフィールド:5,000円/1箇所につき
・アニメーションの実装:1,000円~5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください!
▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。
▼納期について
通常 1週間程度での初稿提出を目安としています。
(制作期間目安:TOPページ・LP3日ほど)
作業量により変動しますが、特急対応(24時間以内)も可能ですので、まずはご相談ください!
信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です!
高品質・迅速な対応でHP/LPのコーディングを格安でお受けします
業務内容
この度は数ある中から、当サービスをご覧いただきありがとうございます!
Webコーダーをしております、souと申します。
高品質な制作物、丁寧なコミュニケーション、迅速な対応と納期の遵守には自信があります。
お気軽にお問い合わせください。
【 こんな方におすすめ】
「格安で実現したい」
※現在、開設記念につき3,000円で対応してます!
【 サービスの内容 】
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応(スマホ・タブレットに対応)
・オリジナルテーマでのWordPress化
【 価格 】
基本料金 3,000円
【ご用意いただきたいもの】
・デザインデータ(相談可能。参考サイトでも可。)
・画像素材
【納品までの流れ】
ヒアリング・見積もり
↓
ご購入
↓
コーディング作業開始
↓
ご確認・修正
↓
最終確認
↓
納品
【納期の目安】
・3〜7日間
【納品方法】
・相談可能。
ホームページ制作、LP制作のコーディング作業を低単価で高品質に行います
業務内容
サービス内容
サービス内容
ご閲覧いただきありがとうございます!
▼ こんな方にオススメです!
✅WebサイトやLPのコーディングをスムーズに行いたい
✅デザインデータを忠実に再現したい
✅値段を安く抑えたい
✅CMSを使ったサイト構築に悩んでいる
▼サービス内容
・HTML/CSS/Jsでの静的コーディング
・スマートフォン/タブレット/PCに対応したレスポンシブコーディング
・スライダーやタブ切り替えなどのJavaScript実装
・お問い合わせフォームの実装
・既存サイトの修正、ページ追加
・WordPress構築
・部分修正(HTML/CSS/Js などの部分的な修正にも臨機応変に対応させて頂きます)
▼コーディング料金(レスポンシブ対応込み)
・トップページ:10,000円〜
・LPコーディング:1,0000円〜
・下層ページ:5,000円〜
・基本的なJavaScript(スクロール時のアニメーション表示、ハンバーガーメニュー、スライダーなど)1箇所:2,000円程度
・お問い合わせフォーム・メール送信システム実装(PHP):5,000円程度
▼WordPress構築費用
・要相談
▼無料で対応
・レスポンシブ対応
・サイト高速化のための画像圧縮
・最低限のSEO対策
・OGP、faviconの設置(データをいただけた場合)
・修正
▼納品方法
・Zipファイルにて送付
・サーバーへのアップロード
▼納期
着手から3日〜
ページのボリュームや作業の空き状況によって異なりますのでご相談ください
▼修正について
納品前の修正につきましては基本的に無料・無制限で対応させていただいております
※大幅なレイアウトの変更や追加につきましては、別途追加料金とさせていただきます
▼デザインデータ
Figma、Xd、Photoshop、illustrator など
丁寧な対応、丁寧な仕事を心掛けております
まずは、DMか見積もり相談からご連絡をお願いいたします。
ご不明な点がありましたら、どんなことでもお気軽にお問合せ下さい。
購入にあたってのお願い
▼ご用意いただきたいもの
・デザインデータ(Figma・Photoshop・Illustrator・XD... 等)
・画像素材 / 動画 / 文章
【デザイナー向け】WebサイトのHTML・CSSコーディングをいたします
業務内容
ご覧いただきありがとうございます。
デザインはあるけどコーディングができなくて困っている方へ
デザインさえ用意してもらえればクオリティの高いコーディングをいたします。
【基本サービス内容】
・HTML / CSS コーディング
・レスポンシブ対応
【オプションでのサービス内容】
・下層ページのコーディング:10,000円〜
【注意事項】
・レンタルサーバーの用意とドメイン取得はお客様自身でお願いします
・デザインデータはFigmaかXDであれば共有URLでお願いします
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます
まずは相談かメッセージでお気軽にお問い合わせください。
HTML/CSSコーディング代行致します。 先着5名様までモニター特別価格で承ります
業務内容
当サービスをご覧いただきましてありがとうございます。
下記のようなお悩みをお持ちの方
・デザインは決まったけど、コーディング が出来ない。
・忙しくて、コーディングを外注したい。
どうかお気軽にご相談、お問合わせ下さい。
●サービス内容(1ページ分となります)
①HTML/CSSでの静的コーディング
②レスポンシブ対応
③スライダー等のアニメーション実装(jQuery対応)
尚、複雑な動きをご希望の場合は、お受けできかねる場合があります。
一度ご相談頂けます様、お願い致します。
●納期
着手から7日程度となります(1ページのみの目安)
尚、ページ数やコンテンツにより変動します。
こちらもお気軽にご相談、お問合せ下さい。
●制作物のご確認と修正
部分的な小さい変更などにも、柔軟にご対応致します。
こちらもお気軽にご相談、お問合せ下さい。
制作中は何度か制作物のご確認をさせて戴きます。
●お見積もり時にわかる範囲でお知らせ下さい。
・ご依頼内容
・ページ数
・デザインの画像データ(データ形式はご相談下さい)
・その他使用する画像素材
・アニメーションの有無
・ご予算
・ご希望納期
⚫︎納品方法
サーバーにアップロードもしくはZipファイルを
お渡しする方法のいずれかになります。
※サーバーアップロードの場合、FTP情報をお知らせ下さい。
低価格で丁寧に!HTML,CSS,JavaScriptコーディング承ります
業務内容
【 こんな方におすすめです! 】
・デザイン業務に集中したい、コーディングは任せたいWebデザイナー様
・コーダー不足で外注先を探している方
・デザインはあるけど、コーディングは誰かに任せたい方
【 料金プランについて 】
記載の金額は目安です。
内容により、金額は変動いたしますので、まずはお気軽にご相談ください。
【 ご提供内容 】
ご用意いただいたデザインデータ通りにコーディングを行います。
・HTML・CSS(Sass)を用いたコーディング
・レスポンシブ対応(PC・タブレット・スマホ)
・jQuery(JavaScript)を用いたアニメーション
・WordPressオリジナルテーマ化
・お問い合わせフォーム設置
・表示速度向上のため画像圧縮
・基本のSEO対策(metaタグ設置等)
・ファビコン設定(画像のご提供をお願いします)
・OGP設定(画像のご提供をお願いします)
デザインとの相違がある場合、無期限で対応いたしますので、
気になる点があればご遠慮なくご連絡ください。
【制作の流れ】
①ヒアリング(ページ数、WordPressの有無等、お話をお聞かせください。)
②ご契約
③お客様よりデザインデータご提供
④コーディング・テスト
⑤ご確認・修正(無制限)
⑥納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
ホームページ・LPのコーディング、WordPress構築いたします
業務内容
当方、ランサーズでの実績がまだございません。
この度、実績作りの為に格安にてホームページのコーディング作業を代行させていただきます。
とはいえ、もちろんコーディングはデザインに忠実に行います。
どうぞご安心ください。
実績を積めましたら通常価格に戻そうと思いますので、どうぞこの機会にご利用くださいませ。
さて、このサービスは【ホームページ・LPのコーディング代行サービス】です。
◆サービス内容
・HTML / CSSでの静的コーディング
・PC/スマートフォンのレスポンシブ対応
・JavaScript(jQuery)でのアニメーション実装
・お問い合わせフォームの実装
・WordPress構築(オリジナルテーマ)
◆料金表
・トップページ(10.000px程度まで) : 10,000円
『有料オプション』
・下記の有料オプション表をご覧ください。
『無料オプション』
・レスポンシブ対応(PCかSPどちらか片方のデザインがあれば、よしなに対応いたします)
・ホバーアニメーション(1種類で共通)
・ハンバーガーメニュー
・フェードイン(1種類で共通)
・スライダー(シンプルなもの)
・基本のSEO対策
・ファビコン設定
・OGP設定
※無料オプションの範囲を超える場合、有料にてオプション追加が可能です。
◆納品までの流れ
①ご相談・お見積もり
②デザインデータお預かり
③制作開始
④ご確認・修正対応
⑤データ納品
◆デザインについて
デザインデータ、画像素材、テキストなどのご用意をお願いいたします。
Figma、Adobe XD、Photoshop、Illustratorに対応しております。
◆納品方法
・ZIP形式
・サーバーへのアップロード
◆納期
稼働状況によりますが、1ページにつき3日程度を予定しております。
(シンプルなホームページやLPの場合)
◆注意事項
・サーバー契約、ドメイン取得はお客様ご自身でお願いいたします。
・コーディングの規則については、こちら側のルールに基づいて作業させていただきます。
・下層ページが同じレイアウトだったり、コンテンツ量が少ないなどの場合は、ご依頼内容や、ご予算に合わせて料金等柔軟に対応させて頂きます。
・修正は無制限ですが、大幅なデザイン変更はお断りさせていただく場合がございます。
・お客様都合によるキャンセルは受け付けておりません。
・連絡に対し1週間お返事がない場合は、その時点で納品完了・料金を頂戴しますのでご了承ください。
・作成したサイトは実績として掲載させて頂く場合がございます。掲載不可の場合は事前にご連絡下さい。
◆最後に
まずはお気軽にご相談ください。
もちろんご納得いただけなければ、お話の途中でキャンセルしていただいて大丈夫です。
それ以外にもご不明な点などございましたら、お気軽にご連絡ください。
最後までお読みいただきありがとうございました。
HTMLとCSSでWEBサイト(LPなど)のコーディングをします
業務内容
LPなどの簡単な静的なサイトを作りたい方におすすめです。
デザイン案を受け取ります。
→
コーディング作業
→
問題ないかの確認・修正(2回ほど)
→
納品
Webサイトの制作、WordPressのオリジナルテーマ制作に対応します
業務内容
SE歴20年。要件定義から開発・保守、提案まで幅広く担当してきました。
現在は、長年のシステム開発経験を活かしてWeb制作に取り組んでいます。
Figmaのデザインカンプを元にしたHTML/CSSコーディングや、WordPressのテーマ開発など、
「設計と論理性を重視した丁寧な構築」を心がけています。
また、SE時代に培った報連相・進捗管理の徹底により、安心してお任せいただける対応を心がけております。
Web制作においてはまだ駆け出しではありますが、責任感と誠実さを大切に、一件一件丁寧に対応いたします。
対応可能な内容
- デザインカンプ(Figmaなど)からのコーディング
└ HTML/CSS/JavaScript/jQuery - WordPressオリジナルテーマの作成
- レスポンシブ対応(PC・スマホ最適化)
- お問い合わせフォームの実装
- 既存サイトの修正・改修対応
ご依頼の流れ
- ヒアリング(目的・ご要望を丁寧に確認)
- デザイン確認/スケジュール提示
- コーディング作業(進捗を随時ご報告)
- 初稿提出 → 修正対応
- 納品・公開サポート(ご希望により継続サポート可)
ご不明点やご相談があれば、お気軽にお問い合わせください。
デザイン案をHTML・CSS・Javascript・jQueryでコーディングします
業務内容
デザインからWEBサイトにおこします。
HTML・CSS・JavaScript・jQueryを使ってコーディングします。
修正のご希望は、柔軟に対応させていただきます。
LP制作 HTML/CSSでコーディング代行いたします
業務内容
「デザインを忠実に再現!LP制作・コーディング代行(レスポンシブ対応可)」
サービス内容
「デザインをWebサイトにしたい」「スマホでも見やすいLPを作りたい」そんなお悩みを解決します!
HTML/CSS/JavaScriptを使ったコーディングが得意なKouji Watanabeと申します。
デザインを忠実に再現したLP制作やコーディング代行を承ります。
レスポンシブ対応も得意で、スマホやタブレットでも快適に閲覧できるサイトをお届けします!
こんな方におすすめ
・デザインはあるけどコーディングができない方
・スマホ対応のLPを低予算で作りたい方
・既存サイトの修正を頼みたい方
対応可能な内容
・LPのコーディング(HTML/CSS/JavaScript)
・レスポンシブ対応(スマホ・タブレット対応)
・フォームの実装(PHPでの送信処理対応可)
・サイトの軽微な修正(テキスト変更、色変更など)
実績
・カフェサイトやトップページの制作経験あり(ポートフォリオ: https://koujiwatanabe.com/DanranCoffee/topPage_pc.html#)
・コーディング歴約1年ですが、丁寧な仕事でクライアントの期待に応えます。
価格の目安
・1ページ(5セクション程度): 10,000円〜
レスポンシブ対応: +1,000円
フォーム実装: +1,000円
納期の目安
1ページ: 3日〜7日
修正対応: 1日〜2日
ご注意
・デザインはご用意ください(デザイン作成は対応不可)。
複雑なアニメーションやバックエンド開発は要相談。
メッセージ
納期厳守、丁寧な対応をお約束します!
デザインを忠実に再現し、使いやすいLPをお届けします。
お気軽にご相談ください!
【デザイナー様向け】デザインデータからHP・LPのコーディングします
業務内容
■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
・Wordpressの導入、構築、改修
・独自チェックリストを用いた報連相
・gulpの環境構築
・gitでのコード管理
■制作内容の詳細
・静的コーディング(1ページ〜)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装:5,000円~ / 1点
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress化:内容に応じて別途お見積もり
※WordPressは別途追加費用が発生いたします。
■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
■購入の流れ
「見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えし、サイト構築開始。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。
■実績
・経歴
アパレル、美容系のECサイトの運営に従事
フリーランスとしてWebサイト制作の活動を開始
6社のWeb制作会社と業務提携を結び活動しております。
「丁寧な対応でよかった!」「より良い提案を積極的にしてくれて助かる」「金額以上のサービス内容だった」などのお声をいただいております。
・仕事に対する姿勢
丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗の報告、納期厳守
ご不明点がありましたら、
お気軽にご連絡くださいませ。
既存サイト・アプリの細かなバグの調査・修正・改善を承ります
業務内容
運用されるサイト・アプリの原因不明なエラーやバグの調査・修正・改善を行います。
些細なエラーやバグの対応であれば¥2,000(税別・手数料別)
1件のみの対応でも可能。
もちろんNDA(秘密保持契約書)を結んでの作業を徹底します。
WordPressオリジナルテーマ対応、静的サイト、LPのコーディング承ります
業務内容
当パッケージをご覧いただきありがとうございます。
【 サービス内容 】
・デザインカンプを元にコーディング
・CSS, JavaScriptを使った複雑なアニメーション(GSAP可)
・WordPressの構築(オリジナルテーマ制作 / 投稿などカスタマイズ)
・SEO対策(metaタグ、WordPressの場合はプラグイン使用)
・FLOCSSをベースとした可読性の高いCSS設計
・テスト環境のご用意
・ブラウザ確認
Chrome,Edge,Firefox,
【 対応可能なデータ 】
・Figma, XD, Photoshop, Illustrator,Photoshop
【 お取引の流れ 】
①ヒヤリング
→デザイン、機能、スケジュール確認をさせていただきます。
②納品日とお見積り金額をお伝えいたします。
③問題がなければ、ご契約・仮払いをお願いします。
④ご確認・修正
→テスト環境で成果物をご確認いただきます。
⑤納品
→サーバーへのアップ・もしくはファイルの送付
ご不明点があればお気軽にご連絡ください。
どうぞよろしくお願いいたします。
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/CSSコーディング代行いたします
業務内容
◆こんな方と繋がりたい
・ コーダー不足で外注先を探している制作会社様
・コーディングは外注したいデザイナー様
◆ご提供内容
•HTML/CSSコーディング
•レスポンシブ対応
(スマホ用のデザインカンプあり・なしの場合は追加オプションとなります。)
•アフターフォロー(納品後1週間以内)
◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品
【制作会社様・デザイナー様向け】デザインからHTML/CSSコーディング代行します
業務内容
初めまして!ロゴデザインやweb制作をしております。
【サービス内容】
・静的コーディング
・レスポンシブ対応込み
・アニメーション込み
▶︎別途お見積もり
・お問合せフォーム
・WordPress化
【ご用意していただくもの】
・デザインカンプ(sp版がない場合はよしなにご対応させていただきますが、まずはご相談ください!)
・サーバー・ドメインのご用意(Zipファイルをご希望の方はこちらご用意されなくて大丈夫です)
・仕様書(こちらない場合はアニメーションの有無や伝達事項等お送りいただきたいです)
【作業環境】
・macOS
【コーディング表示確認】
・mac(safari/chrome)
・win(chrome)
・iphoneSE(safari/chrome)
・iphone13(safari/chrome)
・Android(chrome)
・ipad
【使用できる言語】
・HTML5(pug)
・CSS3(SCSS)
・JavaScript
・jQuery
・PHP(WordPress)
・GSAP
【営業時間】
・平日8:30〜18:00
・土曜9:00〜18:00
・定休日 水・日
より良い制作を進める為、そして『依頼して良かった!』と言っていただけるように取り組みます。
最後までお読みいただきありがとうございました!
少しでもご興味がありましたらぜひご相談ください。心よりお待ちしております!!
短期・小規模・散発・修正案件も迅速かつ丁寧に作業を行います
業務内容
ご覧頂きありがとうございます。中桐と申します。
新規ページ作成から既存ページ修正まで小規模作業も承ります。
ポートフォリオサイト:https://nakagiri.com/
※ご連絡はポートフォリオのお問い合せではなくランサーズの機能をご使用ください。
◆ご提供業務
・デザインカンプからの新規ページ起こし
・既存ペーシの修正
・既存ページのレスポンシブ対応
・既存ページのリファクタリング(JavaScriptを含みます)
・小さな作業もお手伝いさせてください。
◆ページ単位ではなく、既存ページの修正なども承ります。
・作業料金は1ページの修正量の比率×1.5(既存ソースの理解と修正計画策定分)を目安に個別にお見積もりいたします。
・JavaScriptの改修、リファクタリングも承ります。
◆作業手順
▼作業内容受領、内容確認
▼お打ち合わせ(ご要望、仕様確認、他)
▼作業スケジュールの合意
▼作業実施、合意に基づく作業報告、随時確認・気づき報告
▼仮納品 ご確認ご確認いただき必要な微調整などを実施
弊サーバー上でのご確認いただくことも可能です。(無料)
▼納品、
■検収
◆ご対応できない業務
申し訳ございませんが、コンテンツ内容の作成はご容赦いただきますようお願いいたします。
・デザイン
・画像の作成、文面作成
ご検討頂ければ幸いです。
【外注先をお探しのデザイナー様・制作会社様】Webサイトコーディングを代行いたします
業務内容
▼こんな方へオススメ
・コーダーの外注先をお探しのデザイナー様・制作会社様
▼サービス内容
・HTML・CSSを使用したWebサイトコーディング。
・JavaScriptを使用した動きのあるサイトも制作可能です。
・レスポンシブデザインへの対応可能です。(料金に含みます)
▼ご用意いただくもの
・デザインカンプ(ファイル形式…XD・Photoshopなど)
・原稿(テキストデータなどのコピペ可能なデータ)
・画像
▼料金プラン
・一部の修正や更新作業など、軽微なサイト作成⋯10,000円
・Webサイトコーディングの基本プラン(3ページ以内)⋯25,000円
・Webサイトコーディングのプレミアムプラン(4ページ以上)10ページ以上の場合は別途ご相談ください。⋯50,000円
▼納品
・制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードは、FTP情報をご教示いただければ対応可能です。
ホームページのコーディング修正や画像・動画の差し替え作業を行います
業務内容
▼こんな方へオススメ
・ホームページの情報を更新したいがやり方が分からない方
・知識がなく、不安なのでプロに任せたい方
・サイトの表示崩れを直したい方
▼ご提供内容
ホームページの文章や画像・動画の変更を代行します。
▼ご購入後の流れ
CMSをご利用の場合は、CMS管理画面へのログイン情報をご共有いただきます。
※新規アカウント発行でご対応いただいても問題ありません。
CMSをご利用でない場合は、FTPアカウントのログイン情報またはレンタルサーバーのログイン情報をご共有いただきます。
↓
ご依頼内容をお聞きし、作業に着手します。
↓
作業完了後、サイトの検修を行い問題がなければ納品完了となります。
▼制作可能なジャンル
HTMLサイトやWordPress、Wix、STUDIOなどのCMSを利用したサイトに対応しております。
▼料金やオプション
10,000〜20,000円
▼納期
7〜14日
高品質なホームページコーディング制作をコーディング代行します
業務内容
■こんな方におすすめです
・低コストでコーディングを依頼したい方
・コーディングの時間が取れないデザイナーの方
・デザインデータはあるが、コー
本サービスでは、静的サイトやホームペーページ(HP)、ランディングページ(LP)を制作しています。ディングに不安を感じている方
■対象
・HP
・LP
・スマホ対応のWebサイト制作(レスポンシブ可)
■サービス内容
・HTML・CSSによるコーディング
・CSS, JavascriptやjQueryを使用したアニメーションの実装
・必要なタグ(ボタンやGoogleマップなど)の埋め込み
・画像圧縮による表示速度の改善
・レスポンシブ対応
■サービスの特徴
・デザインカンプ通りのコーディング
お客様からいただいたデザインデータ(Photoshop、Illustrator、XD、Figma)をもとに、デザインカンプに忠実なコーディングを行います。デザインのニュアンスを大切にし、細部まで丁寧に再現します。
・無制限の修正
お客様がご満足いただけるまで、修正を無制限で対応いたします。細かい要望にもお応えしますので、安心してご依頼ください。
※お客様が納得いただけるまで対応いたしますが、納品後の修正はお断りさせていただくきます。
・レスポンシブデザイン対応
スマートフォンやタブレットでも快適に閲覧できるよう、すべてのサイトにレスポンシブ対応を行います。
■制作の流れ
※WordPressの場合は異なります
①ご相談・お打ち合わせ
お客様のご希望やスケジュール、要望などをヒアリングし、進行方向を確認します。
②デザインデータの受け取り
Photoshop, Illustrator, XD, Figmaなどの形式でデザインデータをお預かりします。
③コーディング作業
いただいたデザインに基づき、丁寧にコーディングを進めます。
④テスト環境にアップロード
WordPressサイトの場合は、テスト環境にアップロードし、動作確認を行います。
⑤お客様確認・修正対応
お客様のチェック後、必要な修正を何度でも対応します。
⑥最終納品
修正が完了したら、納品となります。
■納期
作業内容により異なりますが、コーディングの場合は1ページあたり約5日をいただきます。お急ぎの方は事前にご相談ください。
※デザインの複雑さにより、上記の納期が変わることもありますのでご了承ください。
■納品方法
納品時には、zipファイルの送付やサーバーへのアップロードが可能です。サーバーへのアップロードを希望される場合は、FTP情報の共有をお願いいたします。FTP情報が不明な場合やサポートが必要な際は、お気軽にご相談ください。
★最大20%割引★制作会社10社以上と提携しているコーダーがコーディング代行します
業務内容
**初回割引20%OFF!**
**2回目のリピーター割引10%OFF!**
「デザインはあるけれど、自分ではコーディングできない」
「社内リソースが足りなくて、このデザインを誰かにコーディングしてほしい」
「デザインどおりにコーディングしてほしい」
「スマホのデザインは無いけれど、スマホにも対応させたい」
「サイト公開後も修正などの保守対応を任せたい」
こんな課題をお持ちの制作会社様や企業/店舗様、
10社以上の制作会社様と提携し、年間30サイト以上制作している私に
コーディングをお任せください!
■■基本プランに含まれるもの■■
・レスポンシブ対応 (PC / SP) ※ブレイクポイント2か所まで
・表示速度高速化を目的とした画像、CSS、JSファイルの圧縮
・SEO対策のためのmetaタグ、Alt、OGP、ファビコン対応 ※テキストや画像をご提供いただける場合のみ
・テストサーバーの準備
・品質チェックリストと合わせての納品
■■基本プランに含まれないもの■■
以下の項目は、ヒアリング時に実装内容を伺い、お見積もりをご案内いたします
・スマホデザイン無しの場合の対応
・アニメーションの実装 ※内容によっては無料対応可能です
・お問い合わせフォーム等の機能実装
・WordPressの導入
■■ご予算について■■
各プランはアニメーションや機能実装の無い場合の価格となりますので、
ご希望されるページ数や実装内容によって変動いたします。
ぜひ、一度お見積もりをさせてください!
また、初回割引、リピーター割引もご用意いたしております!
■■納期について■■
各プランに記載されている納期は、実装内容や稼働状況によって変動いたします。
前倒しの納品を心がけておりますが、ヒアリングさせていただいたうえで、
最終的な納品日をご案内いたします。
■■納品方法について■■
制作データをzipファイルにてお渡しいたします。
■■その他■■
上記に記載している内容以外でも、WordPressサイトを構築したいなど、
ご要望やご質問などがございましたら、お気軽にご相談くださいませ!
確認でき次第、迅速にご回答させていただきます!
◇制作会社様/デザイナー様向け◇LPコーディング代行いたします
業務内容
ご覧いただき、誠にありがとうございます。
制作会社様や、デザイナー様向け。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
WebサイトのHTML・CSSコーディング代行を承ります
業務内容
WebサイトのHTML・CSSコーディングを承ります。
既存サイトの更新や修正も安心してお任せください。
デザインの正確な再現性とメンテナンス性、
SEOに配慮したコーディングを強みとしています。
制作に関するご相談やお見積りは無料です。
お気軽にお問い合せください。
■ サービス内容
→レスポンシブコーディング
PC、スマートフォン、タブレットなど、
マルチデバイスに対応したWebサイトを構築します。
→インタラクティブな実装
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript(jQuery)、
ボタンhover時のインタラクションの実装はプランの費用に含まれます。
→ブラウザチェック
主要ブラウザ(Google Chrome / Mozilla Firefox / Safari / Microsoft Edge)の
最新バージョンで表示確認を行い、品質を保証します。
■ サービスの特徴
・PC版のデザインデータのみしかない場合でも、
こちらで最適なレスポンシブデザインに調整し、SP版を組むことが可能です。
■ 費用
・TOPページ:36,000円〜
・下層ページ:12,000円〜
・既存サイトの更新・修正:5,000円〜
■ ご依頼の流れ
まずはご相談フォームよりデザインデータや仕様など、
案件の詳細をお知らせください。
内容を確認し、お見積りさせていただきます。
■ 担当者について
事業会社と制作会社で多数のWebサイト制作・運用経験を持つ制作者が担当いたします。
現在はフリーランスとしてコーディングを中心に案件をお受けしていますが、
ページの画面設計からWebデザイン、WordPressの実装、
コアウェブバイタルのスコア改善、内部SEO対策なども対応可能です。
元Web制作会社専属コーダーがWebサイトのコーディング代行します
業務内容
当パッケージをご覧いただきありがとうございます。
ランサーズ認定ランサーの縞野拓也と申します。
HP制作やLP制作を中心に、売上アップ・イメージアップ・ブランディング強化のサポートを行っております。
★ 2022 ランサーランキング パッケージ売上部門 TOP 100
★ 2022 ランサーランキング クライアント訪問数部門 TOP 100
★ Web制作件数200件以上突破
こんなお悩みはありませんか?
・デザインはあるから、コーディングを依頼したい
・安いのは嬉しいけど、デザインが再現できなそうで不安
・安心して任せられるコーダーに依頼したい
・納期を守りやりとりも円滑なコーダーでないと不安
上記のような悩みが1つでもある方は、ぜひご相談ください。
コーディングのみに限らず、普段からサイト設計やデザインも行なっているWeb制作者が綺麗なコードでデザインを忠実に再現します。
Web制作会社の継続的な下請けコーディング業務や自社コーダーのいないデザイン特化のWeb制作会社の専属コーダーなども経験しております。
当パッケージをご利用するメリット
・Web制作件数200件以上のプロがコーディング
・元Web制作会社専属コーダーがコーディング
・Figma / XD / Photoshop / Illustratorなど幅広いデザインツールに対応
・更新機能やその他必要な機能もカスタマイズ可能
・納品後もご希望に応じてサポート対応可能
・継続的にご依頼いただくデザイナー様やディレクター様など応相談可能
ご依頼・制作の流れ
①「まずは相談する(無料)」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正:コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品:データでの納品・サーバーへのアップなど対応させていただきます。
※デザインの内容や量によって費用の追加をお願いする可能性がございます。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。