人気ランキング 期間:11月15日 〜 11月22日
【LP制作も可能】【制作会社様 デザイナー様向け】HP/LPのコーディング代行します
【デザイナー様・ディレクター様】デザインに忠実&スピーディーにコーディングします
静的なサイトから動的なものまでSEOを意識し適切なタグでWebサイトを構築いたします
11月分受付中【Wordpress HTML/CSS】デザイン通りコーディングします
【制作会社様・Webデザイナー向け】HP・LPのコーディング代行します
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対策や保守のしやすさまで考慮した、未来を見据えたコーディングをご提供します。さらに、信頼できるデザイナーとの連携で、デザインから丸ごとお任せいただくことも可能です。まずはお気軽にご相談ください。
【制作会社様・デザイナー様向け】静的コーディング・WP化を格安で承ります
業務内容
本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。
内容から判断がつかない場合は
お気軽にお問い合わせくださいませ!
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築(BEMを使ったCSS設計)
・静的サイトのWordPress化、WordPressオリジナルテーマ開発
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
1.ヒアリング
└ 正式なご依頼前にまずご相談くださいませ!
2.ご契約 & 仮払い
3.制作開始
4.確認 & 修正
└ ご検収いただくまで誠心誠意ご対応させていただきます。
5.納品
★最大20%割引★制作会社10社以上と提携しているコーダーがコーディング代行します
業務内容
**初回割引20%OFF!**
**2回目のリピーター割引10%OFF!**
「デザインはあるけれど、自分ではコーディングできない」
「社内リソースが足りなくて、このデザインを誰かにコーディングしてほしい」
「デザインどおりにコーディングしてほしい」
「スマホのデザインは無いけれど、スマホにも対応させたい」
「サイト公開後も修正などの保守対応を任せたい」
こんな課題をお持ちの制作会社様や企業/店舗様、
10社以上の制作会社様と提携し、年間30サイト以上制作している私に
コーディングをお任せください!
■■基本プランに含まれるもの■■
・レスポンシブ対応 (PC / SP) ※ブレイクポイント2か所まで
・表示速度高速化を目的とした画像、CSS、JSファイルの圧縮
・SEO対策のためのmetaタグ、Alt、OGP、ファビコン対応 ※テキストや画像をご提供いただける場合のみ
・テストサーバーの準備
・品質チェックリストと合わせての納品
■■基本プランに含まれないもの■■
以下の項目は、ヒアリング時に実装内容を伺い、お見積もりをご案内いたします
・スマホデザイン無しの場合の対応
・アニメーションの実装 ※内容によっては無料対応可能です
・お問い合わせフォーム等の機能実装
・WordPressの導入
■■ご予算について■■
各プランはアニメーションや機能実装の無い場合の価格となりますので、
ご希望されるページ数や実装内容によって変動いたします。
ぜひ、一度お見積もりをさせてください!
また、初回割引、リピーター割引もご用意いたしております!
■■納期について■■
各プランに記載されている納期は、実装内容や稼働状況によって変動いたします。
前倒しの納品を心がけておりますが、ヒアリングさせていただいたうえで、
最終的な納品日をご案内いたします。
■■納品方法について■■
制作データをzipファイルにてお渡しいたします。
■■その他■■
上記に記載している内容以外でも、WordPressサイトを構築したいなど、
ご要望やご質問などがございましたら、お気軽にご相談くださいませ!
確認でき次第、迅速にご回答させていただきます!
WordPress対応も可能!HTML/CSSコーディング代行します
業務内容
ご覧いただきありがとうございます!
コーディングを中心にWEB制作のフリーランスとして活動中のfumicaと申します。
今まで50件以上のサイトのコーディング・改修をさせて頂きました。
【こんな方は是非ご相談ください】
・デザインは完成しているけど、コーディングが出来ない・時間がない。
・ハンバーガーメニューなど、自力でコーディングするのが難しい箇所がある
デザインもご希望の方はWebデザインサービスの方からご相談ください。
https://www.lancers.jp/menu/detail/1282631
【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery(javascript)による動作の実装
例)ハンバーガーメニュー、Q&A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードイン 等
・各種SNS、googleマップ、動画の埋め込み
・コーディングしたページのWordPress化
・お問い合わせフォームの設置
【無料サービスに含まれる内容】
・titleタグ、discription、OGPの設置
・googleタグマネージャーの設置(事前に準備をお願い致します。)
・画像の軽量化
・最初に頂いたデザインに対しては修正無制限
【料金のイメージ】
・トップページ 15,000円~
・下層ページ 10,000円~
・お問い合わせフォーム(入力+確認+完了) 10,000円
・WordPress化 TOPページ:10,000円 下層ページ:5,000円
・WordPress カスタム投稿/カスタムフィールド 5,000円
・アニメーションやJQuery/Javascriptの実装 1,000円~3,000円
・大幅な修正・追加 1箇所 1000円~
・特急料金 通常のお見積もりに+20%上乗せ
【制作の流れ】
・ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
↓
・購入
↓
・デザインデータのご共有
↓
・コーディング開始
↓
・ご確認後、内容にご了承いただけましたら納品
【お願い】
こちらからの質問や進捗状況の確認に対して3日間以上お返事がない場合はその時点で納品完了とさせて頂きます。(一言だけでもお返事ください)
スムーズな進行のためご協力をお願い致します。
【最短2営業日から対】LPコーディング|速度最適化は標準対応します
業務内容
都内広告代理店のLP制作実績は100件以上。
青森県三沢市のWEBデザイナー、合同会社HOWDEEの類家と申します。
日頃からLP制作を多数取り扱っております。
下記のようなLP制作実績があります。
- 大手脱毛サロン
- 美容クリニック
- 美肌治療
- 美容Youtubeチャンネル
- シャンプー
- 医療用ウィッグ
- 士業
- 食品
- その他多数
下記対応可能です。
- アンケートギミックLP(設問4問解答後メインページが展開等)
- アニメーションCSS(文字が浮き上がる、ボタンが動く等)
- お問い合わせフォーム設置
- ECフォース組み込み
- WORDPRESS組み込み
- MAKESHOP等ECサイト組み込み
- もちろんHPコーディングも可能
LPコーディング対応フロー例
まずはデザインデータと指示書をご共有ください。もちろん各工程間で修正対応可能です。
- 内容確認
- ベースコーディング
- 修正〜納品
複雑なアニメーションやパララックスにも対応!コーディングコーディング代行いたします
業務内容
初めまして、フロントエンドエンジニアのayameと申します。
ご覧いただきありがとうございます。
・デザインはできるけどコーディングができないという方
・忙しくなってきたためコーディングを外注したいという方
お悩み解決いたします!
もちろんその他のご相談も大歓迎です。
レスポンシブ対応や、JavaScriptを用いた動きのあるものも作成可能です。
規模にもよりますが、1P1,5000円から承ります。
(複雑な動きのあるもの、1Pが長いものなどについては要相談です。)
SEOを意識したコーディングでサイトのアクセス数アップも見込めます。
○サービスの流れ
- ヒアリング(作業ボリュームなどをお伺いし、お見積もりをご相談)
↓ - デザインデータ確認
↓ - コーディング開始
↓ - テストアップ
↓ - 修正
↓ - 納品
○制作期間
デザインをいただいてから1ページあたり最大3日で納品いたします。
(簡易的なデザインであれば即日お渡しできます。)
【制作会社様・デザイナー様向け】Webサイトのコーディング、修正いたします
業務内容
【the one】プロフェッショナルHTML/CSSコーディング代行サービス
こんにちは、the oneの寺井と申します。Webサイトの修正や新規コーディングをはじめ、レスポンシブデザインの実装まで、あなたのWeb制作を全面的にサポートします。プロのデザイナー様や制作会社様からのリピート依頼多数、品質とスピードを兼ね備えたサービスを提供しています。
サービス概要
- HTML/CSSコーディング代行
- JavaScript/jQueryによる動的機能実装
- レスポンシブWebデザイン
- デザインカンプからのコーディング(Figma, XD, Photoshop対応)
- WordPressテーマカスタマイズ
the oneが選ばれる理由
品質保証:細部にわたるピクセルパーフェクトなコーディングで、デザインを忠実に再現。
迅速対応:最短即日納品を目指し、スピーディーな作業を心がけています。
細かな対応:明確なコミュニケーションと細かな要望への対応を心掛けています。
料金プラン
修正・更新作業:3,300円〜
ランディングページコーディング:50,000円〜
ホームページコーディング(6ページ以内):100,000円〜
※WordPress対応など、オプションも含めた詳細はお見積もりにて。
制作の流れ
- ヒアリング:ご要望と納品希望日を詳細に伺います。
- お見積もり・ご契約:内容に基づいたお見積もりを提出し、ご納得いただければ契約となります。
- 制作開始:デザインデータをもとにコーディングを開始します。
- 確認・修正:初稿提出後、クライアント様のフィードバックに基づき修正を行います。
- 納品:最終確認後、納品(zipファイルまたはサーバーへのアップロード)を行います。
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。
もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。
そのためにもまずは詳細なご依頼内容を伺いたいので、下記の【ご依頼・お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から一度ご連絡ください。
また同じURLからお問い合わせもできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
【ご依頼・お問い合わせ】
https://www.lancers.jp/menu/detail/1274505
HTML/CSSコーディング、WordPress制作承ります
業務内容
HTML/CSSによるサイトのコーディング、WordPress制作を承ります。
▼こんな方におすすめ
・外注コーダーを探している制作会社様
・コーダーを探しているWebデザイナー様
・専門スタッフを探しているディレクター様
など
上記以外でも、法人・個人を問わずご相談お待ちしています。
▼内容
・HTMLコーディング(LP、コーポレートサイトなど)
・WordPress(オリジナルテーマ)
・修正、更新などのサイト運営
▼納品までの流れ
①ヒアリング
②制作開始
③確認・修正(確認用サーバーあり)
④納品
【実績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構築、デザインからの制作も可能です。
メッセージからご相談ください。
【Webサイトコーディング】既存サイトの修正依頼承ります
業務内容
既存サイトのHTML/CSSなどの修正依頼承ります!
「安定的にちょっとした修正依頼をお願いできる取引先が見つからない」
そんなお悩みございませんか?
弊社は地元企業様からコーディングの修正依頼を頻繁に受託しており、クオリティにも満足していただいております。
安定的に弊社にお任せいただくことで
・いつでも迅速に対応
・毎回同じ者が対応しコミュニケーションコストの削減
・連絡が途絶えることのない安心感
をお約束します。
■価格
・Webサイト修正:3,500円~
・修正内容に応じたお見積りをさせていただきます。
■納品までの流れ
①ヒアリング・お見積もり(まずはご相談ください!)
②ご契約(仮払いで契約となります)
③弊社にて修正対応
④ご確認・修正(2回まで無償対応)
⑤納品
【レスポンシブ対応込み】HP・LPコーディング代行いたします
業務内容
HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。
特別なご希望がなければ、PC・スマホの2デザインを頂戴し、リキッドレイアウトで対応します。
*****
【サービス内容】
・完成されたデザインデータを元にしたコーディング
(HTML/CSS、JavaScript)
・フェードイン、スライドショー、ハンバーガーメニュー(スマホ時)など、基本的なアニメーションに対応
・レスポンシブ対応
・テスト環境による動作確認
【納品形式】
Zipファイル
(HTML、CSS、JavaScript、画像等をフォルダにまとめ圧縮したもの)
【ご準備いただくもの】
・完成されたサイトデザインデータ
(Figma、PhotoShop、Illustrator、XDを想定しています。)
※テキスト、画像もご用意をお願いいたします。
【納期】
1週間〜
※作業ボリュームによって変動します。
※こまめにやりとりを行いながら進めてまいります。
スムーズな納品のために、お早めの返信にご協力ください。
【修正回数】
無制限
ご納得いただけるまで対応いたします!
【こんな方にオススメ!!】
・コーディングパートナーが欲しいデザイナーの方
・リソース不足でコーディングを依頼したい方
【制作の流れ】
-
まずはお気軽にご相談ください。
ご相談の際、デザインデータをご提供いただけますと助かります。 -
ご相談内容、デザインデータをもとに、さらに詳細な制作内容をヒアリングいたします。
ヒアリング後、お客様と当方で制作内容・価格・納期などの合意が得られ次第、正式に商品を購入いただきます。 -
コーディングを行います。
進捗は随時報告いたします。
修正は無制限ですので、ご納得いただけるまで修正内容をご指示ください。
【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
※いずれも最新版です。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
WebサイトのHTML・CSS、WorsPressのコーディングやります
業務内容
WebサイトのHTML・CSS、WorsPressのコーディングを承ります!!
【オススメの方】
・デザイン会社様・デザイナーの方でコーディングまで手が回らない
・社内のリソースが足りなくて困っている制作会社様
・コーディングまで手が回らないフリーランスの方
【制作環境】
■BEMをベースとしたCSS設計が可能(予測・拡張・保守・再利用しやすい)
■Gulp使用(CSS、jsの圧縮、画像の圧縮、ベンダープレフィックスの自動付与)
■W3Cが勧告するHTML5の仕様に準拠したマークアップ
■WordPress化も柔軟にカスタマイズ可能(SEO対策、セキュリティ対策、サイトパフォーマンス向上も可)
レスポンシブ対応、よくあるJavaScriptの実装は無料で対応させて頂きます!
【無料JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、その他にもご要望があればご相談ください。
【納期、料金】
提示価格は目安となります。
デザインやボリュームにより変動することもございますので、まずはご相談ください。
最後まで責任もって、対応いたしますのでご安心くださいませ。
ご不明な点は、お気軽にお問い合わせください。
ホームページ制作、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... 等)
・画像素材 / 動画 / 文章
【スマホ対応】ホームページ・LPコーディング案件承ります
業務内容
業務内容のご紹介
HP作成やLPなどのコーディングを承っております!
◆◇こんな方にお勧めです◇◆
・コーディングにリソースを割けない
・デザインはあるのでコーディングのみ外注したい
・漠然とこういう動きをつけたいんだけど…どう頼んだらいいかわからない
・小規模のコーディングを頼みたい
・スマホの対応もしてほしい
など、コミュニケーションをしっかりさせていただき
お客様に満足いただくことを最善に対応させていただきます。
◆◇ご用意していただくデータ◇◆
AdobeXD、Photoshop、Illustratorでのご用意をお願いいたします。
jpegや、pngしかない場合はご相談ください。
◆◇ご料金内対応について◇◆
〇動き関連
【スライダー、カルーセル】
【アコーディオン】
【タブメニュー】
【ハンバーガーメニュー】
〇ブラウザ
【Chrome、Firefox、Microsoft Edge】
【iOS11以降 Safari】
【Android5.0以降 Chrome】
〇サーバーアップロード
◆◇ご依頼から納品までの流れ◇◆
1. ご相談
まずはお気軽にご相談ください。
2. 見積もり提出
お見積もりと納期をご提示します。
3. オファーの作成・承諾
ご納得いただけましたらオファーを作成しますので、承諾してください。
4. 作業開始
作業を開始します。
5. ご確認・修正
完成したサイトを確認していただき、修正いたします。
「まずは相談する(無料)」のボタンからお気軽にご相談ください!
【超速・最短即日】HTML/CSS LPコーディング代行します ます
業務内容
★★クオリティ・スピード重視のWeb制作、お任せください!(即日対応可)
コーディングを専門に行っておりまして、
コーディング歴は8年となり、大手企業(バンダイ様、ネスレ様、プジョー様)など400サイト以上の実績がございます。
★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい!
・素人や副業ではないプロのクオリティでコーディングしてほしい!
・すぐに連絡を取りたい!
・土日祝深夜問わず対応してほしい!
★★ご依頼の流れ
1.ヒアリング
コーディングの内容やスケジュールなどを確認させていただきます。
2.ご契約
上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
3.コーディングテストアップ
コーディングデータをご確認いただき、必要であれば修正等を行います。
4.納品
指定サーバへのアップロードまたはデータ送付を行います。
★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください!
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません!
依頼してよかった!そう思っていただける自信があります。ぜひご検討ください。
デザインカンプ済のSTUDIO制作の実装代行をいたします
業務内容
デザインは完成しているが、実装はお任せしたい、
時間がないのでお任せしたい、まだSTUDIO自体に慣れていない方、
STUDIOの実装代行をいたします。
※こちらのパッケージではデザインは行いません。
(レスポンシブ対応)デザイン通りにHP・LPのコーディングします
業務内容
コーダー探しで悩んでいませんか?
「デザインはあるけどコーディングはどうしようかな」
「誰かコーディングしてくれる人いないかな」
このようなお悩み、全部解決します!
◆サービス内容
基本料金に含まれるサービスです。
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・jQueryを用いた動的機能の実装
◆納期
基本的には7日~14日を目安にお考えください。
簡単なものでしたら、デザインデータお預かりから7日以内での納品も可能です!まずはご相談ください!
◆お見積もり時ご用意いただくもの
・デザインデータ(XD、Figma、Photoshop、Illustratorなど)
◆納品方法
zipファイル形式(サーバーアップロードも可)
◆ご購入前後の流れ
1、見積もり相談、ご購入
↓
2、デザインデータのお預かり
↓
3、コーディング
↓
4、テストサーバーにアップ
↓
5、ご確認・修正
↓
6、納品(zipファイル形式やサーバーへアップロード)
サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください!
【高品質 / Wordpress対応】HTML・CSSコーディング代行いたします
業務内容
こんな問題にお悩みの方必見!
✅WEBサイトを作りたいけど、どこに発注していいのか分からない。
✅コーディングを外注して作業効率をあげたい。
✅WEB制作会社で経験を積んだ人にコーディングを依頼したい。
WEB制作会社の現役マークアップエンジニアが
皆様のお困りごとのお手伝いをさせていただきます。
■基本パッケージに含まれるもの
HTML/CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
仮納品後、修正対応(3回まで)
■基本パッケージに含まれないもの
WordpressなどCMS導入、アニメーション導入(オプションとなります)
スマホデザインが無い場合のレスポンシブ対応(デザインがある場合は無償対応いたします)
■納期
ベーシックプラン:2日程度
スタンダードプラン:7日程度
プレミアムプラン:21日程度
■納品までの流れ
1ご契約
↓
2ご要望のヒアリング
↓
3Webサイト制作開始
↓
4仮納品、修正
↓
5納品
【納品形式】
・zipファイルでの納品
・サーバーにアップロードして納品
■お見積り、納期の参考例
スタンダードプランを選択、
Wordpress導入(投稿機能付き)、
カスタム投稿設定、
お問い合わせフォーム設置の場合
基本プラン 5,0000円
Wordpress導入 4,0000円
カスタム投稿設定 8.000円
お問い合わせフォーム 8,0000円
合計 106,000円
作業日程 約17日(基本プラン7日、オプション追加3日)
コーディング(LP&Webサイト&WordPress)を承ります
業務内容
ランディングページ(LP)・WEBサイト・WordPress導入サイトの
コーディングを承ります!
制作会社様・デザイナー様からのご依頼をお待ちしております。
安心してお任せいただけるよう、丁寧に正確に迅速にお仕事いたします!
「まずは相談する(無料)」ボタンから
どうぞお気軽にご相談ください。
ー ご発注から納品まで ー
1. 「まずは相談する(無料)」ボタンからご連絡
ご依頼を検討されている内容、ご希望納期等をお知らせください。
2. ご相談内容に返信
ご相談内容に対する回答を返信いたします。
3. ご発注
ご依頼いただく場合は、ご発注にお進みください。
4. 仮払い
ご発注を承認後、仮払いのお手続きにお進みください。
5. 制作開始
仮払いお手続き完了後、即制作を開始できるよう、制作に必要なものをご送信ください。
納期については、仮払いお手続きが完了し、必要なものが揃った状態の翌日からの日数とお考えください。
6. テストサーバにてご確認
コーディングが完成しましたら、こちらで用意したテストサーバーにアップロードいたします。
そちらにて表示等のご確認をいただき、修正箇所があれば修正いたします。
デザインカンプとは違うように変更する場合は、軽微なものであれば対応いたしますが、コーディングのやり直しになるような変更が発生しないよう、よろしくお願いいたします。
7. 納品
ご指定のサーバーへのアップロードか、ZIPファイルをお渡しするか、どちらにも対応可能です。
8. 納品後の修正
表示の不具合等が見つかった場合などについては、1ヶ月以内は修正対応いたします。
納品後に、例「ここの文字の色やサイズを変更したい」「この画像の表示位置を変えたい」などといった変更は、別料金での対応となります。
尚、クライアント様側でコード改変等をおこなった結果での不具合についても、別料金での対応となりますことをご理解ください。
ー ご用意いただくもの ー
- デザインカンプ(Figma、XD、Illustrator、Photoshop)
- サーバー情報(アップロードにて納品の場合)
- WordPressの場合は、管理画面URL、ログイン情報
ー お願い ー
デザインカンプを基に制作しますが、カンプだけではわからない箇所もあります。
そのような箇所については、追加情報をお知らせください。
リンク先など。
できる限りお早く納品ができるよう、あらかじめカンプ内に記載いただくか別途お知らせをお願いいたします。
- サイト名
- サイトURL
- DESCRIPTION(サイトの説明文)
- FAVICONについて(用意がなければこちらで簡易的なものを作成)
- OGPの情報(X、Facebookアカウント情報など)
- SNS等共有時に表示される画像(用意がなければこちらで簡易的なものを作成)
- デザインカンプに有料フォントが使用されている場合(指定がなければ近似のGoogleフォントで対応)
- サイト内、外部サイトのリンク先のURL
- お問い合わせフォームの送信先メールアドレス
- お問い合わせフォームの自動返信用メールアドレス
- 開閉したり追尾したり、動きのある箇所。
- ボタンやリンクなど、HOVERで色を変えたり、OPACITYの調整等する箇所
- レスポンシブ表示のブレイクポイント(基本は、〜1025、1024〜751、750〜600、599〜320pxでデザインに合わせて設定しています)
- 余白等、どの程度カンプ通りにするか(特別指定がなければ、ズレ等と判断した部分についてはこちらの判断で調整します)
※特に細かいご指定がないことについては、こちらで適宜調整していきますので、何かご指定がある場合はあらかじめお伝えください。
【制作会社様、デザイナー様へ】サイト、LPのコーディング承ります
業務内容
ご覧いただきありがとうございます。
「デザインは作成済み、コーディングだけを頼みたい」制作会社様・Webデザイナーの方、
「デザインやイメージは決まっているけれど誰にお願いしたらいいかわからない」とお悩みの方
ぜひお気軽にご相談ください^^
▼サービス内容
・頂いたデザインを元にHTML&CSSコーディング(1ページ~複数ページ対応可能です。)
・レスポンシブ対応(スマホ・タブレット表示対応)
・JavaScript / jQuery(スライダー、ポップアップ、スクロールアニメーション等)
・お問い合わせフォーム作成
・WordPress化
▼料金に含まれるもの
・画像圧縮による速度最適化
・誤字脱字、表示くずれ等による修正(無制限)
▼料金例
・LPコーディング ¥10000~(レスポンシブ対応込み)
・お問い合わせフォーム実装 ¥20000円(静的サイト)
¥5000(WordPress)
▼制作の流れ
①ヒアリング・お見積り
※ページのボリューム、実装内容により料金が異なりますため、デザインデータの提示をお願い致します。
頂いたデザインを元に、お見積り・納品までの概算日数をお伝えします。
②1回目の提出
内容により異なりますが最短約2~3日でご提出いたします。
③修正版の提出
修正回数に制限は御座いません!★
④納品
通常はzipファイルでの納品となります。
サーバーにアップの対応も可能ですので、そちらをご希望の場合はお見積りの際にご相談ください^^
ご確認頂きました後、納品のお手続きをさせて頂きます。
納品完了後は、ご評価をして頂けますと嬉しく思います^^
◆納期
1ページあたり2・3日程で、納品いたします。
※ページの長さ、アニメーション有無等で納期は前後いたします事あらかじめご了承ください。
【細かい修正も対応】ホームページ修正、コーディング承ります
業務内容
ホームページ、LPの修正やコーディング承ります。
===【修正について】===
画像の変更、テキストの変更など、軽微な修正も是非お問い合わせください!
修正1箇所につき、2,500円~対応いたします。
Lancersのシステム上、パッケージ最低価格が10,000円となっておりますので、
修正ご希望の場合はお気軽にDMをお願いいたします。
詳細ヒアリング後、正式な御見積をご連絡いたします。
複数箇所まとめて修正の場合、割引も可能です。
【こんなお悩みを解決します】
・画像やテキストを変更したい
・アニメーションを追加したい
・スマホで見たときに気になる部分を修正したい
・お問い合わせフォームを追加したい
・今あるサイトのブログやお知らせを簡単に更新できるようにしたい
・HP、LPのコーディングをお願いしたい
など、Webサイトのことならなんでもご相談ください!
【納期】
・最短即日納品
【納品までの流れ】
①ご依頼前にDMにて打ち合わせ
②ご契約、仮払い
③作業開始
④確認、修正
⑤納品
===【ご確認ください】===
※ご依頼頂く場合、上記金額にシステム手数料(5.5%)がプラスとなりますので、
ご依頼頂く前にぜひご確認くださいませ。
詳しくは、下記URLをご参考になさってください。
https://www.lancers.jp/faq/A1034/936
===【最後に】===
Lancersを初めてから、ありがたいことにリピートでご依頼頂けるようになりました。
これからのお客様にもリピートでご依頼頂けるよう、丁寧で細やかなに対応し、信頼頂けるようなお仕事をしてまいります。
まずはお気軽に、DMでご相談頂けると幸いです^^
「修正しやすい!」デザインカンプからコーディングします
業務内容
数多くのサービスの中からご覧いただきありがとうございます!
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
CSS設計(BEM設計)を意識した綺麗なコーディング代行承ります
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
私自身、過去、コーディングを依頼した時に、
レスポンシブ対応がうまくできていなかったり、ロゴがずれていたり、
何度もやり取りした経験がございます。
そして何度も、修正依頼したためにプロジェクトの納期に
間に合わせることが難しくなってしまいました。
私は以下をお約束いたします。
◎進捗報告
→工程表を作成し、一目で進捗がわかるよう報告します。
◎チェックリストでの品質管理
→こちらを使用してチェックします。
◎こまめな報連相
→コーディング完了までに画像や文章が揃わない場合には、ご報告・ご提案いたします。
◎コーディング完了後の報告書の作成
→ピクセルパーフェクトでデザインを再現しますが、どうしてもデザインを実現出来ない時は、
コメントと一緒に報告書にまとめて報告します。
《ご用意いただく素材について》
デザインカンプ(Figma/Adobe Xd/Illustrator/Photoshop)
ご興味を持っていただけましたらDMでも結構ですのでご相談ください。
HTML、CSS、JSなどWebサイトのコーディングを一貫して行います
業務内容
HTML・CSSでのコーディングを致します。
またJavascriptなどご要望の場合も別途ご相談ください。
最短3日!高品質なHTML/CSSコーディングを対応します
業務内容
WordPress対応・レスポンシブ対応・短納期対応・丸投げOK!HTML/SCSS/CSSコーディングをお任せください!
外部委託無し。認定ランサー本人が対応します。
Webサイト制作において、効率的かつ高品質なコーディングをお求めの方に最適なサービスを提供します。
-
WordPress対応: WordPressテーマのコーディングから、カスタマイズまで柔軟に対応。お客様のニーズに合った最適なソリューションをご提案します。
-
レスポンシブ対応: PC、タブレット、スマートフォンなど、全てのデバイスで美しく表示されるレスポンシブデザインを実現。
-
短納期対応: お急ぎのプロジェクトにも迅速に対応します。お約束の納期を守り、スピーディーに高品質な成果物をお届けします。
-
丸投げ対応: コーディング作業を丸ごとお任せいただけます。企画段階からのご相談も歓迎いたしますので、安心してご依頼ください。
一つひとつ丁寧に作業を進め、クライアント様のビジョンを形にします。高品質なコーディングで、サイトのパフォーマンスやユーザーエクスペリエンスを向上させ、成果につなげます。
ぜひお気軽にご相談ください!
===================================================
当方のプロフィール
2020年度ランサーズ ランキング
クライアント訪問数ランキング Webデザイナー部門 全国1位
ランサーズ歴4,000日以上
▼実績についてはポートフォリオなどご覧ください。
※一部大手企業様の案件については守秘義務の都合上記載しておりません。
★過去実績
大手スーパーサイト制作 WORDPRESS
大手コンビニキャンペーンサイト制作
大手ECサイトUIデザイン制作
会員制ゴルフサイト構築・開発 WORDPRESS
インテリアショップECサイト制作・開発 EC CUBE
エステサロンサイト制作 WORDPRESS
大人気カフェサイト構築 WORDPRESS
avex所属アーティストオフィシャルサイト制作 WORDPRESS
トレーニングジムサイト制作 WORDPRESS
アパレルオフィシャルサイト制作 WORDPRESS
コスメECサイト制作・開発 WOOCOMMERCE
コスメLP制作
大手美容整形外科サイト制作 WORDPRESS
キュレーションサイト制作 WORDPRESS
有名アニメコラボグッズ・ノベルティ制作
国民的有名アイドルコラボグッズ・ノベルティ制作
各種バナー制作
マッチングアプリUIデザイン制作
ディープラーニング系アプリUI制作
【デザイナー様・制作会社様必見!】コーディング代行いたします
業務内容
本サービスをご覧いただきありがとうございます!
【デザイナー様・制作会社様】コーダー不足でお困りではないですか?
元WEB制作会社勤務のコーダーが、そのお悩み解決いたします!
■直近でのお仕事(7月)
・アパレルブランド新作コレクションLP×4P
・歯科クリニック様コーポレートサイト(WordPresss)
・アパレルブランドコーポレートサイト新規ページ追加
これまでも数多くのコーディングを行ってきた経験から、
納品前のチェックなど必要項目を把握しています。
自身をもって納品させていただきます!
■流れ
①ヒアリング(チャット・オンラインなど柔軟にご対応)
②お見積り提出
③ご購入
④デザインデータのご入稿(Ai,Photoshop,XD)
⑤制作開始
⑥テストアップ
⑦ご確認・修正対応
⑧納品
※レンタルサーバー・ドメインのご準備もお困りでしたら、ご相談ください。
■料金に含まれているもの
・HTML/SCSS
・CSSアニメーション
・jQuery
・Wordpress(プランによります)
・レスポンシブ対応
・お問い合わせフォーム
・画像圧縮(画像軽量化)
・テストアップ後の修正
■納期
デザインやアニメーション、ページ数で変動いたします。
正式な納品日は、デザインデータのご確認後にお伝えさせて頂きます。
なるべく柔軟にご対応いたします。
※目安
LP 4日~6日
HP TOPページ 4日
下層ページ 1日~2日/1ページ
HTML / CSS / JavaScript でサイトのコーディングを代行します
業務内容
「デザインカンプは作れるので、サイトにして欲しい!」
そんなご希望におこたえいたします。
ECサイト(静的な部分)・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。
ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。
ピクセルパーフェクトでコーディングを行います
業務内容
html css jsを使用したコーディング作業
お手伝いできる案件がありましたら
お気軽にご相談下さい。
コーダー兼デザイナーとして
お仕事をさせて頂いております。
コーディング作業時に必要な
下層ページの作成、パーツの作成なども
併せご依頼頂くことは可能です。
お気軽にご相談ください。
【HTML・CSS・WordPress】HP・LPのコーディングをプロが代行します
業務内容
Webコーダーをお探しの方必見! ホームページ・ランディングページのコーディングを代行します。
マークアップエンジニアとして10年以上の経験を活かして、HTML5とCSS3の仕様に準拠し、SEOとアクセシビリティに配慮した高品質なコーディングをご提供いたします。
- デザインはあるけどコーディングはお願いしたい
- デザインをきちんと再現してくれるコーダーを探している
- JavaScriptでサイトに簡単なインタラクションを加えたい
など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。
【パッケージ内容について】
■ベーシック
下層ページの静的コーディング1P(デザインカンプ 縦 3000px 前後まで)、既存ページの一部修正など、まずはお試しでご利用いただく方におすすめです。
■スタンダード
トップページの静的コーディング、LPのコーディングもこちらから。(デザインカンプ 縦 6000px 前後まで)
■プレミアム
トップページの静的コーディング+下層ページ3Pまで。
【各プラン料金に含まれるもの】
- レスポンシブ対応(PC / SP)
- JavaScript(jQuery)を使った簡単なインタラクションの実装
- 画像の圧縮
- 表示確認・品質チェック(W3C Validation Service)
【オプション料金で対応可能なもの】
- WordPress構築
- お問合せフォームの実装(WordPressプラグインで対応)
- ブレイクポイントの追加(タブレット用など)
- JavaScript(jQuery)を使った複雑な動きの実装
- 下層ページの追加
- IE11表示対応
【JavaScript(jQuery)について】
一般的なプラグイン等で提供できる機能であれば各プラン料金内で対応可能です。
例:
- スライダー
- カルーセル
- スムーズスクロール(ページ内リンク、ページ先頭へ戻るボタン など)
- タブ切り替え
- ハンバーガーメニュー
- ヘッダー固定
ほか
オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。
【対象ブラウザについて】
■パソコン(Windows・Mac)
Chrome、Firefox、Edge、Safari 各最新版
■スマートフォン(Android・iOS)
Chrome、Safari 各最新版
メーカーサポートの終了したIE11は、オプション料金での対応となりますのでご了承ください。
【ブレイクポイントについて】
ブレイクポイント(デザインが切り替わるポイント)は1箇所まで無料で対応可能です。
PC用とスマートフォン用のデザインデータをご提供ください。
タブレット用など、上記以外の画面サイズにも対応させる場合は、オプション料金での対応となりますのでご了承ください。
【納品形式について】
原則としてデータ納品(ファイル一式を zip 圧縮したもの)になりますが、サーバーへのアップロードにも対応可能です。
その場合は FTP 情報をお知らせください。
【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
デザインや納期などを確認させていただき、こちらから見積りを提出いたします。
↓
見積り、納期などに問題なければ、仮払い手続きをお願いいたします。
同時にデザインデータなど、コーディングに必要なデータをご提供ください。
↓
コーディング開始
↓
テストアップ・修正対応
テスト環境にページをアップしますので、ご確認をお願いいたします。
修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
↓
最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。
【営業時間について】
10:00〜19:00(土日祝を除く)
【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。
【デザインを忠実に再現!】HTML・CSSコーディングいたします
業務内容
ホームページの静的コーディングを承ります。
サービスを閲覧いただきありがとうございます!
デザインされたサイトを忠実にコーディングさせていただきます。
コーディングがどうしても難しいデザインに関しては、事前にご相談させてただきます。
【サービス内容】
◾️HTML、CSSによるコーディング
◾️jQueryによるアニメーション(スムーススクロールやフェードインなどの簡易なもの)
◾️WordPress化
◾️レスポンシブ対応
◾️デザインの再現
【制作の流れ】
①見積もりのご依頼
②見積もりの提示
③サービスのご購入
④制作に必要なサーバー情報、デザインデータ(文章、画像データ含む)のご提出
⑤制作開始
⑥納品
ご不明点がありましたら、お気軽にご連絡ください。
格安でNext.jsを使用してSEO対策を施したWEBサイトをコーディングします
業務内容
実績5件まで1ページ3,000円〜でWEBサイトのコーディングをお手伝いいたします。
パッケージ内容
ご覧いただきありがとうございます。
HSP(Highly Sensitive Person:非常に感受性が強く繊細な気質を持った人)の私が人一倍繊細にあなたのWEBサイトのコーディングをお手伝いいたします。
ポートフォリオなどはプロフィールにて紹介しておりますので、よろしければご覧ください。
当パッケージでは私のHSPの気質を活かし、お客様に不快な思いをさせないよう、人一倍繊細にやり取りさせていただきますので、初めての方でもお気軽にご相談ください。
購入されない場合でも丁寧に対応させていただきますのでご安心ください。
【当パッケージの特徴】
・実績5件まで3,000円〜でお受けいたします(システム上10,000円となっていますが、見積もり時にコーディング内容をヒアリングし、価格を変更いたします)。
・HSPの私が人一倍繊細に、丁寧に対応いたします。
・修正回数無制限で対応いたします。
・納品後に更新が必要な場合も丁寧に対応させていただきます。
・Next.jsを使用し、SEO対策を行います。
【料金について】
WEBサイトのコーディングは専門知識と技術が必要です。
しかし高額な費用がかかってしまうため、WEBサイトの作成を諦めてしまう方も多いのではないでしょうか。
私のパッケージでは、実績5件まで3,000円〜でコーディングいたします。
これは業界最安水準です。
【修正について】
デザインをもとにコーディングさせていただきますが、実際にコーディングされたWEBサイトを見ると「この部分に動きをつけたい」というような要望が出てくると思います。
そのような要望にも無制限で対応させていただきます。
※デザインが最初から大きく変更される場合は追加料金をいただきます。
【SEO対策について】
「SEO」という言葉はご存知でしょうか。
SEOとは「Search Engine Optimization」の略であり、検索エンジン最適化を意味します。
SEO対策を施すことにより、WEB検索で上位に表示されやすくなります。
SEO対策には複数の要素がありますが、ページの表示速度を高速化することが1つの要素になっています。
Next.jsを使用することでページを高速で表示できるようになるため、SEO的にも有利になります。
つまり作成したWEBサイトを見てもらいやすくなります。
【ご購入後の流れ】
① 依頼前にお見積もり
↓
② ご契約、仮払い
↓
③ デザインをもとにWEBサイトをコーディング
↓
④ やり取りの中でWEBサイトを修正
↓
⑤ 納品
【基本料金に含まれる内容】
・1ページのコーディング(あまりに長い場合は追加料金がかかります)
・HTML/CSS(Tailwind CSS)/JavaScript(Next.js)を使用したWEBサイトの作成
・簡単な動きのあるWEBサイトの作成
・スマートフォン/タブレット/パソコン対応のレスポンシブコーディング(2つ以上のブレークポイントが必要な場合は追加料金がかかります)
・無制限の修正(デザインが大きく変わる場合は追加料金がかかります)
【追加料金について】
・2ページ目以降のコーディング:2,000円〜
・複雑な動きのあるWEBサイトの作成:3,000円〜
・2つ以上のブレークポイント:2,000円〜
・最初のデザインから大きく変更がある場合:3,000円〜
私からのメッセージ
ここまでご覧いただきありがとうございました。
数多くのパッケージから私のパッケージに興味を持っていただきうれしく思います。
私はお客様の想いをWEBサイトを通してより多くの人に伝えたいと思っています。
私の繊細な感性であなたの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サイト制作だけでなく、集客対策もお手伝いさせて頂くことで
『「お客様に来て頂く」という目的を達成でき、大変満足している』
とのお言葉も頂いております。
ぜひ、ご検討のほどよろしくお願いいたします!
【制作会社・デザイナー様向け】静的コーディング・WordPress構築代行いたします
業務内容
HTML / CSS / JavaScript のコーディングを代行し、ご支給のデザインデータを明快なコードで正確に再現いたします。
デザインデータは、Figma / Adobe XD / Sketch / Adobe Illustrator でのご支給に対応します。
Webサイト制作会社様はもちろん、Web制作の経験が少ないデザイン事務所様など、デザインワークを Webメディアに広げたい企業様もお気軽にご相談ください。
グラフィックデザイナー様からのご依頼案件も実績が多数ありますので、デザインデータ制作に際してのご質問に、ガイドラインをお示ししてお答えできます。
貴社の Web制作プロジェクトをお手伝いできればうれしいです。
具体的な案件について、お気軽にご相談ください。お問い合わせをお待ちしております。
[対応業務]
・HTML / CSS / JavaScript コーディング
・WordPress でのCMS構築 / カスタマイズ
* その他 Webサイト関連業務については、別途ご相談ください。
[対応デザインファイル形式]
・Figma
・Adobe XD
・Sketch
・Adobe Illustrator
* Aiでの支給の場合は、PDFファイルを添付してください。
[対応コミュニケーション手段]
・Lancers メッセージ
・Slack
・ChatWork
* 継続的なパートナー関係の構築後、Eメールや携帯電話などでのコミュニケーションや、Zoom などでのオンラインミーティング、対面での打ち合わせ(名古屋市・近郊)も可能です。
[料金について]
基本料金の金額及び納期は目安です。
詳細な要件を確認後、正式な見積もりをご提案いたします。
【初心者歓迎】LPコーディング代行|HTML/CSS/レスポンシブ対応します
業務内容
依頼の流れ
1. ご相談・ヒアリング
- デザインデータ(PDF / 画像 / Figma など)の受領
- コーディング作業
- テスト・修正対応
- 納品
納品形式
• HTML / CSS ファイル一式
• 必要に応じて画像最適化
• ZIPにまとめて納品可能
サービス内容
「デザインはあるけどコーディングができない…」
そんな方に向けて、LPコーディング代行サービスをご提供します!
• HTML / CSS コーディング
• レスポンシブ対応
(スマホ・タブレット最適化)
• PDF / 画像データからの
コーディングもOK
• 細かい余白・デザインの
再現性にこだわります
丁寧 × スピード対応 が得意です。
まずはお気軽にご相談ください!
Web初心者さんでも安心!Webサイト制作 修正・カスタマイズ対応いたします
業務内容
Web初心者さんでも安心!
Webサイト制作・修正・カスタマイズを承ります。
✅ 対応内容
• 既存サイトのテキストや画像の修正・カスタマイズ
• HTML/CSSを使ったスマホ対応(レスポンシブ調整)
• 新規ページ作成(トップページ・LPなど)
• 複数ページ制作や簡単な機能追加(フォーム・Googleマップ埋め込みなど)
💡 ポイント
• デザインやレイアウトの調整も対応
• 初心者の方でもわかりやすく、安心して依頼可能
• 納品後の簡単な修正や相談も柔軟に対応
【デザイナー様向け】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サイト・LPのコーディングします
業務内容
■こんな方におすすめ
コーディングを外注したいデザイナー様、制作会社様
コーディング、WordPress構築を外注できるパートナーが欲しい
■料金
トップページコーディング:20000円〜
LPコーディング:30000円〜(ボリュームに応じてお見積もり)
下層ページコーディング:1p 10000円〜
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■基本サービス
・HTML/CSSを使ったコーディング
・CSS設計に基づいたコーディング
・jQueryを使ったアニメーションの実装
(ハンバーガーメニュー、アコーディオン、スムーススクロール、スライダー)
・レスポンシブ対応
・metaタグの設置
・画像圧縮による表示速度最適化
・完成後にチェック・テストを行い、品質を担保
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■オプション
・その他jQueryを使ったアニメーションの実装:3000円〜/1点
・Word Pressの導入・構築(オリジナルテーマ)
■動作確認ブラウザ
・Mac
Chrome, Fire Fox, Safari, Microsoft Edge
・iPhone12
Chrome, Safari
■制作の流れ
①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始(進捗を都度報告いたします)
↓
④ご確認(テスト環境)
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ
■当サービスの強み
1.画像圧縮、基本のアニメーション(ハンバーガーメニューなど)は基本料金内で対応いたしますので、費用を抑えることができます。
2.納品前に独自の品質チェックシートを用いて確認・テストを行います。パーフェクトピクセルも使用いたしますので、デザイン通りにコーディング。品質を担保します。
(チェックシートは納品時に共有いたします)
3.作業時間は平日最低8時間/日以上確保可能。報連相をこまめに行い、お急ぎ案件なども対応いたします。
ご不明点がございましたら、お気軽にご連絡ください。
迅速・丁寧に対応させていただきます。
よろしくお願いいたします。
WEB制作でお困りの方のWEBサイトコーディング代行します
業務内容
この度はこちらのサービスをご覧いただきありがとうございます。
・文章の追加、変更、削除。
・画像の追加、変更、削除。
・理由はわからないがデザインが崩れた。
・部分的にレスポンシブされていない。
などのご要望がありましたら、是非おまかせください!
▼料金
1か所3000円からお受けしております。
※修正範囲が広くなりますと追加で料金を頂く場合がございます。
▼サービスの流れ
①ヒアリング
WEBサイトの現状と発生している問題についてお聞かせください。
修正を希望する内容と修正後のイメージをお伺いします。
②お見積り・ご契約
ご希望内容の詳細をお伺いした後にお見積りさせていただきます。
③ご依頼作業開始
事前にご用意いただきましたFTP情報などを確認し作業開始になります。
④ご確認と修正
作業内容をご確認いただきます。
⑤最終確認
修正した内容をご確認していただき問題がなくなりましたら完了となります。
⑥納品
ご契約内容に相違がなければクローズとなります。
ご依頼いただきありがとうございました。
▼納期
ご依頼内容によってはご依頼していただいた当日の納品が可能です。
ご希望の納期がございましたらご相談ください。
【HTML/CSS/JavaScript/WordPress】コーディング承ります
業務内容
はじめまして。
ご覧いただきありがとうございます!
当サービスでは、
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コーディングで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サイトを魅力的に変えます!レスポンシブ対応やアニメーション実装もお任せください。まずは、お気軽にご相談ください!
Figmaなどのデザインからhtmlとcssを書きます
業務内容
▼こんな方へおすすめ
・デザインはあるが、wordpressに流し込むhtmlとcssが欲しい
・LPのコーディングをしてほしい
▼強み
・再現度の高いコーディング
・scssを使用した効率的なcss
▼納期
ボリュームにもよりますが、だいたい1ページ1日です。
▼料金目安
・ページ単価10000円~ です。
【制作会社様・デザイナー様向け】コーディング代行いたします
業務内容
この度は、私が提供するコーディングスキルに興味を持っていただき、誠にありがとうございます。
HTML、CSS、jQueryを中心に、ウェブサイトの開発に関するコーディングスキルを持っています。
具体的には、以下のようなスキルを有しています。
- HTML5/CSS3を使用したマークアップ作業
- JavaScriptライブラリ(jQuery, Vue.js)を使用したフロントエンド開発
- PHPを使用したバックエンド開発
- WordPressのテーマ作成、プラグイン開発
これらのスキルを活かし、クライアントの要望に合わせたウェブサイトの制作を行います。また、コミュニケーションを大切にし、納期や品質にも配慮した作業を行います。
さらに、私は、ウェブサイトのSEO対策にも力を入れています。ウェブサイトの構成やコンテンツ制作など、検索エンジン最適化に必要な技術を熟知しています。そのため、ウェブサイト制作において、SEO対策も含めたトータルサポートを行うことが可能です。
ご不明点やご要望がございましたら、お気軽にお問い合わせください。引き続き、よろしくお願いいたします。
【コーディング代行】デザイナー様が魂を込めて作成したカンプをコーディングいたします
業務内容
【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします!】
多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている上田 真義(うえだ まさよし)と申します。
【 こんなデザイナー様におすすめ 】
- WEBサイト制作を一括して受注したいデザイナー様
- 社内コーダーのリソースが不足している制作会社様
- コーディングを外注できるパートナーをお探しのデザイナー様や制作会社様
- すでにデザインはお持ちの個人事業主様や法人様
単発のご依頼から長期の継続したご依頼まで、一つ一つのサイト制作を誠心誠意、丁寧に対応・コーディングいたします。
デザイナー様が制作した想いを形にいたします!
納品後1ヶ月のアフターサポートをしておりますので、テキスト変更や画像の差し替えなど軽微な修正は無償で承っております。
■ 作業内容
- 静的コーディング(HTML / CSS)
- Javascript / jQueryを用いたアニメーション
- レスポンシブ対応(スマホ / タブレット)
- Wordpress化 (追加オプションにてご案内しております)
■ ご相談から納品までの流れ
①ヒアリング
ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
お聞かせいただいた内容を基に対応の可否を判断させていただきます。
↓
②お見積もり・ご依頼
作業内容、納品予定日、お見積もりをご提示いたします。
こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
ご依頼となりましたらデザインデータと制作に必要な素材(写真、画像、ロゴ等)をご提供ください。
↓
③コーディング作業開始、初稿の提出
コーディングを開始し、完了次第初稿をご確認いただきます。
修正等がございましたら、都度迅速に対応させていただきます。
↓
④納品
ご確認いただきご依頼いただいた作業内容及びページに問題がなければ、ご依頼者様のご希望の方法にて納品させていただきます。
zipファイルやサーバーへのアップロードなど、ご希望をお知らせください。
納品後1ヶ月のアフターサポートをご提供しております。
テキストや画像の変更など、軽微な修正は無償で対応させていただきますので、ご要望がございましたらお気軽にご連絡ください。
表示確認の環境
・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari
当サービスの強み
土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。(ページ数や内容によります)
ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください!
▼デザインを含む一括したWEBサイト制作プランをご希望の方はこちら
https://www.lancers.jp/menu/detail/1228898
▼ポートフォリオ
https://www.lancers.jp/profile/masayoshi0404/portfolio?ref=more
【制作会社様・デザイナー様向け】コーディング・WordPress構築承ります
業務内容
【安心丁寧対応!コーディング業務を外注しませんか?】
パッケージ出品をご覧くださりありがとうございます!
Webデザイナー・コーダーの菅井と申します。
ーこんなお困りごとありませんか?ー
- ・コーディングを外注したいデザイナー様、制作会社様
- ・コーディング、WordPress構築を外注できるパートナーが欲しい
私にコーディング業務をお任せください!
しっかりと要件を伺って真摯に対応させていただきます!
ーサービスの内容ー
・静的コーディング
→ LPやホームページなどの静的コーディングが可能です。
レスポンシブ対応も可能となっています。
・WordPressのオリジナルテーマ開発
→ WordPressの導入、構築が可能です。カスタム投稿やカスタムフィールド等のカスタマイズも対応していますのでお気軽にご相談ください。
その他にも
・JavaScript/jQueryを使用したアニメーション
(スライダー、スクロール、アコーディオン、ハンバーガーメニューなど)
・metaタグの設置
・画像圧縮による表示速度最適化
も対応しております。
-これまでの制作実績-
・学習塾様のLP制作
・経営サポート事業様のHP制作
・コーポレートサイトHP制作
-ご予算について-
記載の金額はあくまで目安となります。
ページ数や要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談くださいませ!
-制作の流れ-
①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始(進捗を都度報告いたします)
↓
④ご確認(テスト環境)
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
修正回数は特に設けておりません(デザイン等の大幅修正は除く)。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ
-最後に-
最後までご覧いただきありがとうございました!
ご相談やお見積りは無料で行っておりますので、
少しでも気になりましたらお気軽にご相談ください!
HTML/CSSのピクセルパーフェクトでのコーディング作業を代行いたします
業務内容
ご覧いただき、ありがとうございます。
suunni代表、石山(いしやま)と申します。
HTML/CSSの作成を依頼した時に、このようなことはありませんでしたか?
◆ HTMLの構造がグチャグチャ・・・
◆ CSSも読みづらい・・・
◆ CSSクラス名の付け方に一貫性が無い・・・
◆ コメントも無いので読み解くのに一苦労・・・
そのようなお悩みをお持ちでしたら、
HTML/CSSのコーディングでお手伝いできるかもしれません。
◆ 読みやすいコーディングを心掛けております
◆ CSSにはコメントを細かく付けております
◆ 必要でしたら、デザインカンプにクラス名のコメントをつけることも可能です
エンジニアの経験を活かし、
「読みやすいソースコード」を作成することをお約束いたします。
ノーコードツール使用デザインも可!Webサイトのコーディング対応します
業務内容
ご覧いただきありがとうございます!
◇サービス内容
HTML/CSS/jsを用いた静的コーディング
レスポンシブ対応
*既存サイトの修正、ページの追加
◇サービス料金
トップページ 10,000円~
LPコーディング 13,000円~
下層コーディング 1ページあたり6,000円~
アニメーション 6,000円~
*お問い合わせフォーム 5,000円~
以下の要素は無料対応させていただいております!
ホバーアニメーション
ハンバーガーメニュー
*フェードイン
ご希望の際はお申し付けください。
デザイン相違などの修正は無料で何度でも対応いたします!
※デザイン変更は別途料金が必要になる場合があります。
ラフ案やワイヤーフレームだけでもOK!HTML/CSSコーディング作業承ります
業務内容
コーディング作業承ります。
デザイン案がなくても、簡単なラフ案と原稿あれば対応可能です。
1ページからも承りますが、複数ページももちろん大歓迎です!
デザイン制作も可能ですので、お気軽にご相談ください。
軽微なJavaScriptの機能実装も費用内で可能です。
PC、スマホ対応のレスポンシブコーディングとなります。
※PC/スマホ対応のレスポンシブデザイン(タブレットはPCの表示に準じます)
【作業内容】
・新規サイトのコーディング作業
・既存サイトへのページ追加
・LPページのコーディング
※データ納品も可能ですし、指定のサーバへのアップももちろん対応可能です。
ご不明な点ございましたら、お気軽にご相談ください。
【丁寧なコーディング】デザインカンプを忠実に再現します
業務内容
ランサーズは初めてですので、レビュー5件までは割引価格で提供いたします。
私の業務内容を下記に記載いたしますので、ご興味いただけましたら、
ご連絡のほど、宜しく願いいたします。
【スキル】
・HTML / CSS(Sass) / Javascript / jQuery / PHP(WordPress実装レベル)
・WordPress(オリジナルテーマの作成)
・Gulp
■上記のスキルを使用して以下のご提供が可能です。
・ランディングページの制作
・WordPressを用いたオリジナルテーマのサイト制作
・マルチデバイスに対応したサイト制作(レスポンシブ対応)
・Sass(CSS設計)を用いた保守・予測・拡張・再利用しやすい設計
・Javascript / jQueryを用いたアニメーション
・Gulpを使用したユーザビリティを向上させた効率的なコーディング
【使用ツール】
・Adobe (XD / Photoshop) / Figma
・Chatwork / Slack / Zoom / Microsoft Teams / Google Meet 等
※その他は貴社の規定に従います。
【実務経験】
実務経験の詳細を記載いたします。
どの案件も納期を遵守しており、お客様からのクレームは一切ございません。
納品前の品質チェックを重要項目として考えておりますので、品質を担保するための「品質チェックシート」を作成し、納品前の確認を行なっております。
(1)LINEマーケター様 LPコーディング
・ボリューム:9224px(問い合わせページ含む)
・担当範囲:ディレクション、コーディング
・実装期間:5日(レスポンシブ込み)
<意識したこと>
・制作状況の報告
・納期の遵守
・依頼者の想いが伝わるデザインにする
・ヒアリングシートの活用により、依頼者とデザイナー様の認識違いを無くす
・表示崩れを起こさないコーディング
・仕事を納期通りにやり切る姿勢
(2)法人様 会社紹介のサイト制作(静的サイトのコーディング)
・ボリューム:TOP 1ページ 下層3ページ
・担当範囲:コーディング
・実装期間:7日(レスポンシブ込み)
<意識したこと>
・制作状況の報告
・納期の遵守
・品質チェックシートの提出
・デザインを忠実に再現する
・仕事を納期通りにやり切る姿勢
【稼働時間】
・現在専業フリーランスとして活動しており、1日10時間以上の稼働が可能です。
貴社の事業を最優先に取り組ませていただきます。
・14年にわたる社会人経験を生かし、丁寧な対応と即レスにより円滑なコミュニケーションをお約束いたします。
・自主的な報連相と納期遵守にて作業を行います。
円滑なコミュニケーションとコーディングにより、依頼者様の業務をお手伝い致します。
ご興味いただけましたらご連絡いただけると幸いです。
面倒なWebサイトの更新・修正でお困りでしたら、弊社が代行いたします
業務内容
弊社パッケージをご覧いただき、ありがとうございます。
こんな方におすすめ
- Webページ 1枚だけの対応で良い方(ベーシックプランはシステム上10,000円になっていますが、5,000円で承ります)
- 1か月の間にHP/LPの頻繁な更新や差し替えがある方
- 他業務が忙しくて、自社のHP修正がなかなかできない方
文章の更新や修正、画像の差し替え、トリミング、コンテンツの
追加など、誠実かつ丁寧に対応いたします。
===================================================
弊社について
弊社の主な業務内容は下記となります。
- 業務システム開発
- WEBソフトウェア開発
- ブロックチェーンソフトウェア開発
- エンターテイメント
- IoT開発/組込系開発
- 組織開発/チームビルディング/アドバイザリー
- プログラム作成、ツール作成
- ツール開発・修正
- WEBサイト開発
===================================================
営業日時(連絡可能日時)
平日10時~19時(土日祝休業)
Webエンジニアをはじめ、各スタッフと連携し、業務対応いたします。
まずはお気軽にご相談下さい。
【低価格・高品質】静的HTMLコーディング(スマホ・レスポンシブ対応)作業を承ります
業務内容
■サービス出品経緯
【Webサイト制作を依頼したいが、時間と費用がかかる!とお困りではありませんか?】
スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍~2倍程度かかってしまいます。
そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。
■サービス概要
当サービスは、【PCデザインからコーディング(スマホ・レスポンシブ対応)を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。
※当サービスは、「静的サイト(WordPressなし)を前提とした構築」がメインですが、
WordPress実装の案件も承っております。
↓ ↓ ↓
▼【低価格・高品質】WordPress構築+コーディング(スマホ・レスポンシブ対応)作業を承ります。
https://www.lancers.jp/menu/detail/1239400
■サービス購入のメリット
【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】
私はデザインとコーディングともに経験を積んできましたが、
コーディング(WordPress構築)をより得意としています。
そして、PCデザインからスマホ対応Webサイトの制作は70件以上こなしていますので、
ご要望どおりの制作が可能です。
少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。
[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/Webページ (HTML、CSS、JS)コーディング承ります
業務内容
あなたの想いをカタチに!心を込めたコーディングで、理想のWebページを現実へ。
このようなお悩みはありませんか?
LPやキャンペーンページの制作で、デザインはあるけどコーディングできる人がいない。
発注の流れ
お問い合わせ
メッセージにて、ご希望の業務内容、納期、予算などをお知らせください。参考となるデザインデータや資料があれば、合わせてお送りください。
ヒアリング
お送りいただいた情報をもとに、詳細なヒアリングを行います。電話やZoomでの打ち合わせも可能です。ご要望や不明点など、お気軽にご相談ください。
お見積もり
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。納期や料金、作業内容について、詳しくご説明します。
ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始します。
対応範囲・価格
LP/Webページ コーディング:4万円〜
デザインデータ(PSD、XD、Sketchなど)を元に、HTML/CSS/JavaScriptでWebページをコーディングします。レスポンシブ対応も可能です。
納期
内容により10日〜
制作の流れ
企画・設計
ヒアリング内容とご提供いただいた資料をもとに、Webページの設計、アニメーションのすり合わせなどを行います。
制作
コーディングを行います。
ご確認
完成したWebページの画像をお送りします。(ファイルでの納品になるため、ブラウザ上で確認したい場合はご相談ください。)修正点があれば、お気軽にお申し付けください。
納品・公開
修正後、最終確認をしていただき、納品となります。
サービス内容
LP/Webページのコーディングをいたします。丁寧なコミュニケーションと高品質な成果物で、お客様のビジネスを加速させます。
「こつこつ、真摯に丁寧に」をモットーに、お客様の想いをカタチにするお手伝いをさせていただきます。まずは、お気軽にご相談ください。
HTML、CSS、Javascriptコーディングを行います
業務内容
デザインのあるページのHTML、CSS、Javascriptコーディングを行います。
デザインのない場合も別途対応しますが、追加の費用をいただきます。また、デザインはそれほど専門的な技術を持っていないため奇抜なデザインなどは難しいです。
【Wordpress対応可】HTML/CSSコーディング承ります
業務内容
ごあいさつ
この度、数ある中からサービスの中から見て下さり、
ありがとうございます。
私、コーディング・WordPress構築をメインに
Webサイト制作専門のコーダーとして活動しております
「なかがわ」と申します。
現在、制作会社様2社さまとフリーのディレクター様と
業務提携を結ばせていただき、お仕事をさせていただいております。
私がご提供できること
ーーーーーーーーーーーーーーーーーーーーーーーーーー
公開前終盤の細かい修正や、追加のコーディングなど
クライアントのこだわりにとことん寄り添って、
何度も、何度も、何度でも、スピード対応でお応えします!
初稿2日前、納品1日前で制作サイトを
お渡しさせていただきます!
もちろん品質も、しっかり仕上げます!
短い納期のご依頼には、睡眠1〜3時間!!
お客様の人生を背負って、ご対応しますので、
安心してお任せ下さい!
ーーーーーーーーーーーーーーーーーーーーーーーーーー
サービス内容
・静的コーディング
・LPのコーディング
・レスポンシブ対応
・アニメーションの実装
・WordPress構築
スキル
■HTML/CSS / Sass(DartSass)
・デザインを忠実にコーディングいたします。
・CSS設計手法(BEM・FLOCSS)を使用した保守性の高いコーディングを
実装することで、追加・修正をしても崩れにくいコードを提供いたします。
・画面幅を変更しても、各デバイスで表示崩れが無いように
レスポンシブ対応いたします。
■jQuery / JavaScript
jQeruyやJavaScriptプラグインを用いたアニメーションの実装
モーダル、アコーディオンやスライダーなどを用いて、
サイトに躍動感をもたせることができます。
■Gulp
タスクランナーを使用して、煩雑な業務を自動化することで、
納期を短縮することが可能です。
■WordPress
オリジナルテーマの構築、カスタマイズ。
お問い合わせページの実装や、
カスタム投稿、カスタムフィールドを使用した実装により、
お客様のご要望に寄り添った唯一のWebサイトを構築する
ことが可能です。
■Photoshop
画像の加工やトリミングなど、かんたんな業務であれば可能です。
細かな業務でもお任せください。
ご依頼からの流れ
①「まずは相談する(無料)」より、ご依頼内容を詳しくお聞かせください。
納期の日程や、具体的なお見積りをさせていただきます。
②事前のお打ち合わせ
ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
③ご契約・作業着手
デザインデータ、写真やテキストなどの素材データをお送りください。
進捗状況はチェックシートを共有させていただきます。
こまめにご報告をしながら、一緒に制作を作り上げていきます。
④ ご確認(テスト環境)
コーディング完了後、品質チェックを行い、ファイルとチェックシートを
送らさせていただきます。
⑤ 修正
ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
⑥ 納品
修正が完了いたしましたら、zipファイルデータを納品いたします。
サーバーへのアップロードも対応可能ですので、
お気軽にご相談ください。
ーーーーーーーーーーーーーーーーーーーーーーー
どんな小さなことでも、お気軽にご相談ください。
丁寧にご対応をいたしますので、安心してお任せいただければと思います。
静的ページ/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既存テーマの改修
制作の流れ
- コーディング内容の詳細の打ち合わせ。
※齟齬がないように細かくお伺いしますので、ご容赦ください。
↓ - 見積もりとスケジュールの提出
↓ - デザインデータの受領
↓ - コーディング
↓ - テストアップページのご確認
※テキスト修正/画像の差し替えは無料対応。
※デザイン変更/仕様変更による修正は別途費用がかかる場合があります。
↓ - 納品(サーバーへのアップ・もしくはファイルの送付)
ご不明点があればお気軽にご連絡ください。
ホームページのコーディング(HTML/CSS)を代行いたします
業務内容
◎ご提供内容
HTMLのコーディング
レスポンシブ対応
◎対応可能な言語
HTML、CSS、JavaScript(jQuery対応可)
ご提供いただいたデザインを元にコーディングいたします
業務内容
①静的サイト・LP(ランディングページ)の実装&カスタマイズ
ご提供いただいたデザインから、HTML+CSS(Sass)+JavaScript(jQuery)を使ってコーディングいたします。
②「WordPress」を使った動的サイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのWordPressテーマを作成いたします。
WordPress自体の構築や、プラグインなどの各種設定も対応可能です。
PHP+CSS(Sass)+JavaScript(jQuery)でコーディングいたします。
③「Shopify」を使ったショッピングサイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのShopifyテーマを作成いたします。
Shopify自体の構築や、アプリ、商品登録などの各種設定も対応可能です。
Liquid+CSS(Sass)+JavaScriptでコーディングいたします。
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
最短1日&SEO完備!HTMLコーディングします
業務内容
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
はじめに
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
ご覧いただき、誠にありがとうございます。
昨今は、どんな業界でもWebサイトを所持するのが当たり前の時代となりましたね。
しかしデザインイメージがあっても、Web上で形にするには様々なハードルがあるものです。
そこで本サービスでは、下記のような方のお手伝いを行っております。
○ デザインイメージはあるけれど、HTML・CSS・SEOってよく分からない
○ 独学でHTMLはある程度組めるけれど、マークアップが適切か分からない
○ 表示が高速なWebページを作りたい
○ 短期間でWebページを公開したい
お見積もりは無料で行っておりますので、お気軽にご相談ください!
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
基本サービス内容
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
■ デザイン完全再現のコーディング
✓HTML、CSS(Sass)を用いたコーディング
✓レスポンシブ対応
✓簡単な動き対応※
※ハンバーガーメニューやアコーディオン、フェードインアニメーションなど、
CSSや簡単なJavaScriptで対応可能なものです。
スライダーなどJavaScriptが多く利用されているものは、
別途お見積もりいたします。
■ メタタグの最適化(必要な場合)
✓favicon
✓apple-touch-icon
✓テーマカラー
✓OGP
✓タイトル
✓ディスクリプション
■ 高速化処理(必要な場合)
✓CSS・JSサイズ圧縮
✓クリティカルCSS適用
✓画像最適化
✓Webフォント最適化
■ Google Analytics導入(必要な場合)
✓Google Analyticsトラッキングコード挿入
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
料金について
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
1ページ10,000円よりお引き受け可能です。
ただしデザインや動きなど、必要な工数により金額が変わります。
お見積は無料ですので、まずはお気軽にご相談ください!
■HTML/CSSコーディングとは
コーディングとは、プログラミング言語やマークアップ言語などを用いてコードを記述する作業のことを言います。HTMLやCSSを用いたコーディングは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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。