人気ランキング 期間:12月30日 〜 1月6日
Figmaなどのデザインからhtmlとcssを書きます
業務内容
▼こんな方へおすすめ
・デザインはあるが、wordpressに流し込むhtmlとcssが欲しい
・LPのコーディングをしてほしい
▼強み
・再現度の高いコーディング
・scssを使用した効率的なcss
▼納期
ボリュームにもよりますが、だいたい1ページ1日です。
▼料金目安
・ページ単価10000円~ です。
【実績15件・高評価100%】ランディングページのコーディング代行します
業務内容
Webディレクター様、制作会社様の外注先としてご活用ください
ご訪問いただきありがとうございます。
コーディング代行いたします。
●サービス内容
- LP1ページのコーディング(スタンダード・プレミアム)
- JavaScript(jQuery)を用いたアニメーションの実装も可能です
- (ホバーアクションやスライダー、スクロールアニメーションなど)
- レスポンシブ対応は料金に含まれております
- 表示確認はWindows(Google Chrome、Edge)タブレット(iPad)スマホ(iPhone)で行います
●料金
- 既存ページのカスタマイズ・修正、追加セクションなど10,000円
- 基本料金38,000円
- ボリューム多い場合など、プレミアム料金55,000円になります
●ご用意いただくもの
- デザインカンプ →ファイル形式はFigma・XD・Photoshopなど
- サイト内の原稿 →コピペできる形でお願いします
- 画像素材
●納品
- html・css・jsファイルをzipでまとめて納品となります
- サーバーへのアップロード作業も可能です
●アフターフォロー(納品後2週間以内)
- 不具合があれば無料で修正させていただきます
●実績
一部ご紹介します。
相続空き家の相談窓口
https://xn--w8j880g6idz3k645ajkcv1i30g.jp/
Dクリニック東京PLUS
https://www.menshealth-tokyo.com/skincare/prp/
https://www.menshealth-tokyo.com/skincare/kumatori/
https://www.menshealth-tokyo.com/skincare/dissolution/
https://www.menshealth-tokyo.com/skincare/threadlift/
URLをコピペしてご確認ください。
●その他
WordPress構築、デザインからの制作も可能です。
メッセージからご相談ください。
最短1日&SEO完備!HTMLコーディングします
業務内容
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
はじめに
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
ご覧いただき、誠にありがとうございます。
昨今は、どんな業界でもWebサイトを所持するのが当たり前の時代となりましたね。
しかしデザインイメージがあっても、Web上で形にするには様々なハードルがあるものです。
そこで本サービスでは、下記のような方のお手伝いを行っております。
○ デザインイメージはあるけれど、HTML・CSS・SEOってよく分からない
○ 独学でHTMLはある程度組めるけれど、マークアップが適切か分からない
○ 表示が高速なWebページを作りたい
○ 短期間でWebページを公開したい
お見積もりは無料で行っておりますので、お気軽にご相談ください!
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
基本サービス内容
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
■ デザイン完全再現のコーディング
✓HTML、CSS(Sass)を用いたコーディング
✓レスポンシブ対応
✓簡単な動き対応※
※ハンバーガーメニューやアコーディオン、フェードインアニメーションなど、
CSSや簡単なJavaScriptで対応可能なものです。
スライダーなどJavaScriptが多く利用されているものは、
別途お見積もりいたします。
■ メタタグの最適化(必要な場合)
✓favicon
✓apple-touch-icon
✓テーマカラー
✓OGP
✓タイトル
✓ディスクリプション
■ 高速化処理(必要な場合)
✓CSS・JSサイズ圧縮
✓クリティカルCSS適用
✓画像最適化
✓Webフォント最適化
■ Google Analytics導入(必要な場合)
✓Google Analyticsトラッキングコード挿入
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
料金について
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
1ページ10,000円よりお引き受け可能です。
ただしデザインや動きなど、必要な工数により金額が変わります。
お見積は無料ですので、まずはお気軽にご相談ください!
高品質なホームページコーディング制作をコーディング代行します
業務内容
■こんな方におすすめです
・低コストでコーディングを依頼したい方
・コーディングの時間が取れないデザイナーの方
・デザインデータはあるが、コー
本サービスでは、静的サイトやホームペーページ(HP)、ランディングページ(LP)を制作しています。ディングに不安を感じている方
■対象
・HP
・LP
・スマホ対応のWebサイト制作(レスポンシブ可)
■サービス内容
・HTML・CSSによるコーディング
・CSS, JavascriptやjQueryを使用したアニメーションの実装
・必要なタグ(ボタンやGoogleマップなど)の埋め込み
・画像圧縮による表示速度の改善
・レスポンシブ対応
■サービスの特徴
・デザインカンプ通りのコーディング
お客様からいただいたデザインデータ(Photoshop、Illustrator、XD、Figma)をもとに、デザインカンプに忠実なコーディングを行います。デザインのニュアンスを大切にし、細部まで丁寧に再現します。
・無制限の修正
お客様がご満足いただけるまで、修正を無制限で対応いたします。細かい要望にもお応えしますので、安心してご依頼ください。
※お客様が納得いただけるまで対応いたしますが、納品後の修正はお断りさせていただくきます。
・レスポンシブデザイン対応
スマートフォンやタブレットでも快適に閲覧できるよう、すべてのサイトにレスポンシブ対応を行います。
■制作の流れ
※WordPressの場合は異なります
①ご相談・お打ち合わせ
お客様のご希望やスケジュール、要望などをヒアリングし、進行方向を確認します。
②デザインデータの受け取り
Photoshop, Illustrator, XD, Figmaなどの形式でデザインデータをお預かりします。
③コーディング作業
いただいたデザインに基づき、丁寧にコーディングを進めます。
④テスト環境にアップロード
WordPressサイトの場合は、テスト環境にアップロードし、動作確認を行います。
⑤お客様確認・修正対応
お客様のチェック後、必要な修正を何度でも対応します。
⑥最終納品
修正が完了したら、納品となります。
■納期
作業内容により異なりますが、コーディングの場合は1ページあたり約5日をいただきます。お急ぎの方は事前にご相談ください。
※デザインの複雑さにより、上記の納期が変わることもありますのでご了承ください。
■納品方法
納品時には、zipファイルの送付やサーバーへのアップロードが可能です。サーバーへのアップロードを希望される場合は、FTP情報の共有をお願いいたします。FTP情報が不明な場合やサポートが必要な際は、お気軽にご相談ください。
HTML、CSS、JSなどWebサイトのコーディングを一貫して行います
業務内容
HTML・CSSでのコーディングを致します。
またJavascriptなどご要望の場合も別途ご相談ください。
【制作者様向け】JavaScript | HTML・CSS、LPを作成いたします
業務内容
数あるパッケージの中からご覧いただき、誠にありがとうございます。
Web制作会社退社後、個人事業としてデザイン・コーディング・Wordperss構築を
メインとして活動しております、西口真平(にしぐちしんぺい)と申します。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTMLタグを最適化したHTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・SEO対策(OGP設定、画像軽量化など)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
プロのWebコーダーが高品質なレスポンシブコーディングを代行します
業務内容
当パッケージをご覧いただきありがとうございます。
こちらはデザインデータをもとに、高品質なHTML/CSSコーディングを代行するサービスです。
PC・スマホ・タブレット対応のレスポンシブコーディングに標準対応しております。
◆こんな方におすすめ
・制作案件が重なり、外注先コーダーを探している制作会社様
・コーディングを任せて、デザインに専念したいデザイナー様
・短納期かつ品質を重視される方
◆基本料金に含まれるもの
①HTML/CSSコーディング(W3C準拠)
②レスポンシブ対応(PC/スマホ/タブレット)
③テスト確認用サーバーのご提供
④納品後1週間以内の軽微な修正(テキスト・画像差し替えなど)
⑤無期限保証
⑥制作・開発の期間には、弊社のサーバーを無料利用
◆追加費用が発生するもの
・JavaScriptアニメーション:3,000円〜
・Wordpressに組み込む:1ページ:2,500円
◆納期
最短3日〜で納品可能です。
※ページ数や内容により変動します。
◆対応可能なデザインデータ
・Figma
・Adobe XD
・Photoshop
・Illustrator
◆納品までの流れ
ヒアリング・お見積もり
↓
デザインデータ受領
↓
コーディング作業
↓
テストアップ(確認・修正)
↓
納品(ZIPファイル送付またはサーバーアップロード)
◆お見積もり参考例
・ランディングページ(PCデザイン長さ10,000px)**
コーディング:30,000円(長さ超過5,000pxごとに+3,500円)
スライダー実装:3,000円
ページトップボタン:無料
参考価格:33,000円
レスポンシブコーディング×10ページ(トップページ+下層9ページ)
・トップページ(長さ7,500px):25,000円(長さ超過5,000pxごとに+3,500円)
・下層ページ(長さ4,000px): 1ページ=10,000円 ×9:90,000円(長さ超過4,000pxごとに+2,000円)
・お問い合わせフォーム設定(8つの項目):9,500円
・スライダー・1個:3,000円
・ドロワーメニュー:3,000円
・スクロールページトップボタン:無料
・アコーディオン:無料
参考価格:130,000円
【デザイナー様/外注先をお探しの方向け】デザイン通り忠実にコーディングいたします
業務内容
すぐに対応できるコーダーをお探しの方へ
当パッケージをご覧いただきありがとうございます。
フリーランスでWordPress構築をメインにコーダーとして活動している山崎 浩史と申します。
現在、制作会社様と継続的なお取引をさせていただいております。
▼ご提供可能な内容
・HTML/CSS/Sass/JavaScript/jQuery/GSAP/WordPress
(WordPressサイト構築は、オリジナルテーマ化)
・Adobe XD・Illustrator・Photoshop・Figmaなどのデザインデータから作成可
・gulpの環境構築
・OGP,Favicon設定、W3Cチェック、サイト軽量化など
・お問い合わせフォーム(プラグイン, PHP工房)
※軽微な修正のみ等にも柔軟に対応させて頂きます
▼ご用意いただくもの
ご依頼の際に
デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
を共有いただけますと幸いです。
▼予算
概算金額であるため、デザインや要件の提示をお願いいたします。
▼実績
主に製作会社様から継続的にご依頼頂いております。
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。
その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。
ラフ案やワイヤーフレームだけでもOK!HTML/CSSコーディング作業承ります
業務内容
コーディング作業承ります。
デザイン案がなくても、簡単なラフ案と原稿あれば対応可能です。
1ページからも承りますが、複数ページももちろん大歓迎です!
デザイン制作も可能ですので、お気軽にご相談ください。
軽微なJavaScriptの機能実装も費用内で可能です。
PC、スマホ対応のレスポンシブコーディングとなります。
※PC/スマホ対応のレスポンシブデザイン(タブレットはPCの表示に準じます)
【作業内容】
・新規サイトのコーディング作業
・既存サイトへのページ追加
・LPページのコーディング
※データ納品も可能ですし、指定のサーバへのアップももちろん対応可能です。
ご不明な点ございましたら、お気軽にご相談ください。
【HTML/CSS】Webサイトのコーディング、修正いたします
業務内容
ランディングページのコーディングを承ります
ほんの少しの修正が必要だけど、コーダーの手が空いていない!
Webデザイナーの方で、コーディングだけ外注したい!
コーディングが苦手で誰かに任せたい!
Web制作会社様でコーダーのリソースが急に必要になった!
など、必要な時に十分なスキルでコーディング対応が可能です。
当サービスはHPやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。
こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。
・スマホでは表示が崩れる
・お問い合わせフォームをつけたい
・文書を変えたい
・デザインはあるけど、コーディングができない、など
デザインについては、PC用デザインのみでもスマホ対応(レスポンシブ)が可能です。
★ 対応可能データ★
・Figma、XD、Photoshop、Illustratorのいずれか
Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
など
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
お客様よりデザインデータのご提供
コーディング・テスト
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
《オプション料金にて対応可能》
・アニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
★ 動作確認ブラウザ★
・Windows
Chrome、Microsoft Edge
・Mac
Chrome、Safari
・iOS11以降
Safari
・Android5.0以降
Chrome
※いずれも最新版です。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
ディレクター、デザイナー様向け!SWELL/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環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。
まずは「相談だけ」でも大歓迎です。
構築パートナーをお探しの方は、どうぞお気軽にご連絡ください。
WEB標準に準拠したHTML・CSS・JSコーディングします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。
【低価格・高品質】静的HTMLコーディング(スマホ・レスポンシブ対応)作業を承ります
業務内容
■サービス出品経緯
【Webサイト制作を依頼したいが、時間と費用がかかる!とお困りではありませんか?】
スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍~2倍程度かかってしまいます。
そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。
■サービス概要
当サービスは、【PCデザインからコーディング(スマホ・レスポンシブ対応)を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。
※当サービスは、「静的サイト(WordPressなし)を前提とした構築」がメインですが、
WordPress実装の案件も承っております。
↓ ↓ ↓
▼【低価格・高品質】WordPress構築+コーディング(スマホ・レスポンシブ対応)作業を承ります。
https://www.lancers.jp/menu/detail/1239400
■サービス購入のメリット
【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】
私はデザインとコーディングともに経験を積んできましたが、
コーディング(WordPress構築)をより得意としています。
そして、PCデザインからスマホ対応Webサイトの制作は70件以上こなしていますので、
ご要望どおりの制作が可能です。
少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。
【最短3営業日!】スピーディーにコーディングいたします
業務内容
総ページ数10,000ページ超!
シンプルなページのコーディングを、
最短3営業日(※)で代行いたします!
お客様の事情に合わせた柔軟な対応をさせていただきます。
■サービス内容
・HTML+CSSを用いた静的なコーディング
・レスポンシブ対応
・簡単なJavascript
こんなお悩みありませんか?
「デザインはできているけどコーディングが間に合わない」
「コーディングしてみたら思ってたのと違った!」
「後から修正が入ってしまった!」
「ページを追加しているうちに結局割高に!」
ということがよくありますよね。
▼デザイナーだから融通が効く!
デザイナーが兼任するので、ちょっとしたデザインの修正にも対応可能です。
※大幅なデザイン変更の場合は別途費用が必要です。
デザインもご希望のお客様は、WEBサイト制作プランをご検討ください。
https://www.lancers.jp/menu/detail/1266171
▼おおまかな制作の流れ
-
お問い合わせ
「まずは相談する」ボタンよりお気軽にご相談ください。
デザインデータをお持ちのお客様は、デザインデータもお送りいただけるとスムーズです。 -
デザインデータの送付・コーディング開始
確定したデザインデータをお送りください。 -
コーディングデータのご確認
弊社テストサーバーにて、コーディングデータをご確認いただきます。
修正必要な箇所がある場合はテストサーバー内にて修正を反映いたします。 -
納品
ご確認いただいたデータ一式をzipまたはサーバーにアップロードで納品となります。
■ご注意事項
・目安として5,000px程度のデザインの価格となります。
・デザイン内容によっては追加料金をお願いする可能性がございます。
・複雑なJavascriptを使用する場合は別途費用が発生します。
・原則ブレイクポイントは1つの価格となります。(PC/スマホ)
・レスポンシブ対応が必要な場合は、スマホのデザインもお送りください。
・案件時期によっては3営業日で納品できない可能性もございますので予めご了承ください。
・制作実績として作成したホームページの画像やURLを掲載させていただきます。掲載不可の場合はお気軽にお知らせください。
【制作会社様・デザイナー様必見!!】低価格で丁寧・高品質なコーディングを代行します
業務内容
\絶賛受付中!/
当パッケージをご覧いただきありがとうございます。
中谷寛希と申します。
フリーランスになってから実績が少ないため、HP、LPコーディングの実績を作るために低価格で提供させていただきます。
▽当パッケージの特徴
- ベーシックプランでは既存のHP、LPに対して修正や改良をさせていただきます。どんなに小さなご要望でもお伺いします。
- 一番人気はスタンダードプランです。
- 綿密な打ち合わせをすることで、満足してもらえるLP、HPが制作できます。
▽こんな方におすすめ
- デザインはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
- LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
- コーディングが苦手で誰かに任せたい方
お客様がHP、LPを発注する目的を果たせるよう全力でHP、LPを制作させていただきます。
機械的にHP、LPを作るわけではないので、HP、LP作成や運用についてご相談があれば、お気軽にご相談くだされば幸いです。
▽【価格】
- 修正、改良のご依頼:3,000円~
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。 - LPコーディング:30,000円~
(内容により変動します。) - HPコーディング:70,000円~
(内容により変動します。)
上記はあくまで目安となります。
まずは綿密な打ち合わせにより目的を明確にして、ご要望に寄り添えるように尽力させていただきます。
▽ご利用の流れ
①まずは無料相談
②掲載内容の指定:ヒアリングシートのご記入をお願いします。
③制作開始
④完成:ファイルでのご納品
ご相談はもちろん無料です!
まずは「無料相談ボタン」からお気軽にご連絡ください!
HTML、CSS、Javascriptコーディングを行います
業務内容
デザインのあるページのHTML、CSS、Javascriptコーディングを行います。
デザインのない場合も別途対応しますが、追加の費用をいただきます。また、デザインはそれほど専門的な技術を持っていないため奇抜なデザインなどは難しいです。
【デザイナー様向け】ランディングページコーディングします
業務内容
インハウスデザイナーとしてLPの修正や作成等を行っております。
スキル麺等ご不安な場合は作成したLP等お問い合わせの際共有させて頂きます。
【ベーシック内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
・お問い合わせフォームの実装:17,000円〜
「PHP工房」のメールフォーム使用
▼LPの作成全てはコチラをご覧ください。
https://www.lancers.jp/menu/detail/1264811
WEB制作でお困りの方のWEBサイトコーディング代行します
業務内容
この度はこちらのサービスをご覧いただきありがとうございます。
・文章の追加、変更、削除。
・画像の追加、変更、削除。
・理由はわからないがデザインが崩れた。
・部分的にレスポンシブされていない。
などのご要望がありましたら、是非おまかせください!
▼料金
1か所3000円からお受けしております。
※修正範囲が広くなりますと追加で料金を頂く場合がございます。
▼サービスの流れ
①ヒアリング
WEBサイトの現状と発生している問題についてお聞かせください。
修正を希望する内容と修正後のイメージをお伺いします。
②お見積り・ご契約
ご希望内容の詳細をお伺いした後にお見積りさせていただきます。
③ご依頼作業開始
事前にご用意いただきましたFTP情報などを確認し作業開始になります。
④ご確認と修正
作業内容をご確認いただきます。
⑤最終確認
修正した内容をご確認していただき問題がなくなりましたら完了となります。
⑥納品
ご契約内容に相違がなければクローズとなります。
ご依頼いただきありがとうございました。
▼納期
ご依頼内容によってはご依頼していただいた当日の納品が可能です。
ご希望の納期がございましたらご相談ください。
HTMLメールのコーディングを代行します
業務内容
数あるサービスの中から当ページをご覧いただきありがとうございます。
当方、以前MAツールの運用サポートに携わっており、主にメールマガジンの作成全般を担当しておりました。
その経験を、みなさまのお悩み解決に生かせれば幸いです。
どうぞよろしくお願いいたします。
【こんな方におすすめ】
・デザインは決めたいが、コーディングは外注したい
・HTMLエディタを使ってもコーディングに時間がかかる
・各メーラーでの表示チェックに使う手間を極力減らしたい
※One to Oneメールで差し込みやブロック出し分け用のタグが必要な場合も
対応可能な場合がありますので、まずはお気軽にご相談ください。
【サービス内容】
HTMLメールのコーディング
デザインデータからの画像素材作成
【納品までの流れ】
- ご依頼者様より頂いたデザインデータ、画像データを元にコーディングします。
プレミアムプランの場合は、併せて画像素材の作成も行います。 - 制作物をご確認いただき、必要に応じて修正を行います。
- 問題がなければ、正式に納品(zipファイル送付)となります。
「メールフォームプロCGI」 設置・カスタマイズ・セキュリティ・スパム対策します
業務内容
企業サイト向け「メールフォームプロCGI」設置代行は、100事例以上の経験があります。
「以前作成したフォームを直したい」「制作会社が対応できない」という場合はご相談ください。
状況を確認のうえ、対応可否および進め方をご提案いたします。
■このようなお悩みはありませんか?
HTMLサイトでお問い合わせフォームを直したい、スパム対策をしたい、バージョンアップが不安
■対応内容
- 「メールフォームプロCGI」新規設置
- 既存フォームの修正、バージョンアップ
- スパム対策用の設定(連続送信防止、ワンタイムトークン、IPアドレスブラックリストなど)
- 自動返信メール設定
- 送信エラー対応
- サーバー移管後の再設定
■発注の流れ
(1)お問い合わせ
メッセージにて、現在のサイト状況、ご希望の作業内容、納期などをお知らせください。
(2)ヒアリング・お見積もり
詳細なヒアリングを行い、最適なプランをご提案します。お見積もりもご提示いたします。
(3)ご契約
ご提案内容にご納得いただけましたら、ご契約となります。作業に必要な情報をご提供いただきます。
(4)作業開始
作業開始後、進捗状況を随時ご報告いたします。
(5)納品・完了
作業完了後、お客様に最終確認をしていただきます。問題がなければ納品となります。
■納期
内容により異なりますが、通常3〜5日間で対応可能です。
■作業の流れ
(1)計画立案
お客様からいただいた情報をもとに、詳細な計画を立てます。必要な作業、スケジュールなどを明確にします。
(2)作業実施
計画に基づいて、作業を進めます。
(3)品質チェック
作業完了後、お客様に最終確認をしていただきます。問題がなければ納品となります。
(4)納品・アフターサポート
ご不明な点などございましたら、お問い合わせください。
【個人向け】Webサイトの修正、LP調整、文字起こしを丁寧に承ります
業務内容
Webサイトのちょっとした修正から、LPの調整、文字起こしまで、あなたのWebサイトを丁寧にサポートします!
このようなお悩みはありませんか?
Webサイトの小さな修正を頼める人がいない、LPの調整に手が回らない、文字起こしに時間がかかる
発注の流れ
お問い合わせ
メッセージにて、修正内容、希望納期、予算などをお気軽にご相談ください。
詳細確認
修正箇所や文字起こし対象のファイルなど、詳細な情報をお送りいただきます。
お見積り
内容を確認後、お見積もりと納期をご連絡いたします。
作業開始
ご納得いただけましたら、作業を開始いたします。
納品・修正
修正完了後、ご確認いただきます。修正があれば、対応いたします。
対応範囲・価格
Webサイト簡単修正:3,000円~
Webサイトのテキスト修正、画像の差し替えなど、簡単な修正を1箇所から承ります。
LP調整:10,000円~
LP(ランディングページ)のデザイン調整、テキスト修正、構成変更など、改善をサポートします。
文字起こし:1分500円~
音声ファイルや動画ファイルの文字起こしを、丁寧にテキスト化します。議事録作成やコンテンツ作成に。
納期
要相談(修正内容による)
制作の流れ
内容確認・整理
お客様からいただいた情報を基に、修正内容や文字起こしの範囲を明確にします。
作業
Webサイトのコード修正、LPの調整、文字起こし作業などを行います。
確認
修正箇所やテキストデータをご確認いただきます。
修正対応
修正依頼があれば、対応いたします。
納品
最終確認後、納品となります。
サービス内容
Webサイトの小さな修正からLPの調整、文字起こしまで、丁寧に対応いたします。Web制作の経験はまだ浅いですが、一つひとつ丁寧に、お客様と相談しながら進めていきます。初めて外注する方も安心してご依頼ください。
Webサイトのちょっとした修正、LPの調整、文字起こしでお困りではありませんか?
「どこをどう直せばいいかわからない…」「LPの調整に時間が取れない…」「大量の文字起こしに追われている…」そんなお悩みをkana_webが解決します!
Web制作の知識と丁寧な作業で、あなたのWebサイトをより良く、より使いやすく改善します。小さな修正から、LPの改善、文字起こしまで、幅広く対応いたします。
初めての外注でも安心!相談しながら一緒に進めていきましょう。まずはお気軽にご相談ください。
魅力的なデザインをそのままに再現!LPをコーディングします
業務内容
高品質なLPで、御社のビジネスを加速させます!デザイン通りの正確なコーディングと、最新技術で差をつけませんか?
このようなお悩みはありませんか?
ランディングページの品質向上、コンバージョン率の改善、最新技術の導入、デザインの一貫性、レスポンシブ対応
発注の流れ
お問い合わせ・ヒアリング
メッセージにて、LPデザインデータ(Figma, Adobe XDなど)、要件、納期などをお知らせください。詳細なヒアリングをさせていただきます。
企画提案・お見積り
デザインデータと要件を基に、最適なコーディングプランとお見積もりをご提案します。技術的な実現可能性や改善点などもご説明します。
契約・制作開始
ご提案内容にご納得いただけましたら、契約を締結し、制作を開始します。進捗状況は随時ご報告し、密なコミュニケーションを図ります。
テスト・修正
完成したLPをテスト環境でご確認いただき、修正点があればご指摘ください。迅速に修正対応いたします。
納品・アフターサポート
最終確認後、LPデータを納品いたします。納品後も、簡単な修正やご質問には対応いたします。
対応範囲・価格
ベーシックプラン:3万円〜
基本HTML/CSSコーディング、レスポンシブ対応、簡単なアニメーション実装。
スタンダードプラン:5万円〜
スタンダードプランの内容に加え、Sass/JavaScriptを用いたより複雑なアニメーション、動的なコンテンツ表示、SEO対策。
プレミアムプラン:10万円〜
プレミアムプランの内容に加え、WordPress組み込み、CMS構築、サーバー設定、パフォーマンス最適化、保守サポート。
納期
1週間〜
制作の流れ
設計・準備
LPデザインデータと要件を詳細に分析し、コーディングの方針や技術的な課題を明確にします。
コーディング
HTML/CSS/JavaScriptなどを用いて、LPを丁寧にコーディングします。デザインの再現性はもちろん、SEO対策やパフォーマンスも考慮します。
レスポンシブ対応
スマートフォンやタブレットなど、様々なデバイスでLPが正しく表示されるかテストします。必要に応じて修正を行います。
アニメーション実装
アニメーションやインタラクションを実装し、LPに動きと楽しさを加えます。ユーザーの興味を引きつけ、コンバージョン率向上を目指します。
納品・最終確認
完成したLPをサーバーにアップロードし、動作確認を行います。お客様にご確認いただき、問題がなければ納品完了です。
サービス内容
デザインに忠実なLPコーディング、レスポンシブ対応、アニメーション実装、WordPress組み込みなど、御社のビジネスを加速させる高品質なLPを制作します。
御社のビジネスを加速させる、高品質なランディングページ(LP)を制作します。
「LPのデザインはあるけど、コーディングできる人がいない…」「LPの品質を上げたいけど、どこに頼めばいいかわからない…」そんなお悩みはありませんか?
私は、デザインに忠実なコーディングはもちろん、最新技術を用いたアニメーションやレスポンシブ対応で、ユーザーの心を掴むLPを制作します。IT・通信・インターネット業界に特化し、培ってきた知識と技術で、御社のLPを成功に導きます。
今すぐご相談いただければ、御社のLPを無料で診断し、改善点をご提案いたします。まずはお気軽にご連絡ください。
現役WebコーダーがCSS設計に基づいた、美しいコーディングをおこないます
業務内容
フリーランスでWebエンジニア、Webコンサルをしております、市川喬士と申します。
私のサービスに興味を持っていただき、ありがとうございます。
是非、以下ご確認ください。
▷最新の制作物はこちら(デモサイト)
http://takashi0520.html.xdomain.jp/demosite2/
また、制作物一覧はこちら
https://vanilla-fireplace-f3c.notion.site/5396253653fd4ad8ab074a7dec4cbdbf
【こんな方にオススメ!】
・コーディング作業が苦手なデザイナーの方
・デザインデータはあるが、コーダーが不足しているディレクターの方
・どのようなデザインにしたいかのイメージはあるが、それを制作することが困難な方
・外注先をお探しのweb制作会社の方
【費用に含まれているもの】
・Adobe Photoshop/XD/Figmaで作成されたデザインカンプからのHTML/CSSコーディング
・マルチ画面対応のコーディング
・jQuery & CSSアニメーション
・画像圧縮による表示速度最適化
・予測・再利用・保守・拡張を意識したCSS設計による、保守性の高いコーディング
・chrome、safari、Microsoft Edge、firefoxによる確認
【追加でご提供できること】
・HTML/CSSコーディングファイルのWordPress化
・JavaScript(jQuery)を用いた動的サイト(高度なもの)
・gsapによるアニメーション
・gulp環境下での制作
・貴社指定サーバーへのアップロード
・納品後の修正作業
・スピード納品(即日可)
・WordPressテーマを使用してのWebサイト制作
【納期】
時期により、少し変動はしますが、1ページあたり5日〜1週間で納品させていただきます。
ご希望の納期がある場合はご相談いただければ、可能な限り、対応いたします。
【スケジュール】
①ご相談・お見積り・スケジュール確認(無料)
②デザインデータを確認(Photoshop、XD、Figma)
③コーディング開始
④弊社テストサーバーにアップロード
⑤ご確認、修正
⑥納品(zipファイル納品・テストサーバーアップロード)
サービス提供前に、一度DMで詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)
【制作会社様・デザイナー様向け】高品質、保守性を考慮したコーディングを提供します
業務内容
【制作会社様・デザイナー様向け】足りないリソース外注しませんか?
保守性の高いコーディングを提供します
ご覧頂きありがとうございます。
「リソースが足りない」、「質の良いコーディングを求めている」、「デザインはあるがコーディングだけお願いしたい」、「デザインを細部まで再現してほしい」、「1ページだけでもコーディングしてほしい」
そのようなお客様に寄り添い大切なデザインをコーディングします。
もちろん静的サイトコーディング後、WordPress化まで請け負います。
【SassやGulpを使用し、効率よく保守性の高いコーディング】
SassやGulp、FLOCSS・BEMを使用し効率よく、素早く、保守性の高いコーディングで仕上げていきます。またクライアント様から提示された要件定義を遵守し、ご満足いただけるコーディングに仕上げます。
【全プラン共通の内容】
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでスマホを修正します。
・ハンバーガメニュー
・お問い合わせフォームの設置のみ(ベーシックは除く)
・3回までの修正対応(こちら側のミスは除く)
【当サービスの特徴】
・最短本日から作業を開始します。
・上述しましたが、保守性を意識した質の良いコーディングを提供いたします。
【ご契約後の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
事前にデザインカンプをご用意ください
②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
事前情報として、サーバー情報のご提供をお願いします。(サーバーにアップ不要であれば本情報は不要です。)
③トップページ制作
※3回まで修正可能
④下層ページ制作
※3回まで修正可能
⑤最終確認
⑥本番環境(クライアント様のサーバー)で公開(納品)またはファイル形式でお渡し
【最後に】
私自身、コーディングという業務に大変誇りを持っています。大事なデザインをただ単に再現するのではなく、クライアント様とデザイナー様の思いをこめながら、素晴らしいホームページを制作できればと思っております。宜しくお願いいたします。
【初心者歓迎】WordPress・LP・コーポレートサイトのコーディング承ります
業務内容
ご覧いただきありがとうございます。Webコーダーのしまと申します。
WordPressを中心に、コーポレートサイトやランディングページ(LP)のコーディングを承っております。
当サービスの強み
- デザインデータを忠実に再現するコーディング
- スマホ・タブレット対応は標準装備
- 読みやすいコード(BEM記法をベースにしていますが、ご希望の方法に合わせられます)
- 初めての方にも分かりやすく説明、やり取りをスムーズに進めます
対応可能な内容
- WordPressサイトのコーディング・組み込み
- HTML/CSS/JavaScript
- レスポンシブ対応(スマホ最適化)
ご依頼の流れ
- デザインデータやサイトのイメージをご共有ください
- 内容を確認のうえ、お見積り・納期をご提案します
- コーディング開始 → ご確認 → 納品
お願い
- デザインデータを必ずご用意ください(※デザイン作成オプションをご利用いただくページについては不要です)
- デザインデータはFigma、PSDは対応可能です。その他の場合はご相談ください
- 写真や文章素材はご支給をお願いしております
- 複雑なシステム開発は対応外となります(可能かどうかご相談いただくことは問題ありません!)
詳細な料金やオプションについてはパッケージをご覧ください。
ご不明点やご相談があれば、まずはお気軽にメッセージください。
「丁寧に、正確に」を心がけて、依頼者様の大切なサイト作りをお手伝いします。
信頼と集客に繋がるプロ品質のLPコーディングを行います
業務内容
<サービス紹介>
こんなお悩み、ありませんか?
● デザインはあるけどコーディングができない
● スマホ対応や表示崩れが不安
● LPの読み込みが遅く、離脱が多い
● プロ品質のHTMLで信頼感を出したい
● 丁寧かつ柔軟に対応してくれる人に任せたい
そんな悩みに、大手企業案件も手がける現役コーダーが丁寧に対応いたします。
⸻
<サービスの特徴>
● 大手企業のWeb制作も担当する現役コーダーが対応
● SEOや読み込み速度にも配慮したコーディング
● スマホ・タブレット対応(レスポンシブ対応)
● HTML/CSS/JavaScript(簡単な動き)に対応
● 修正や微調整も柔軟に対応
● ご希望があれば、デザイン制作からの対応も可能(※別料金)
⸻
<サービスの流れ>
step1 ご依頼内容・スケジュールの確認
step2 デザインデータや構成をヒアリング
step3 初稿(テスト環境またはzipファイル)を提出
step4 修正・最終調整
step5 納品・完了
購入にあたってのお願い
<ご注意・お願い>
・デザインデータ(Figma / XD / PSD / PDF など)をご提供ください
・デザインがない場合は、オプションでの制作も承ります(事前相談必須)
・WordPress対応は別途ご相談ください
デザインカンプからのコーディング、WordPressでのサイト構築承ります
業務内容
【 こんな方におすすめ! 】
・コーディング,WordPress構築を外注できるパートナーが欲しい
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様
などなど
【 サービス内容 】
・HTML、CSS修正案件
・HTML, CSSコーディング
・JavaScript, jQueryによるアニメーション実装
・WordPressオリジナルテーマの作成
【 料金 】
LPコーディング:30,000円~
Topページコーディング:20,000円〜
下層ページコーディング:8,000円〜
WordPressオリジナルテーマ制作:80,000円〜
基本的に上記金額で承ります。
※ボリューム・機能によって変動しますので、まずはご相談ください。
【 制作の流れ 】
① ヒアリング・お見積もり
↓
②psd・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化(オリジナルテーマ)で承ります。
↓
③トップページご確認・修正
↓
④トップページ問題なければ下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーでご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品など
【 当サービスの強み 】
■報連相の徹底、早いレスポンスでクライアント様の安心に繋がる仕事を行います。
報連相を徹底することで手戻りなどのロスも減らしていけると考えます。
■17年間の社会人経験で培ったコミュニケーションスキルや業務遂行スキルで案件を確実にこなしていけます。
■平日であれば日中、夜間問わず対応可能です。
■土日でも緊急とあれば対応可能です。(主に夜間業務になります)
【連絡可能時間】
平日・土日共に9時~20時まで基本的には可能です。
【スピード対応】HTML/CSSコーディング、Webサイト修正を承ります
業務内容
迅速かつ丁寧な対応で、あなたのWebサイトの課題を解決します!
このようなお悩みはありませんか?
Webサイトの修正に時間がかかる、デザインの微調整を依頼しづらい、コーディングの品質に不安がある。
発注の流れ
お問い合わせ
メッセージにて、修正内容、ページURL、希望納期などをお知らせください。可能であれば、デザインデータや参考サイトをご共有ください。
お見積もり・内容確認
詳細な内容を確認し、対応可能かどうか、お見積もり、納期をご連絡いたします。
コーディング作業
デザインデータに基づき、コーディング作業を開始いたします。進捗状況を随時ご報告いたします。
納品・検収
完成したHTML/CSSファイルを納品いたします。動作確認後、問題がなければ完了となります。
対応範囲・価格
クイック修正プラン:5,000円~
HTML/CSSの簡単な修正、テキスト変更、画像差し替えなど。1ページ内の軽微な変更に対応します。
スタンダードコーディングプラン:30,000円~
ランディングページのコーディング、既存サイトへのパーツ追加、デザインに合わせたコーディングなど。デザインデータからのコーディングも承ります。
プレミアムフルコーディングプラン:100,000円~
Webサイト全体のフルコーディング、レスポンシブ対応、JavaScriptによる動的な表現の実装など。SEO対策を考慮した高品質なコーディングを提供します。
納期
即日対応可能(デザインデータ提供後)
制作の流れ
設計・準備
お客様からいただいたデザインデータや指示書を基に、Webページの構造を設計します。SEO対策も考慮します。
コーディング
HTML、CSS、JavaScriptを用いて、Webページをコーディングします。クロスブラウザ対応、レスポンシブ対応も行います。
テスト・修正
コーディングしたWebページをテスト環境で確認し、修正点があれば修正します。お客様にも確認していただきます。
納品・完了
最終確認後、Webページを納品します。納品後も、軽微な修正には対応いたします。
サービス内容
HTML/CSSコーディング、Webサイト修正、ランディングページ制作を迅速丁寧に行います。お客様とのコミュニケーションを重視し、ご要望に沿ったWebサイトを制作します。
Webサイトの修正、更新作業でお困りではありませんか?
「どこに頼めばいいかわからない」「ちょっとした修正なのに費用が高い…」
そんなお悩みを解決します!
私は、HTML/CSSコーディングを専門としており、迅速かつ丁寧な対応でお客様のWebサイトの課題を解決します。小さな修正からランディングページの制作まで、幅広く対応可能です。
「修正したい箇所があるけど、自分でやるのは難しい…」
「デザインは出来上がっているけど、コーディングを依頼したい…」
そんな方は、ぜひ一度ご相談ください。
お客様のWebサイトをより良くするために、全力でサポートさせていただきます。
【制作会社様・デザイナー様向け】デザインから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
・定休日 水・日
より良い制作を進める為、そして『依頼して良かった!』と言っていただけるように取り組みます。
最後までお読みいただきありがとうございました!
少しでもご興味がありましたらぜひご相談ください。心よりお待ちしております!!
【デザインをカタチに】ホームページ・LPコーディング、WordPress構築します
業務内容
「コーダーが足りない」
「コミュニケーションをしっかりとれるパートナーと仕事がしたい」という場合から
「シンプルな作業、細かな修正」まで弊社にお任せください。
これまで数十社の制作会社・開発会社様と継続的にお取引をしており、
既存サイトの修正からLP、2〜3ページの小規模な個人事業主・士業・ブログサイト、
10ページ〜20ページ前後の中規模コーポレートサイト、
40ページ以上の大規模ECサイト・ポータルサイトのチーム開発なども手掛けてきました。
また、制作会社としてだけでなく個人のビジネス経験としても
・プロのコーチング資格を保有し200名以上と対話
・リクルート(株)で10年弱の営業、企画、ディレクション・マネジメント経験
・500名以上の実店舗経営者様へのコンサルティング経験
・150名以上のコミュニティ運営
・現役のSNSスクール講師
・現役スキューバダイビングインストラクター
・3棟1区分15戸の不動産経営
などの経験があり、現場視点、経営者視点から、老若男女、様々な仲間やお客様と接しコミュニケーション力、ビジネス力を磨いて参りました。
これまでの経験を活かし、
お相手とのイメージのすれ違いを防ぎながらの迅速でスムーズな対応が可能です。
◆弊社が貢献できること
・コミュニケーションコストを意識した円滑な進行
・作った先を見据えたCSS設計によるコーディング
・制作チェックリスト提出によるお相手の確認や手間の削減
・ご依頼箇所以外に気づいた点の自主修正、提案、報告
…などにより、安心できるプロジェクト進行、リソースの削減をし、事業拡大の支援が可能です。
◆料金
トップページ:50,000円〜
下層ページ:15,000円〜
ランディングページ:80,000円〜
WordPressオリジナルテーマ制作:150,000円〜
レスポンシブ不要分割引:合計金額-20%
特急料金;合計金額+30%
※レスポンシブ込み
※ページの長さ、機能により変動いたします。まずはお気軽にご相談いただければ幸いです。
◆サービス内容
・ご提供できるスキル
HTML / CSS(BEM,FLOCSS) / Sass / jQuery / JavaScript / React / Gulp / npm scripts / PHP / WordPress / EJS / Pug / Github / Adobe / Figma
◆制作の流れ
ご依頼内容のご相談
↓
お見積・ご発注・契約書の締結(軽微な案件の場合は省略)
↓
ご確認・必要時は修正
↓
最終確認
↓
納品
◆納品日数
これまでの納品実績は以下の通りです。
(作業環境構築からレスポンシブ対応、制作チェックリストをつけての納品まで)
・2ページ静的サイト:4日
・20000pxのLP:7日
※要件や状況により変動しますが、お急ぎの場合も柔軟に調整いたします。
◆私、ミカミと弊社制作メンバーの人柄
◯ミカミ
・迅速で適切なコミュニケーション
豊富なビジネス経験と制作現場を経てPM、ディレクターとして業務に携わってきており、コミュニケーション力を磨いてきました。お取引先のコミュニケーションコストを考慮した迅速で適切な対応を徹底しています。
・制作の先を見据えた対応
Webサイト制作のゴールは「納品」ではなく「活用」だと承知しています。
事業の目的達成のために貢献できる機能性の高い制作を心がけており、
そのためにより良い方法があれば積極的に提案します。
経営者目線を持ちパートナーとして伴走します。
◯制作メンバー
・コーディング好き
もともと自分の手で何かを作り上げていくことが好きで、コーディングも好きに。
毎日8時間コーディングをしていても飽きることなくずっとできるほどのコーディング好きです。
・飽くなき探究心
わからないことはどこまでも調べ、探求して、できることを増やし技術を磨いてきています。
変化が早いWeb業界のなかで、学んだ分だけ貢献の幅が広がることに喜びとやりがいを感じています。
◆最後に
最後までご覧いただきありがとうございます。
「痒いとことろまで手が届く迅速で丁寧な仕事」を大切に対応いたします。
よろしくお願いいたします。
LP・HP制作|見やすく丁寧なコードで信頼サイトを作ります
業務内容
デザインを忠実に再現し、使いやすいWebサイトでビジネスを加速させます!
このようなお悩みはありませんか?
Webサイトの品質向上、LP制作、スマホ対応、保守性の高いコード、デザインリニューアル
発注の流れ
ヒアリング
お客様のWebサイトの課題やご要望を詳しくお伺いします。参考サイトなどイメージがあれば共有ください。
企画・提案
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。デザインが必要な場合は、提携デザイナーをご紹介します。
ご契約
ご提案内容にご納得いただけましたら、正式にご契約となります。制作スケジュールを確認し、着手金をお支払いいただきます。
制作
デザインデータまたは構成案をいただき、コーディング作業を開始します。進捗状況は随時ご報告いたします。
納品・修正
完成したWebサイトをご確認いただき、修正点があればご指示ください。デザインの崩れや動作不具合は無償で修正いたします。
公開・保守
Webサイトをサーバーにアップロードし、公開設定を行います。納品後も保守・更新サポートを提供します。
対応範囲・価格
LPコーディング:40,000円〜
デザインデータから高品質なHTML/CSS/JavaScriptでLPを制作します。レスポンシブ対応込み。
Webサイトリニューアル:50,000円〜
既存のWebサイトを最新の技術でリニューアルし、スマホ対応やパフォーマンス改善を行います。
デザイン+コーディングセット:要お見積もり
デザインからコーディングまで一貫して対応。お客様のブランドイメージに合わせたWebサイトを制作します。
納期
内容により異なりますが、LP制作は通常1〜2週間で納品可能です。
制作の流れ
デザインデータ確認
お客様からデザインデータ(Figma、XD、Illustratorなど)をお預かりし、内容を確認します。構成案や指示書があれば共有ください。
コーディング
デザインデータをもとに、HTML、CSS、JavaScriptなどのコードを記述します。見やすく整ったコードを心がけ、SEO対策も考慮します。
動作確認・調整
PC、スマホ、タブレットなど、 विभिन्नデバイスで表示を確認します。レスポンシブ対応で、どの端末でも最適な表示になるように調整します。
お客様確認
お客様にテスト環境でWebサイトをご確認いただきます。修正点やご要望があればお気軽にお申し付けください。
修正作業
お客様からのフィードバックをもとに、修正作業を行います。デザインの崩れや動作不具合は無償で修正いたします。
納品
最終確認後、Webサイトのデータを納品いたします。必要に応じて、サーバーへのアップロードや公開設定もサポートします。
サービス内容
LP(ランディングページ)やホームページ制作のコーディングを承ります。デザインを丁寧に再現し、使いやすく整ったコードで仕上げます。PC・スマホ両対応、WordPress化も可能です。
Webサイトの第一印象は、企業の顔そのもの。だからこそ、美しさと機能性を兼ね備えたサイトが不可欠です。もし、あなたが「今のサイト、どこか垢抜けない…」「スマホで見ると崩れてる…」「更新が難しくて放置気味…」と感じているなら、ぜひ一度ご相談ください。私は、あなたの想いを形にするWebコーダーです。デザインを忠実に再現するのはもちろん、SEO対策や保守のしやすさまで考慮した、未来を見据えたコーディングをご提供します。さらに、信頼できるデザイナーとの連携で、デザインから丸ごとお任せいただくことも可能です。まずはお気軽にご相談ください。
【yahooショッピング】PC・スマホトップページデザイン・コーディングます
業務内容
yahooショッピングトップページリニューアル(デザイン・コーディング)を行います。
yahooショッピングでデザイン、商品登録、各店舗間の商品情報変換、立ち上げ、運営、更新を得意としております。
店舗様のご要望に合わせてフルオーダーにてデザイン制作を承ります。
戦略、アドバイス、扱い方、広告等のアドバイスも可能です。
■制作内容
・Yahooトリプル用TOPページ制作(PC/スマホ)
※上記内容内容次第では金額・納期は上下する場合がございます。
【コーディング代行も全ておまかせも!】本格的なランディングページの制作を行います
業務内容
▼こんな方へオススメ
- 初めてのホームページ作成なので、不安な部分を相談しながら制作を進めたい
- なるべく素早く納品して欲しい
- 自分の提案だけでなく、専門知識を生かした提案も聞きたい
- 確実にデザインが反映されたホームページが欲しい
- 制作後も管理できるモダンでシンプルなコーディングが望ましい
▼ご提供内容
- デザイン、コーディング、SEO対策、サーバーへのアップロードといったLP制作の流れを上流から下流までサポートします
- アニメーションやレスポンシブは標準料金内で実装いたします
- tailwind.css/dart-sass等を利用した保守性の高いCSS設計ができます
- テストサーバーなどを設置し、満足いくまでブラッシュアップしていきます
- 丁寧なヒアリングを心がけ課題選定や要件定義を行います
▼制作までの流れ
- webミーティングでヒアリングを行います
- ヒアリング内容をもとにワイヤーフレーム作成 (デザインを希望の場合)
- ワイヤーフレームからデザインを作成 (デザインを希望の場合)
- 実装開始
- テスト環境にて検証
- 修正内容確認後に検収
- ご要望の形態に合わせて納品 (ご希望があれば運用保守まで対応いたします)
ご相談、お見積もりに関しては無料で行っておりますので、まずはお気軽にご相談ください。
何卒よろしくお願いいたします。
HTML/CSSコーディング、WordPress制作承ります
業務内容
HTML/CSSによるサイトのコーディング、WordPress制作を承ります。
▼こんな方におすすめ
・外注コーダーを探している制作会社様
・コーダーを探しているWebデザイナー様
・専門スタッフを探しているディレクター様
など
上記以外でも、法人・個人を問わずご相談お待ちしています。
▼内容
・HTMLコーディング(LP、コーポレートサイトなど)
・WordPress(オリジナルテーマ)
・修正、更新などのサイト運営
▼納品までの流れ
①ヒアリング
②制作開始
③確認・修正(確認用サーバーあり)
④納品
静的ページ/Wordpress/ShopifyのLPコーディングを代行します
業務内容
自己紹介
現在はランサーズ外からのご依頼がほとんどですが、複数の制作会社様から継続してご依頼いただいているWEBコーダーです。
【制作歴】
- HTML/CSSコーディング ー 10年
- Javascript ー 10年
- Wordpressー 7年
- Shopify ー 5年
【継続中クライアント様】
- Web開発/制作会社様A(5年)
- Web開発/制作会社様B(5年)
- Web制作会社様C(2年)
など
対応内容
- 静的コーディング(1ページ〜複数ページまで対応できます)
- Wordpressオリジナルテーマの構築
- Wordpress既存テーマの改修
- Shopifyオリジナルテーマの構築
- Shopify既存テーマの改修
制作の流れ
- コーディング内容の詳細の打ち合わせ。
※齟齬がないように細かくお伺いしますので、ご容赦ください。
↓ - 見積もりとスケジュールの提出
↓ - デザインデータの受領
↓ - コーディング
↓ - テストアップページのご確認
※テキスト修正/画像の差し替えは無料対応。
※デザイン変更/仕様変更による修正は別途費用がかかる場合があります。
↓ - 納品(サーバーへのアップ・もしくはファイルの送付)
ご不明点があればお気軽にご連絡ください。
【スマホ対応】ホームページ・LPコーディング案件承ります
業務内容
業務内容のご紹介
HP作成やLPなどのコーディングを承っております!
◆◇こんな方にお勧めです◇◆
・コーディングにリソースを割けない
・デザインはあるのでコーディングのみ外注したい
・漠然とこういう動きをつけたいんだけど…どう頼んだらいいかわからない
・小規模のコーディングを頼みたい
・スマホの対応もしてほしい
など、コミュニケーションをしっかりさせていただき
お客様に満足いただくことを最善に対応させていただきます。
◆◇ご用意していただくデータ◇◆
AdobeXD、Photoshop、Illustratorでのご用意をお願いいたします。
jpegや、pngしかない場合はご相談ください。
◆◇ご料金内対応について◇◆
〇動き関連
【スライダー、カルーセル】
【アコーディオン】
【タブメニュー】
【ハンバーガーメニュー】
〇ブラウザ
【Chrome、Firefox、Microsoft Edge】
【iOS11以降 Safari】
【Android5.0以降 Chrome】
〇サーバーアップロード
◆◇ご依頼から納品までの流れ◇◆
1. ご相談
まずはお気軽にご相談ください。
2. 見積もり提出
お見積もりと納期をご提示します。
3. オファーの作成・承諾
ご納得いただけましたらオファーを作成しますので、承諾してください。
4. 作業開始
作業を開始します。
5. ご確認・修正
完成したサイトを確認していただき、修正いたします。
「まずは相談する(無料)」のボタンからお気軽にご相談ください!
デザインに忠実なコーディング・Webサイト制作をいたします
業務内容
◆デザインはできるけどコーディングは苦手…
◆忙しくてコーディングまで手が回らない方
こんな方におすすめです!
作成されたデザインに基づき、Webサイト構築を1ページ~代行いたします。
ジャンル問わず、LP・HPコーディングを承ります。
Wordpress使用のECサイトも可能ですので、ご相談くださいませ。
◇デザインに忠実なコーディング:PergectPixelを使用しながら作業いたします。
◇早いレスポンス:ご連絡には気づき次第すぐに対応いたします。
◇納期厳守:当たり前のことですが、納期は必ず守ります。必要があればこまめに進捗のご報告もいたします。
◇柔軟対応:軽微は修正は回数の制限を設けておりません。お気軽にご相談いただければと思います。
【進め方】
①デザインをご共有いただき、コーディングルールやアニメーション等の概要や納品方法について確認いたします。(オンラインでのお打ち合わせも可能です)
②作業
③初稿提出
④ご確認いただき、修正があればフィードバックしていただきます。
⑤最終納品
【経歴】
・四年制大学卒
・2024年1月までドラッグストア勤務(約5年間)、うち1年半ほど店長を経験
・退職後、Web制作の学習を始めコーディングスキルを修得
・現在は出版社に勤務しつつ、コーディングのお仕事も副業として承っております。デザインも勉強中です。
【制作会社様・デザイナー様向け】コーディング代行いたします
業務内容
この度は、私が提供するコーディングスキルに興味を持っていただき、誠にありがとうございます。
HTML、CSS、jQueryを中心に、ウェブサイトの開発に関するコーディングスキルを持っています。
具体的には、以下のようなスキルを有しています。
- HTML5/CSS3を使用したマークアップ作業
- JavaScriptライブラリ(jQuery, Vue.js)を使用したフロントエンド開発
- PHPを使用したバックエンド開発
- WordPressのテーマ作成、プラグイン開発
これらのスキルを活かし、クライアントの要望に合わせたウェブサイトの制作を行います。また、コミュニケーションを大切にし、納期や品質にも配慮した作業を行います。
さらに、私は、ウェブサイトのSEO対策にも力を入れています。ウェブサイトの構成やコンテンツ制作など、検索エンジン最適化に必要な技術を熟知しています。そのため、ウェブサイト制作において、SEO対策も含めたトータルサポートを行うことが可能です。
ご不明点やご要望がございましたら、お気軽にお問い合わせください。引き続き、よろしくお願いいたします。
【制作会社様・デザイナー様向け】HP・LPのHTML/CSSコーディング代行します
業務内容
水谷 潤と申します。
この度は数あるパッケージの中からご覧いただき、誠にありがとうございます。
大阪府大阪市在住で、普段よりクラウドソーシングなどでコーディングやWordPress関連のお仕事いただいております。
●作業内容
・HP、LPなどのコーディング業務代行
・WordPressを使った既存テーマHP制作
・WordPressを使ったオリジナルテーマHP制作
●制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
●ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
●最後に
もしお仕事いただけた暁には、もちろんのことですが、誠意をもってお仕事させていただきます。
納期の厳守はもちろんのこと、「レスポンスの速さ」や「こまめな確認」はweb制作でお仕事をいただき始めてから常に意識していることでございます。
クライアント様には、コミュニケーションでのストレスを無くす最大限の努力をさせていただいておりますので是非ご依頼の際はお気軽にご相談くださいませ。
コーディング代行(WordPressオリジナルテーマ可)承ります
業務内容
実績20件以上。安心感のある配慮で評価されているコーダーです
当パッケージをご覧いただき誠にありがとうございます。
Webコーダーのこうなと申します。
LPやWebサイトのコーディング、WordPress構築を行なっております。
このような方におすすめ!
- デザインはあるが、コーディングできる人がいない
- リソース不足でコーダーを外注したい
- WordPressのオリジナルテーマを構築したい
発注の流れ
①無料相談(ご希望の機能やデザインデータ・納期の確認)
②お見積もり
③ご契約
④デザインデータお預かり
⑤初稿お渡し
⑥ご確認・修正
⑦納品(Zip納品、サーバーアップなど)
価格
LPコーディング:30,000円
HTML / CSSサイト(〜6ページ):80,000円
WordPressサイト(〜6ページ):120,000円
※実際の価格はヒヤリング後に改めてお見積もりさせていただきます。
「まずは相談する(無料)」からお気軽にご連絡ください。
WEBサイトのコーディングします☆LP/Webサイト/WordPress各種◎
業務内容
(丁寧な対応☆即納☆丸投げ可/Web制作/まずはお気軽にご相談ください!)
初めまして!フリーランスエンジニアの『しん』と申します。
どこよりも短納期で、お客様の満足度100%のサイト制作をさせて頂きます!
わたしはランサーズ上においては駆け出しエンジニアのため、
現在は金額設定も他の方よりも柔軟に対応させて頂いております。
他のクラウドソーシングにおいてはすでに依頼にて業務をさせて頂いており、受託した全案件において☆満点評価☆を頂いております。
下記、わたしの経歴と実績です。
ご査証、ご検討よろしくお願いいたします。
【実績】
・ポートフォリオ
https://shin-sakai-cs.com/
【経歴】
・工学系分野にて国立大学、大学院を修了
・大手電機メーカー、世界的輸送機器メーカーにて最先端デバイス開発を経て、
エンジニア開発を行っております。
→会社対会社の開発案件の取りまとめを行った経験などもございますので、
ご依頼における調整事項へのスムーズな対応や、お客様のご質問に迅速に対応させて
頂くなど、お客様にストレスのない対応を心がけて進めさせて頂きます。
【対応可能な業務内容】
・お客様のご要望をお伺いしてのHTML、CSSを使ったWebサイト制作
・数百種類のテンプレートを用いた短納期サイト制作
【可能な業務】
上記の業務内容の他、
・word pressの導入・サイト構築(各種プラグイン対応)
・コーポレートサイト作成
・LPページ作成
・レスポンシブサイト
などを得意としております。
【使用言語】
・HTML
・CSS
・JavaScript(jQuery)
【使用ツール】
・VScode
・AdobeXD など 客様のご要望にお答えいたします。
【稼働時間】
平日、土日祝問わず最大12時間で在宅ワークをお受けしております。
(ご要望に合わせて調整可)
会社員業では、最先端技術の活用や優れた技術の横展開により、世の中にない最先端デバイスの開発を経験してきました。
その経験を経て、「もっと身近で直接関わることができるお客様」へ貢献したいと考え、現在はWebエンジニアとして価値提供を行なっています。
何よりもお客様の「目標達成」をお約束できるような対応をさせて頂きます。
これまで納品させて頂いたお客様からは、Webサイト制作だけでなく、集客対策もお手伝いさせて頂くことで
『「お客様に来て頂く」という目的を達成でき、大変満足している』
とのお言葉も頂いております。
ぜひ、ご検討のほどよろしくお願いいたします!
【コーディング】デザインに忠実なWebサイトを製作します
業務内容
デザインデータ(XD)からHTML/CSSコーディングとWordPress構築で、集客力とブランド力を高めます!
このようなお悩みはありませんか?
更新の煩雑さ、スマホ対応の遅れ
発注の流れ
ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。理想のウェブサイト像を共有しましょう。
プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランとお見積もりをご提案します。納得いただけるまでご説明します。
制作開始
ご契約後、迅速に制作を開始します。進捗状況は随時ご報告し、お客様と密に連携します。
納品・公開
完成したウェブサイトをご確認いただき、修正点があれば対応します。ご納得いただけたら納品完了です。
対応範囲・価格
HTML/CSSコーディング:1万円〜
HTML/CSSコーディング:既存デザインを忠実に再現し、スマホ対応も実現します。
WordPressサイト構築:1.5万円〜
WordPressサイト構築:オリジナルテーマで、他社と差別化されたサイトを構築します。
WordPressサイト改修:1万円〜
WordPressサイト改修:デザインの修正、機能追加、幅広く対応します。
各種フォーム作成:0.5万円〜
各種フォーム作成:お問い合わせフォーム、資料請求フォームなど、用途に合わせて作成します。
納期
最短1週間
制作の流れ
構成設計
お客様からご提供いただいた情報や素材を基に、ウェブサイトの構成を設計します。
コーディング・テーマ作成
構成設計に基づき、HTML/CSSコーディング、WordPressテーマ作成を行います。
コンテンツ投入・動作確認
WordPressにコンテンツを投入し、動作確認を行います。
お客様確認・修正
お客様にウェブサイトをご確認いただき、修正点があれば対応します。
サービス内容
HTML/CSSコーディング、WordPress構築、サイト改修、フォーム作成など、ウェブサイトに関するあらゆる業務を承ります。
「ウェブサイトをリニューアルしたいけど、何から始めたらいいかわからない…」そんなお悩みはありませんか?
私は、HTML/CSSコーディングとWordPress構築の経験を活かし、お客様のウェブサイトを「売れるウェブサイト」に変えるお手伝いをします。
お客様のウェブサイトを、集客力とブランド力を高めるための強力なツールにしませんか?
デザイン通りに丁寧なコーディングをします|HTML/CSS対応します
業務内容
【対応内容】
・HTML/CSSによるコーディング
・レスポンシブ対応(スマホ・タブレット対応)
・JavaScriptを用いた簡単なアニメーション(フェードイン、スライダー等)
・お問い合わせフォームの設置(ご希望があれば)
【ご用意いただきたいもの】
・デザインカンプ(Figma、XD、Photoshop、画像など)
・使用する写真や文章などの素材
・サイトの目的やご希望のイメージ(必要に応じて)
【業務の流れ】
- ご依頼内容のヒアリング
(ページ数・用途・ご要望などを確認します) - デザインデータと素材のご提供
- コーディング作業開始
(レスポンシブ対応やアニメーションも含む) - 確認・修正
(軽微な修正は無制限で対応いたします) - 納品
(HTML/CSSファイル一式、またはサーバーへアップロード)
【修正対応について】
・軽微な修正(文字の打ち間違い、色の微調整など)は回数無制限で対応いたします。
・大幅なデザイン変更や追加作業は、別途料金をお願いする場合があります。
【デザイナー様向け】LP・HPのコーディング代行を行います
業務内容
サービスを閲覧いただきありがとうございます。
まずはお見積もりからお願いしております。
■作業内容
・HTML/CSSを用いた静的コーディング(1ページ〜制限なく複数ページまで作成します)
・レスポンシブ対応
・JavaScriptの動的実装
・お問い合わせフォームの実装(静的ページの場合はGoogleフォームでの対応となります)
※ご希望の方には、お問い合わせフォームの参考ページをお送りします。
■料金表
◎基本プラン
・トップページのコーディング※:20,000円
・LPのコーディング※:20,000円
・下層ページのコーディング※:10,000円~/ 1ページ
・部分コーディング、既存ページの修正:3,000円〜/1箇所
※PC版縦5,000px以上より1,000pxにつき1,000円加算させていただきます
◎オプション
・JavaScriptの機能実装:2,000円~ / 1点
(ハンバーガーメニューは無料)
・お問合せフォームの設置:15,000円
<無料オプション(ご希望の場合)>
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築
■制作の流れ
1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法は基本的には、zipファイルとなります。
サーバーアップをご希望の場合は事前にご相談ください。
■納期
最短で5日〜
ご希望の納期がある場合はご相談くださいませ。
納期は「2、お客様からデザインのご提供」完了後からとなります。
■その他
迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
こちらコーディング代行サービスとなっておりますので
デザインとサイトに使用する画像素材は全てお客様の方でご用意をお願いいたします
・画像加工には対応できませんのでご了承くださいませ。
・デザインは、 Photoshop / XD / Figmaなどに対応しております。
上記以外の形式をご希望の場合は一度ご相談くださいませ。
webコーダーとしてwebページをコーディングいたします
業務内容
【こんな方へおすすめします】
・自社のWebサイトを制作したい中小企業のオーナー様
・Webサイトのデザイン、イメージはあるけどコードをかけない方
・ブログやポートフォリオを作りたい個人の方
・wordpressの専門知識がなく、プロの手助けが必要な方
【金額について】
・提案、ご相談は無料で受けさせていただきます。お気軽にご相談いただけたらと思います。
・パッケージの料金を基本として、作業内容により多少の増減をいたしますことをご了承下さい。
・ヒアリング、提案と見積もりが完了し双方納得いただけた場合、着手金としてお見積りの2割程度お支払いいただきます。
・パッケージ外の提案も受けさせていただきます。
→既存サイトの修正:3000円〜
→wordpressサイトの保守、更新:5000円〜
→webサイトのデザイン修正、変更:10000円〜
【購入後の流れ】
ヒアリング: お客様のニーズや要望を詳しくお伺いします。ウェブサイトの目的、ターゲット層、必要な機能などをお聞きします。
提案と見積もり: ヒアリング内容に基づいて、最適なプランと具体的な提案書を作成し、見積もりとともにご提示します。
契約: 提案内容にご納得いただけましたら、契約を締結し、着手金をお支払いいただきます。
デザイン案の提示: サイトの全体的なデザイン案をご提示し、ご確認いただきます。必要に応じて修正を行います。
開発作業: 承認されたデザインに基づいて、サイトの開発を進めます。定期的に進捗報告を行い、フィードバックを反映します。
テストと調整: 完成したサイトの動作確認を行い、必要に応じて調整します。
納品とレクチャー: 完成したサイトを納品し、管理画面の操作方法などについてレクチャーを行います。
アフターサポート: 納品後1ヶ月間は、軽微な修正や操作方法のサポートを無償で提供します。
【初心者応援価格】FigmaデザインからWebサイトを制作します
業務内容
初心者だからこその丁寧さ!Figmaデザインを忠実に再現し、お客様の想いを形にします。
このようなお悩みはありませんか?
Webサイトの立ち上げ、リニューアル、デザインデータのコーディング
発注の流れ
お問い合わせ・ヒアリング
お客様のWebサイトに関するご要望や、Figmaデザインデータについてお伺いします。目的やターゲット層、必要な機能など、詳細をお聞かせください。
お見積もり・プラン提案
ヒアリング内容を基に、最適なコーディングプランをご提案します。納期や費用、制作の流れについて詳しくご説明します。
ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。Figmaデザインデータをご提供いただき、制作を開始します。
テスト・修正
コーディングが完了しましたら、テスト環境でご確認いただきます。修正点やご要望があれば、お気軽にお申し付けください。
納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。
対応範囲・価格
HTML/CSSコーディング:30,000円〜
Figmaデザインを基にした、高品質なHTML/CSSコーディングを提供します。レスポンシブ対応も可能です。
JavaScript実装:10,000円〜
JavaScriptを用いたWebページの動的機能実装や、フォームの作成を行います。基本的なDOM操作、バリデーションなどに対応。
WordPressカスタマイズ:20,000円〜
WordPressのテーマカスタマイズや、テンプレートの調整を行います。お客様のニーズに合わせた柔軟な対応が可能です。
Node.js/Expressサイト制作:30,000円〜
Node.js/Expressを使用した、簡単なWebサイト制作を承ります。ルーティングやテンプレートの使用に対応。
納期
要相談(案件により柔軟に対応)
制作の流れ
Figmaデザイン分析
お客様からご提供いただいたFigmaデザインデータを詳細に分析し、コーディングに必要な要素を洗い出します。デザインの意図を正確に理解し、高品質なコーディングを目指します。
HTML/CSSコーディング
HTML/CSSを用いて、Webページの構造を構築します。Figmaデザインを忠実に再現し、美しい見た目と使いやすさを両立させます。レスポンシブ対応も行い、様々なデバイスで快適に閲覧できるWebページを実現します。
JavaScript実装
JavaScriptを用いて、Webページに動きを与えます。フォームのバリデーション、アニメーション、インタラクティブなUIなど、お客様のご要望に応じて様々な機能を追加します。
テスト・修正
完成したWebページをテスト環境で確認し、不具合や修正点がないかチェックします。お客様にもテストにご協力いただき、ご要望に応じて修正を行います。
納品・完了
最終確認後、納品となります。納品形式は、HTML/CSSファイル、JavaScriptファイルなど、ご希望に応じて対応します。納品後も、ご不明な点があればお気軽にお問い合わせください。
サービス内容
FigmaデザインカンプからのWebサイト構築、HTML/CSSコーディング、JavaScript実装、WordPressカスタマイズを丁寧に承ります。
Web制作を始めたばかりの私だからこそ、お客様のWebサイトに対する熱い想いを共有し、丁寧に形にすることができます!実績作りのため、低価格で高品質なWebサイトをご提供いたします。まずはお気軽にご相談ください!
見やすいHTML/CSSコーディングでWebサイトを制作します
業務内容
あなたの想いを形にする、丁寧で見やすいHTML/CSSコーディングで、Webサイトを魅力的にしませんか?
このようなお悩みはありませんか?
Webサイトの見た目を改善したい、レスポンシブ対応にしたい、アニメーションで動きをつけたい、HTML/CSSコーディングを依頼したい。
発注の流れ
お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや、ページ構成、必要な機能などをお知らせください。参考になるWebサイトがあれば、URLをお伝えください。
要件定義
詳細なヒアリングを行い、要件を明確にします。必要に応じて、オンラインでの打ち合わせも可能です。
お見積もり・ご契約
要件定義に基づき、お見積もりをご提示いたします。料金や納期についてご納得いただけましたら、ご契約となります。
制作開始
HTML/CSSコーディングを開始します。進捗状況を随時ご報告いたします。
納品・修正
完成したWebページをご確認いただき、修正点があればご指摘ください。修正後、最終納品となります。
対応範囲・価格
基本コーディング:10,000円〜
HTML/CSSコーディング(1ページ): シンプルな構成のページ。
レスポンシブ対応:5,000円〜
レスポンシブ対応: PC、タブレット、スマートフォンなど、各種デバイスに最適化します。
アニメーション実装:3,000円〜
アニメーション実装: JavaScriptを用いて、Webページに動きをつけます(簡単なもの)。
サイト修正:5,000円〜
既存サイト修正: 既存のHTML/CSSを修正し、見た目や機能を改善します。
納期
要相談(案件の規模や内容によって異なります)
制作の流れ
企画・構成
お客様からいただいた情報をもとに、Webページの構成やデザインを検討します。
コーディング
HTML/CSSを用いて、Webページをコーディングします。見やすく、保守しやすいコードを心がけています。
実装
レスポンシブ対応やアニメーション実装を行います。
テスト
各種ブラウザで表示確認を行い、動作に問題がないかテストします。
修正
お客様にWebページをご確認いただき、ご要望に応じて修正を行います。
サービス内容
丁寧で見やすいHTML/CSSコーディングを低価格で提供します。レスポンシブ対応やアニメーション実装も可能です。まずはテスト案件からでも、お気軽にご相談ください。
Webサイトの見た目を良くしたいけど、どこに頼めばいいかわからない...そんなお悩みはありませんか?Satomiが、丁寧で見やすいHTML/CSSコーディングで、あなたのWebサイトを魅力的に変えます!レスポンシブ対応やアニメーション実装もお任せください。まずは、お気軽にご相談ください!
既存の設計や明確な要件に基づきITサービスを提供します
業務内容
▼こんな方へオススメ
既に要件・設計書・デザインがあり、実装だけ依頼したい方
LP/企業サイト/既存改修/EC画像の高画質化を短納期で進めたい方
▼ご提供内容
設計書・デザインに基づく HTML/CSS(SCSS)/JavaScript/TypeScript のコーディングを行います。
レスポンシブ対応・軽量化・アクセシビリティの基本対応を実施します。
簡易フォーム、バリデーション、モーダル、スライダー等のUI実装を行います。
画像最適化(EC向け高画質化/圧縮/遅延読込)を実施します。
SEO基礎設定(title/description/OGP/サイトマップ)を行います。
デプロイ支援(Vercel/Netlify 等)や DNS 設定をサポートします(プラン/オプションにより対応します)。
▼ご購入後の流れ
要件・設計書・デザインデータ(Figma/PSD/XD)・素材をご共有いただきます。
スコープ・納期・修正回数・成果物形式を事前合意します。
初稿を納品します(目安:ベーシック3〜5営業日、スタンダード5〜7営業日、プレミアム10〜14営業日)。
レビューと修正対応を行います。
最終納品(ZIP/Git/公開作業)を行います。
▼制作可能なジャンル
LP、企業サイト、採用ページ、商品ページ、技術ブログ、簡易ダッシュボードに対応します。
▼技術スタック
HTML/CSS(SCSS)、JavaScript/TypeScript、jQuery、Next.js(SSG中心)、Node.js(軽微)、SQL(表示用クエリ)、Python(データ処理補助)に対応します。
Git/GitHub、VSCode、Figma 等のツールに対応します。
▼料金プランやオプション
ベーシック:1ページのコーディング+修正2回に対応します。
スタンダード:1〜3ページ+簡易JS/フォーム+修正3回に対応します。
プレミアム:3〜5ページ+簡易API/DB連携・デプロイ+修正5回に対応します。
▼納期
要件の明確さと素材支給の有無で変動します。短納期も可能な範囲で調整します
htmlコーディング、Wordpress設置、サイトの運営・更新・管理をおこないます
業務内容
htmlコーディング、Wordpressでサイトを新規制作、既存サイトのWordpress化、既存サイトの運営・更新・管理をおこないます。
▼デザイン会社様でコーダーをお探しの方
▼既存サイトの運営・更新・管理を外部委託される場合など
お気軽にお申し付けください。
【Webサイトのお困り事解決】HTML/CSSとWordPressで丁寧に修正します
業務内容
小さな修正から大規模サイト構築まで、あなたのWebサイトを最適化します!コーディング、デザイン、SEO対策までトータルサポート。
このようなお悩みはありませんか?
Webサイトの修正に時間がかかる、デザインが古くさい、SEO対策ができていない、スマホ対応が不十分、WordPressの管理が難しい
発注の流れ
お問い合わせ
メッセージにてご依頼内容をお知らせください。具体的な修正箇所やご要望をお伝えいただけるとスムーズです。
ヒアリング
ご依頼内容を確認し、詳細なヒアリングを行います。必要に応じて、参考サイトやイメージをお伺いします。
お見積もり
ヒアリング内容に基づき、お見積もりと納期をご提示します。ご納得いただければ、制作を開始します。
制作
修正作業を行い、適宜進捗をご報告します。お客様からのフィードバックを元に、修正を重ねていきます。
納品
最終確認後、納品となります。納品後も、軽微な修正は対応いたしますのでご安心ください。
対応範囲・価格
Webページ制作:1万円〜
HTML/CSSによるWebページ制作(1ページ)
既存サイト修正:3,000円〜
既存サイトの修正(文言変更、色変更、余白調整など)
WordPressカスタマイズ:5,000円〜
WordPressのテーマカスタマイズ、プラグイン設定
スマホ対応:5,000円〜
レスポンシブデザイン対応
SEO対策:1万円〜
SEO対策(キーワード選定、内部対策)
納期
内容により異なりますが、通常1週間〜1ヶ月程度です。お急ぎの場合はご相談ください。
制作の流れ
ご依頼内容の確認
お客様からご依頼内容を詳しくお伺いします。WebサイトのURLや修正箇所など、具体的な情報をご提供ください。
修正箇所の洗い出し
ご提供いただいた情報をもとに、修正箇所の洗い出しや必要な作業を明確にします。不明な点があれば、お客様に確認を行います。
修正作業
修正作業を開始し、HTML/CSSやWordPressを編集します。お客様のご要望に沿って、丁寧に作業を進めます。
動作確認
修正後、動作確認を行い、問題がないか確認します。必要に応じて、お客様に確認をお願いすることもあります。
お客様確認・修正
お客様に修正箇所をご確認いただき、フィードバックをいただきます。修正が必要な場合は、再度修正作業を行います。
納品
最終的な納品物を提出します。納品後も、軽微な修正は対応いたしますので、お気軽にご相談ください。
サービス内容
HTML/CSS、WordPressの修正、Webサイト制作を丁寧に対応します。初学者ですが、誠意をもって対応いたしますので、お気軽にご相談ください。
Webサイトのことでお困りではありませんか?
「Webサイトのデザインが古くさい…」「スマホで見ると表示が崩れる…」「自分で修正したいけど、どこを直せばいいかわからない…」
そんなお悩みを、HTML/CSSとWordPressの知識を活かして解決します!
実績作りのため、相場より抑えた価格でWeb制作・修正作業を承っております。
「ちょっとした修正だけ頼みたい」
「まずは相談だけしてみたい」
もちろんOKです!
まずはお気軽にご相談ください。
爆速コーディング!丁寧✖️正確✖️迅速なご対応いたします
業務内容
企業様コーポレートサイトからLPなどのコーディングをメインとして活動しております!さまざまなWeb制作に携わってまいりましたが、やはりコーディングが一番好きで、コードを書いていると1日がすぎてしまうこともザラにあるほどです...。
実績につきましては、公開できないものが多くありますので、ご希望ございましたらお送りさせていただきます!
爆速コーディングで、あなたのデザインを完全再現いたします
業務内容
① デザインデータをいただき次第、作業開始。
(XD,Figma,Ai,PSDに対応。
必要であれば打ち合わせ可能です。)
② HTML/CSS/JavaScriptコーディング。
(どんなアニメーションにも対応可能。
WordPress組み込みまでも承っております。)
③ 品質チェック
表示チェックやエラー確認、デバイス表示チェックを行い、
品質チェックシートと一緒にご提出いたします。
④ 納品
HTML/CSSのピクセルパーフェクトでのコーディング作業を代行いたします
業務内容
ご覧いただき、ありがとうございます。
suunni代表、石山(いしやま)と申します。
HTML/CSSの作成を依頼した時に、このようなことはありませんでしたか?
◆ HTMLの構造がグチャグチャ・・・
◆ CSSも読みづらい・・・
◆ CSSクラス名の付け方に一貫性が無い・・・
◆ コメントも無いので読み解くのに一苦労・・・
そのようなお悩みをお持ちでしたら、
HTML/CSSのコーディングでお手伝いできるかもしれません。
◆ 読みやすいコーディングを心掛けております
◆ CSSにはコメントを細かく付けております
◆ 必要でしたら、デザインカンプにクラス名のコメントをつけることも可能です
エンジニアの経験を活かし、
「読みやすいソースコード」を作成することをお約束いたします。
[Wordpress対応!]即納品・即レスでHTML/CSSコーディング承ります
業務内容
はじめまして!
サービスを閲覧いただきありがとうございます!
福岡県で、Web制作のフリーランスとして活動している岩崎佑哉と申します!即レス、即納品、高品質の3つを常に意識してお仕事をさせていただいております!
デザインはあるけど、コーディングが出来ない。。
時間がないから誰かに任せたい。
そんな悩みはありませんか
低予算で解決致します!!
まずはお見積もりからお願いしております。
◆サービス内容
・HTML/CSSを用いた静的ページのコーディング
・JavaScriptを使用した動きの表現
(スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど)
・html/css納品→HP・LP制作
・WordPressサイトのコーディング
・WordPressへの機能実装(カスタム投稿・カスタマイザーの設定など)
※WordPressはカスタマイズによって別途費用がかかる場合がございます。
・レスポンシブ対応
◆制作内容
1ページから複数ページまで承っています。
◆料金表
・トップページのコーディング:10,000円〜/1ページ
・下層ページのコーディング:8,000円~/ 1ページ
・LPのコーディング:15,000円~
・JavaScriptの機能実装:5,000円~ / 1点
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress-TOPページ:15,000円〜 / 1ページ
・WordPress-下層ページ:10,000円〜 / 1ページ
※全てレスポンシブ(タブレット、スマホ対応)込みの価格です!
<無料オプション(ご希望の場合)>
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築(ご希望の際はご当方のテストサーバーでサイトをご確認頂くことが可能です)
◆実績
ポートフォリオをご覧ください。
https://www.lancers.jp/profile/yuuya_18/portfolio?ref=more
非公開のものもありますので、詳しく知りたい方はお知らせください。
◆制作の流れ
1、ヒアリング&お見積り(※まずはご相談下さい!)
※コーディング内容の詳細をお聞かせください。
↓
2、お客様からデザインのご提供
(フォトショップ or XDでのデザインを頂ければ、
コーディングしたサイトデータを納品します。)
↓
3、コーディング&テスト
↓
4、ご確認・修正
※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
↓
5、最終確認・納品
※テストはWindowsで「Chrom、Safari」の各ブラウザとiphoneXRの「Chrom、Safari」で行います。
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
◆納期
作業量によって異なりますが、基本5日〜1週間ほどお時間いただいております。
ご希望の納期がある場合はご相談くださいませ。
◆受注後の仕様変更やレイアウトの変更に関して
画像の差し替えや文言の変更に関して等、簡易的な修正は無料で対応させて頂きますが、レイアウトや仕様の変更の場合は、別途追加料金での対応とさせて頂きます。
迅速・丁寧にコーディングいたします。
簡単なホームページ制作や部分的な修正、jsによる実装など、幅広く対応可能です。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
最後になりますが、お客様との出会いを大切にしております。
是非宜しくお願い致します。
ご提供いただいたデザインを元にコーディングいたします
業務内容
①静的サイト・LP(ランディングページ)の実装&カスタマイズ
ご提供いただいたデザインから、HTML+CSS(Sass)+JavaScript(jQuery)を使ってコーディングいたします。
②「WordPress」を使った動的サイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのWordPressテーマを作成いたします。
WordPress自体の構築や、プラグインなどの各種設定も対応可能です。
PHP+CSS(Sass)+JavaScript(jQuery)でコーディングいたします。
③「Shopify」を使ったショッピングサイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのShopifyテーマを作成いたします。
Shopify自体の構築や、アプリ、商品登録などの各種設定も対応可能です。
Liquid+CSS(Sass)+JavaScriptでコーディングいたします。
WordPressを使用したウェブサイトのHTMLコーディング・構築・実装します
業務内容
XD、Figma等のデザインデータからHTMLコーディングを行い、WordPressのオリジナルテーマを制作します。
内容
- WordPressのインストール・設定
- プラグインの選定・インストール・設定
- オリジナルテーマファイルの制作
- カスタム投稿・カスタムタクソノミーの設定
- 可能な範囲での機能の実装・カスタマイズ
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
ITアウトソーシング・3D設計対応 (Linux, Python, Java)ます
業務内容
ベトナムの優秀なITチームが、御社の課題を解決します!低コストで高品質、スピーディーなシステム開発をお約束します。
このようなお悩みはありませんか?
システム開発コストの削減、開発期間の短縮、品質の向上、日本語でのコミュニケーション不足
発注の流れ
お問い合わせ・ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。どんな些細なことでもお気軽にご相談ください。
企画提案・お見積もり
ヒアリング内容をもとに、最適なシステム構成や開発計画をご提案します。お見積もりも提示いたします。
ご契約
ご提案内容にご納得いただけましたら、ご契約となります。契約内容について詳しくご説明しますのでご安心ください。
開発
経験豊富なエンジニアチームが、迅速かつ丁寧に開発を進めます。進捗状況は随時ご報告いたします。
テスト・納品
開発完了後、システムが正常に動作するか、お客様と一緒にテストを行います。問題があれば迅速に対応します。
運用・保守サポート
納品後も、システムの安定稼働をサポートします。運用方法のご説明や、トラブル対応もお任せください。
対応範囲・価格
Webシステム開発:50万円〜
小規模なWebシステムの開発。例えば、シンプルな顧客管理システムや、社内向けの業務効率化ツールなど。
システム改修・保守:5万円〜
既存システムのバグ修正や機能改善。軽微な修正から、大規模な改修まで対応します。
Excelマクロ開発:3万円〜
Excelマクロの開発、VBAプログラミング。業務の自動化、効率化に貢献します。
Webサイト保守:3.5万円〜/月
Webサイトの保守、更新作業。コンテンツの追加、修正、デザインの変更など。
納期
要件定義後、最短1週間から
制作の流れ
要件定義
お客様からいただいた要件を詳細に分析し、具体的な仕様を決定します。不明な点は、お客様と綿密に連携を取りながら明確化します。
設計
決定した仕様に基づき、システムの設計を行います。最適なアーキテクチャを選定し、効率的な開発を目指します。
開発
設計書に基づき、プログラミングを行います。高品質なコードを心がけ、バグの少ないシステムを構築します。
テスト
開発したシステムが仕様通りに動作するか、徹底的にテストを行います。単体テスト、結合テスト、システムテストなど、多角的な視点から品質を評価します。
導入
テストをクリアしたシステムを、お客様の環境に導入します。スムーズな移行をサポートし、本番稼働まで責任を持って対応します。
サービス内容
ベトナムを拠点とするITアウトソーシングサービスを提供しています。Webシステム開発、ソフトウェア開発、アプリ開発、インフラ構築など、幅広いニーズに対応可能です。日本企業様向けに、低価格・短納期・高品質なサービスをご提供します。
「システム開発、何から始めたらいいかわからない…」「コストを抑えたいけど、品質も妥協したくない…」
そんなお悩みを抱えていませんか?
IT Globalは、ベトナムの優秀なエンジニアチームによる、高品質で低価格なシステム開発サービスを提供しています。
お客様のビジネスを成功に導くために、最適なITソリューションをご提案します。
まずはお気軽にご相談ください。御社の課題解決に向け、全力でサポートいたします!
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。