人気ランキング 期間:5月1日 〜 5月8日
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
1ページ10,000円から!LPやシングルページのコーディング、書きまくります
アンケート、入力作業、コーディング作業いたします
業務内容
AUTOCADによる作図
(CAD利用技術者 2級の資格)
エクセルによる
・伝票整理
・給料計算
・決算書作成
などを担当しております。
細かな作業もこつこつ真面目に取り組むことができます。
【可能な業務】
上記の業務内容の他、
・エクセルによる作業全般(マクロを含みます)
・画像・映像加工作業(Wondershare Filmora X で作業しています)
なども得意としております。
【制作会社様・デザイナー様向け】HP・LPのHTML/CSSコーディング代行します
業務内容
数あるパッケージの中からご覧いただき、誠にありがとうございます。
個人事業(3年目)でコーディングとWordPress構築をメインに活動している「金杉 優希(かなすぎ ゆうき)」と申します。
現在、制作会社様やマーケティング会社様と継続的なお取引をさせていただいております。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
デザイナーさん、現役エンジニアが希望のデザイン通りコーディングいたします
業務内容
こちらのサービスをご覧いただきありがとうございます。
『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください!!
希望のデザイン通りにコーディングいたします。
まずは、「見積り・カスタマイズの相談をする」からお気軽にお問い合わせくださいませ。
◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応(スマホ・タブレットに対応)
■コーディング料金
・基本料金:20,000円〜
・レスポンシブ対応:無料
■納期
稼働状況により変動しますが、ご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より3 〜 4日で初稿をテストアップいたします。
◆制作の流れ
1、ヒアリング&デザイン確認&お見積り(※まずはご相談下さい!)
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正(修正は3回まで)
5、最終確認・納品
※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡ください。
■私の強み
①納期厳守
納期は必ず守ります。
定期的に作業の進捗を報告致します。
②細部へのこだわり
どんな方でもわかるようなコーディング
③ヒアリング重視
Webサイトによって何を実現したいのか目的を共有させていただきます。
目的達成のため、私からも提案させていただく場合もあります。
④柔軟な対応
フリーランスであるため、平日休日問わず対応が可能です。
すぐお答えできない事も、現状をお伝えした上でお調べし、丁寧なご返答を心がけております。
■こんな方にオススメです!
・コーディングは全て丸投げしたい。
・リソース不足で外注したい。
・長期的に依頼できるコーダーを探している。
■その他のサービス内容
・レスポンシブ対応
・jQuery & CSSアニメーション
・お問いわせフォーム実装
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード(無料)
爆速コーディング!丁寧✖️正確✖️迅速なご対応いたします
業務内容
企業様コーポレートサイトからLPなどのコーディングをメインとして活動しております!さまざまなWeb制作に携わってまいりましたが、やはりコーディングが一番好きで、コードを書いていると1日がすぎてしまうこともザラにあるほどです...。
実績につきましては、公開できないものが多くありますので、ご希望ございましたらお送りさせていただきます!
コーディング代行を承ります
業務内容
知識ゼロでも大丈夫!
HTML/CSS/JavaScript(j-Query)による静的サイトの制作を承ります。
【お悩みへの解決をお手伝いします】
・LPやサイトを作りたいけど、どうすれば良いかわからない!
・誰に相談すれば良いかわからない !
・デザインを持ってないけど、サイトを作りたい!
・制作会社に依頼すると高そうだし、よく分からない業界だから怖い!
ご安心を!
知識ゼロでも私が代行して制作を承ります。
何でもお気軽にご相談いただけます。
(予算、納期、お客様のご希望に最大限対応させて頂きます)
【作業内容】
HTML/CSS/JavaScript(j-Query)を用いた静的サイトの制作
デザインデータ(psd,XD)を元にしたLP制作、サイト制作
レスポンシブ対応した整ったサイトの構築
【実績】
株式会社 D-open様のホームページ作成
(サイトのデザイン以外の全て工程を私が担当させてもらいました。スマートフォン用デザインはなかったので、自分で実装しました。)
https://d-open.jp
【稼働時間】
日によってばらつきはありますが、4〜8時間/日は稼働可能です。
命の危機が迫る現場で働いてるので、相手の意思を汲み取ることには長けています。
常に相手を思いやる姿勢を心がけています。
ホームページ・LPコーディング代行します
業務内容
本サービスをご覧いただき、ありがとうございます。
デザインを頂戴し、コーディングしたサイトデータを納品いたします。
まずはお気軽にお問合せ、見積もりをご相談ください!
●作業内容
・デザインに基づくHTML/CSSを用いた静的コーディング(1ページ〜複数ページ)
・レスポンシブ対応
・簡単なJavaScriptの動的実装(スライダー、トップに戻る、アコーディオン、ハンバーガーメニューなど)
●対応が難しいもの
・高度な動きのあるJavaScript
・WordPress化
●料金表
実績がないため、格安にてサービスをご提供いたします。
・トップページ、下層ページのコーディング:1,000円~/ 1ページ
・LPのコーディング:1,000円~
・レスポンシブ対応:無料
・JavaScriptの機能実装:1,000円~ / 1点
●制作の流れ
- ヒアリング&お見積り
- お客様からデザインのご提供
※Adobe XD, Photoshop, Illustratorのデザインを基にコーディングします - コーディング&テスト
※テストはMacで「Chrome、Safari、Firefox」の各ブラウザと、スマホ実機での確認はiPhone12で「Chrome、Safari」にて確認します。 - ご確認&修正(納期期限前に可能な限り余裕を持って確認依頼をさせていただきます)
- 最終確認&納品
※納品はzipファイルでご提供します。
●納期
作業量によって異なりますが、基本1〜2週間ほどお時間いただいております。
ご希望の納期がある場合はご相談いただけますと幸いです。
ウェブページ1PのSP(スマホ画面、レスポンシブ)対応化
業務内容
ブートストラップに限らず、
ウェブページのSP対応(スマホ画面、レスポンシブ)を作成致します。
1発注につき1ページでお願いします。
念のため、納期は10日にしてりますが、難易度によりますので、
かなり早くできる場合がございます。
HTML CSSコーディングを破格の安さで行います
業務内容
【サービス内容】
・HTML/CSSを使ったコーディング
【使用言語】
・HTML
・CSS
・場合によってはJavaScript(jQuery)
【使用ツール】
・AdobeXD
【稼働時間】
平日休日問わず1日5~6時間程度です。
【納期】
余裕をもって少し長めに提案させていただいております。しかし、ご連絡いただいたら即座に制作に取り掛かり、できる限り早く納品するよう努めます。
【費用】
Lancersに最近登録したこともあり、まずは実績を作ることを目的としているので、相場よりも格安で承りたいと考えております。
【自己PR】
納期を守ることはもちろん、丁寧なコミュニケーションを心がけております。
最初の打ち合わせに加えて、作業中も2~3日に一回進捗状況を報告することで、お客様との認識の相違を減らし、納品まで責任を持って対応いたします。
また、私のポートフォリオサイトのURLを以下に記載しますので、ご覧いただけると幸いです。「WORKS」にデザインカンプからコーディングしたサイトを掲載しております。
ご連絡いただければ、すぐに対応できる態勢を整えておりますので、どうぞよろしくお願いします。
デザインカンプを丁寧に、HTML/CSSでコーディングします
業務内容
デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ(FTP)
・scss、gulpfile(ご希望あれば)
別の納品方法のご指定がある場合にはご相談ください。
【制作会社様・デザイナー様向け】 HTML/CSSコーディング代行します
業務内容
当サービスにご興味を持っていただき、ありがとうございます!
デザインはできるけどコーディングが苦手なデザイナー様、安心して頼めるコーダーが不足しているディレクター様、コーディングを代行します!
コーディング・WordPress構築をメインに、制作会社様と継続的にお取引させていただいていますので、スキル面はご安心ください。
<当パッケージでの対応内容>
・ホームページ・ランディングページのコーディング
・JavaScript / jQueryを用いた簡単なアニメーション実装
・レスポンシブ対応
・Figma、Xd、Photoshopで作成のデザインデータに対応
・サーバアップロードでの納品対応可能
・ページの追加はオプションでの対応となります。
・スライドショー、モーダル、アコーディオンなどはオプション対応となります。
・お問い合わせフォームはオプション対応となります。
<納品までの流れ>
(1)DMまたは見積り・カスタマイズの相談にて、まずはお気軽にお問い合せ、ご相談ください。
(2)ご購入後、トークルームにて下記の<ご用意いただくもの>をご連絡ください。
(3)実装内容の詳細をヒヤリングさせていただきます。(メールベース or オンラインMTG)
(3)当方テスト環境にてコーディング。内容をご確認ください。
(4)気になる箇所、問題があれば、修正を対応致します。
(5)内容にご満足いだけましたら、HTML/CSSファイル一式をZIPファイルで納品します。
(※サーバーへのアップロードも対応可能です)
<ご用意いただくもの>
(1)デザインのデータファイル(psd/xd/Figmaファイルなど)
(*レスポンシブ対応の場合は、スマホ版デザインもご連絡ください。無い場合も対応可能。ご相談ください。)
(2)使用する画像
(3)リンク先などの情報
(4)コーディングのルール(必要であれば)
(5)ご希望納期
<注意事項>
・検証ブラウザは、GoogleChrome、Edge、Safari、FireFoxです。
【安心・お任せ!】静的コーディング、LP、WordPress構築承ります
業務内容
セミナー・ライブコーディング経験のあるコーダーが担当いたします!
安心してお任せください!
☆★こんな方におすすめ★☆
・Web制作会社様
・Webマーケティング会社様
・ブランディング会社様
・デザイナー様
・既にあるデザインをWebページに再現してほしい方
※デザインからでもご対応をご検討の方へ。
デザイナーとパートナー提携していますのでデザインから一貫して品質を担保いたします!
今後継続的にお願いしたい方などおすすめです。
◆◇-- サービス内容 --◇◆
-
静的コーディング
└ スマホ、タブレット、PC対応 -
LPコーディング
-
WordPressによるCMS構築(オリジナルテーマ開発)
└ カスタムフィールド
└ カスタム繰り返しフィールド
└ カスタム投稿
└ お問い合わせフォーム設置 -
アニメーション
└ スライダー実施(swiper、slickどちらも可)
└ スクロールアニメーション -
お問い合わせフォーム設置
-
修正作業(詳細をヒアリングしたのちお見積もりいたします)
※その他の実装内容はご相談くださいませ!
◆◇-- 業務進行 --◇◆
・FLOCSS記法を用いたCSS設計を意識したコーディング
・Gulpを用いた業務効率化
・Gitでのソースコード管理
・モバイルファーストのコーディング
・rem指定のコーディング可
・品質チェック(主要ブラウザ対応)
・ テスト環境の構築
◆◇-- 実績 --◇◆
・不動産会社様
・飲食店様
・某県所有のスポーツ施設
・ランディングページ複数
・その他
◆◇-- 私が意識しているところ --◇◆
「安心して任せられる人」
「連絡、対応が早い人」
「気持ちよくお仕事ができる人」
まずはお気軽にお問い合わせください!
上記以外で実装希望の内容がありました見積もり依頼時に記載していただけますと幸いです。
◆◇-- 当サービスの強み --◇◆
❶ 安心してお任せできる外注先
人手がたりない!けど安心して任せれる業者がいない・・・
ぜひお任せください!
お客さまの安心してお任せできる外注業者としてお手伝いいたします!
❷ 高品質な制作物
丁寧なお仕事と品質チェックシートを使用したセルフチェックで
お客様のお手間をとらせない作業で高品質な制作物を納品いたします。
❸ お急ぎ案件も対応可能!
お急ぎの案件もご対応可能ですのでまずは一度ご相談ください。
❹ デザインからまるっとお任せ!
「デザインからまるっとお願いできる人がほしい」
お客様が別業務に集中できます様デザインからお任せも可能でございます。
デザインは信頼のできるパートナーデザイナーが対応いたします。
クラウドソーシングで探すことはありませんのでご安心ください。
◆◇-- 契約の流れ --◇◆
① ページ構成・アニメーション・仕様をヒアリングしてすり合わせ
ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
作業量、納期を決めたのちお見積もり額をお伝えいたします。
② 作業着手
進捗状況は共有しつつ実装上の問題などございましたら
すぐご連絡いたします。
④ 品質チェック
こちらで用意しています品質チェックシートを元に品質チェックいたします。
⑤ 修正(3回まで無料対応)
全ページが完成した段階で初稿を提出します。
この時点で修正などございましたら随時対応いたします。
⑥ 納品
修正がおわりましたらデータを納品いたします。
ご指定のサーバーへのアップロードも問題ありませんので
お気軽にご相談くださいませ
3人のクルーでコーディングを代行いたします
業務内容
ご観覧ありがとうございます。
私たちは埼玉県羽生市商店街のオフィスで
3名でコーディングを行なっているMOVE-INです。
◆こんな場合にオススメです◆
- コーダーのリソースが足りない
- コーダーのパートナーを募集している
◆基本料金概要◆
①HTML/CSSを使った静的コーティング
②レスポンシブ対応(PC/スマホ/タブレット)
③Word Pressの設置
④テスト確認用のサーバー設置
◆制作の流れ◆
- 「見積り、カスタマイズの相談に進む」からご連絡ください
- お打ち合わせ(リモート)
※デザインを確認をさせて頂きます(XD FIGMA AI PSD etc....) - お見積書のご提出
- 制作開始
- 修正
6. 納品/公開
静的コーディング致します
業務内容
こちらのサービスをご覧いただきありがとうございます。
『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください!
デザインデータからHTML・CSSを使用したコーディングを代行いたします。
静的コーディングになります。
レスポンシブ対応(スマホ・タブレットに対応)も有料にて承っております。
◆制作の流れ
①ヒアリング・お見積もり
→ページ数・内容量に応じてお見積もりします。
②契約
③デザインデータ確認
→Photoshop、Illustrator、XDのデータに対応可能です。
④コーディング作業開始
⑤ご確認・修正
→修正は3回まで無料で対応いたします。
⑥最終確認
⑦納品
→zipファイルでの納品、またはサーバーにアップでの納品となります。
まずは、「見積り・カスタマイズの相談をする」からお気軽にご相談ください。
購入にあたってのお願い
【注意事項】
※ご注文後のキャンセルはお断りしております。
※ご購入前にお見積りのご相談をお願いいたします。
【お客様にご用意いただくもの】
◎デザインデータ
psd、ai、XDのいずれかをお願い致します。その他の場合はご相談ください。
◎画像、文章などの素材
HTML ,CSS ,JavaScriptを使いHPを1から作ります。ます
業務内容
ーHP制作
・HTML ,CSS ,JavaScriptを使いHP制作をさせて戴きます。
・金額:5万円〜10万円
ープログラミングスクール
1WEB言語(HTML CSS JavaScript)を使いHP制作
2WordPress制作(HPやLP等)
3業務用システム開発(Laravel)
・金額:1万円〜3万円/月
ーその他
案件数が少ないため格安で受けさせて戴きます
ぜひ宜しくお願い致します
スクレイピング、データ入力、web 制作などを承ります。 ます
業務内容
-
こんな方にオススメ
単発で依頼をなさりたい方 -
何ができるの?
簡単なデータ入力、スクレイピング -
経験など
本業は飲食を行なっておりますが、2年程独学をした成果を試したいと思い lancers を利用しています。
未熟者ですがよろしくお願いします。 -
時間など
夜勤なので平日は時間が空いておりますので、比較的にスピーディーに対応できるかと思います
【レスポンシブ込み、修正だけでも】ホームページ・LPのコーディングをします
業務内容
《自己紹介》
プロフィールをご覧いただきありがとうございます、はぎ と申します。
フリーランスとして、ホームページ・ランディングページの制作を行なっております。
《提供可能なこと》
【HTML・CSS・JavaScript(jQuery)のコーディング、WordPressでのサイト制作】
ホームページ、ランディングページのデザインデータからのコーディングを行ないます。
また、修正のみのコーディングやページ内の一部のコーディングにも対応します。
【デザインデータをお持ちでない場合での、ホームページ制作】
中小企業・個人店のお客様でデザインデータをお持ちでないお客様でも、
通常の製作期間よりは長くなってしまいますが参考サイトをご提示いただければ
サイト制作のご相談に対応いたします。
またサイト制作に使用される画像やイラストが無い場合でも各種素材を準備していますので
お気軽にご相談ください。
【料金内で対応可能な動きのある要素】
・スライダー(複数枚の画像を次々と切り替えて表示するもの)
・ハンバーガーメニュー
・ページトップへ戻るボタン
【オプション料金で対応可能なもの】
・アコーディオン(項目をクリックしたりタップしたりすることで、隠れている詳細画面を表示させるもの)
・タブメニュー(Webページを移動することなく指定範囲の表示内容を切り替えられるもの)
・ローダー(ページOPEN時のロゴなどを表示させるもの)
・お問い合わせフォーム
・スクロール時に要素がふわっと動くなどのアニメーション
・スクロール時に背景画像に影響させるアニメーション
その他、実装に工数が多く掛かるものや1ページの長さが5000pxを超えるものについては
別途お見積もりをさせて頂きます。
《お約束事》
・お客様への分かりやすく丁寧なサポートを心掛けて作業を進めていきますので、ホームページ制作のご依頼が初めての方でもご安心ください。
・作業は迅速に、途中経過も確認できる形で進めていきます。
最後までご覧いただきありがとうございます、
ご依頼いただいた際は『お客様への分かりやすく丁寧なサポート』『作業の途中経過の報告』を
心掛けてお客様の求める以上の作品を納品いたします。
気になることがありましたら、お気軽にご連絡くださいませ。
よろしくお願いいたします、以上となります。
webページの細かい修正・変更を低価格でお受けいたします
業務内容
HTML/CSSの修正・変更をなるべく安く済ませたいという方にピッタリの内容です。
業務内容としては、修正・変更を行っています。
仕事量によっては納期が変わることがあります。
HTMLやCSSを使いお客様のデザインからコーディングの代行を行います
業務内容
可能業務
・コーディング代行(HTML,CSS)を使用してのコーディング
・JavaScript使用してのハンバーガーメニュー、スライダーなどの動きのあるサイト作成
実績
・サンプルサイトを作成しました。
*詳しくはポートフォリオをご覧ください。
HTML.CSS.javascript.WordPressでお手頃web作成します
業務内容
こんな方にお勧め!!
-
自分のウェブサイトが欲しい…!!
-
今のウェブサイトをもっとよくしたい…!!
-
ウェブサイトの管理を楽にしたい…!
-
自分の活動を広めたい…!
自己紹介
営業経験約2年で40名以上のクライアントとお話しさせていただいていました。
誠心誠意お話しさせていただいて本人が自覚している課題の裏にある本当の課題に対して直接アプローチして共通認識としてその課題を持つことができます。
ほかのクリエイターとの違い
-
潜在的な課題の共有
-
課題解決の協力
-
アフターフォロー
【即レス・高品質】静的コーディング or WordPress構築します
業務内容
- コーディング,WordPress構築を外注できるパートナーが欲しい
- Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
- どれくらいのスキルがあるのか分からなくて外注できない
などのお悩みを抱えているWeb制作会社様・個人事業主様へ。
◆サービス内容
・静的コーディング
→ LPやホームページなどの静的コーディングをレスポンシブで対応させて頂きます。
・WordPressのオリジナルテーマ開発
→ 複雑なカスタマイズや構築なども対応可能ですのでご相談ください。
デザインもパートナーに依頼することが可能ですのでご相談ください。
◆実績
・制作会社様公式HP
・某市の移住公式サイト
・某島の観光公式サイト
・サービス費用シミュレーションサイト
など実績は幅広くございます。
ご相談いただければ実績URLなどをお送りできますのでお気軽にお問い合わせください。
◆料金
Topページコーディング:30,000円〜
下層ページコーディング:10,000円〜
WordPressオリジナルテーマ制作:100,000円〜
LPコーディング:30,000円~
料金表を基にお見積りを出させていただきます。
上記あくまで目安ですのでご相談可能です。
ボリューム・機能によって変わってきますので、まずはご相談いただければと思います。
◆契約までの流れ(簡単3ステップ)
①ヒアリング
→ ビデオ通話もしくはテキストでのやり取りでご依頼内容をご確認させていただきます。
②こちらからの提案
→ ヒアリング後、1 ~ 2日後に詳細のお見積りをご提案させていただきます。
③契約
→ 契約させていただきLancers上で手続きが完了次第、着手とさせていただきます。
◆制作の流れ
①契約
↓
②お仕事開始
↓
④ご確認・修正
・・・ご確認いただき修正点があった場合、迅速に修正させていただきます。
↓
⑤最終確認
↓
⑥納品
- zipファイル納品
- WordPressへのマイグレーション
- FTPツールを使用してサーバーへの納品
- Git納品が対応可能です。
*指定の業務進行方向がございましたら、貴社の指定の方法に従います。
◆最後に
最後までご覧いただきありがとうございました。
ご相談、お見積もりに関しては無料で承っております。
またLancers上のツールを使用したビデオ会議も可能ですのでお気軽にお問合せください。
主に、HTML,CSSコーディング代行を請け負ってます
業務内容
▼業務提供内容
・プログラミングコーディング代行
・動画編集
・その他編集代行
▼金額
・¥10,000~¥70,000
・金額相談可能
レスポンシブ対応・簡単なアニメーション込みのコーディング代行いたします
業務内容
数あるサービスの中からご覧いただきありがとうございます!
Web制作会社在職のMarzine(マージン)と申します。
本パッケージはコーディング代行のサービスとなっております。
◆サービス内容
・HTML/CSSコーディング
・JavaScript/jQueryによるアニメーション実装
・WordPressオリジナルテーマの作成
◆基本料金に含まれるもの
・レスポンシブ対応(PC/スマホ)
・簡単なアニメーション(ハンバーガーメニュー、フェードイン、スライダー、アコーディオン)
・CSSファイル、JSファイルの圧縮
・テスト確認用サーバーの設置(こちらで用意)
・アフターフォロー(納品後1週間以内)
※納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。
◆基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応
・複雑なアニメーション(「基本料金に含まれるもの」項目以外のアニメーション)
・タブレット用等の3ヶ所以上のブレイクポイント
・お問い合わせフォームの実装
※上記は内容に応じて別途お見積もりとなります。
◆参考料金
・TOPページ:30,000円~
・下層ページ:15,000円~ / 1ページ
・下層ページ(ポリシー系):7,500円~ / 1ページ
・WordPressオリジナルテーマ制作:80,000円~
・お問い合わせフォームの設置:15,000円~
※静的の場合のみ。WordPressでプラグインを使用する場合は無料。
◆納期
稼働状況やページ内容により変動しますのでお見積りの際にお知らせいたします。
◆流れ
①内容の確認・お見積り
見積もりの相談をいただけましたら、内容の確認をしてお見積りいたします。
↓
②デザインデータお預かり
お見積りにご納得いただけましたら、psd・XD・Figmaでのデザインデータをお送りください。
↓
③コーディング開始
トップページのコーディングを開始いたします。
↓
④テストアップ(ご確認・修正)
修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
※トップページ(1P)のみのご確認となります。
※1Pのみの場合は⑦へ、下層ページがある場合は⑤へ進みます。
↓
⑤下層ページのコーディング開始
トップページのコーディングに問題がなければ下層ページのコーディングを開始いたします。
↓
⑥下層ページのテストアップ(ご確認・修正)
ページ数が多い場合は2、3ページ毎にご確認・進捗報告いたします。
↓
⑦納品
zipファイルにて、当方で用意しているサーバー上からダウンロードしていただきます。
ご希望の納品方法がございましたらお知らせください。
レスポンシブ対応で最適に表示されるHTMLメルマガを作ります
業務内容
HTMLメールはメルマガ配信ツールなどで、
簡単に作成することができますが、
CSSやVIEWPORT設定まで対応していないツールもあり、
端末やメールクライアントによって、文字化けや表示崩れを起こすケースが多いです。
PCだとOutlookやWindowsメール、
モバイルではAndroidなど対応していないCSSがほとんどです。
これではせっかく時間をかけてメールを作成しても、
メール内リンクからの回帰は望めません。
本サービスの3つの特徴
①メール到達率を改善
可能な限りファイルサイズを抑えることで
各社サーバーの原稿容量制限と画像容量制限をクリアし、
より多くのリードリストにメール配信を可能にします。
②開封率を改善
プリヘッダーテキストを使用し、
メール一覧画面に表示される冒頭文を
訴求効果の高いキャッチコピーに変更します。
③回帰率を改善
幅広い環境で快適に閲覧可能なメールから、
正常に表示されるCTAボタンにより、
リンククリック率を改善します。
▼制作の流れ
1.ご購入
2.当方より打ち合わせ日程のすり合わせ
3.簡単なワイヤーフレームを提出いたします。
4.問題が無ければ画像とロゴデータのURLをご教示ください。
5.納品 ※納品ファイルはHTMLファイルのソースコード形式となります。
爆速コーディングで、あなたのデザインを完全再現いたします
業務内容
① デザインデータをいただき次第、作業開始。
(XD,Figma,Ai,PSDに対応。
必要であれば打ち合わせ可能です。)
② HTML/CSS/JavaScriptコーディング。
(どんなアニメーションにも対応可能。
WordPress組み込みまでも承っております。)
③ 品質チェック
表示チェックやエラー確認、デバイス表示チェックを行い、
品質チェックシートと一緒にご提出いたします。
④ 納品
デザインデータからWordPressコーディングを代行します
業務内容
\\ ご覧いただきありがとうございます。 //
「デザインデータはあるけどコーディングはどうしよう」
「コーディングだけお願いしたい」
「何も言わずに淡々とコードを書いてほしい」
いう方、お気軽にご相談下さい
Webページをコーディング(ご希望があればスマホ対応も可能です)し、WordPress化致します。
▼サービス内容
・お預かりしたデザインカンプやサイトのコーディング
・静的サイトのWordPress化
・SEOを意識したタグの適切な使用をしたコーディング
・レスポンシブ(スマホ)対応(希望があれば)
・jQueryを使用した簡単な動きはサービスいたします("ハンバーガーメニュー"や"Topへ戻るボタン"など)
▼制作〜納品の流れ
①ヒアリング・お見積もり
→ページ数、動きについてのご相談や使用する画像についてのご相談とお見積もり
②デザインデータや画像データのご共有
③コーディング・テスト
→環境テストはMacでChrom, Safariで行います
④提出・ご確認・修正
→制作物をご確認いただき、修正等伺います
⑤最終確認・納品
▼納期
余裕を持った納期のご提案をさせていただいております。
目安としてはデザインデータをお預かりしてから5日〜2週間ですが、最終的にはご相談にて決めさせていただきます。
納品方法は
・サーバーへのアップロード
・zipファイルでの納品
など、お客様とご相談させていただきます。
▼お取引後のアフターケア
修正を納品から1週間までを無料にて対応させて頂きます。
お気軽にご連絡ください。
購入にあたってのお願い
▼デザインとサイトに使用する画像素材は全てお客様でご準備をお願いいたします。
・画像加工には対応できませんのでご了承くださいませ。
・デザインデータは、Illustrator / Photoshop / Adobe XD / に対応しております。
【スピード価格重視】LPのレスポンシブコーディングいたします
業務内容
サイト制作会社様やWebデザイナー様へ
ランディングページ(一枚ものページ)のコーディングを承ります。
こんな方におすすめです!
-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」
コーディングのお困りごとに丁寧に対応させて頂きます。
まずはご相談ください。
詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。
【納品までの流れ】
1.DM(ダイレクトメッセージ)をお送りください
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力してください。
2. 相談者様へ返信
送っていただいた内容について質問や回答をお送りさせていただきます。
3. 注文・仮払い
納得いただいた場合に注文をお願いします。
4. 製作開始
5. 納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。
6. 最終納品
納品日から3日間無制限に修正対応致します。
お客様にご用意いただくもの
◎コーディングを行うデザインデータ
購入にあたってのお願い
■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。
【低価格】【即納】【即レス】広告LPコーディング代行致します
業務内容
web制作会社にて長年広告LPを専門にコーディング業務をしてまいりました。
広告LPには、ある程度『型』がございます。
長年『型』が経験として蓄積されていますので
広告LPを専門に携わる事で、より精度が上がり
より効率化が図れるようになり
より丁寧に短納期を実現する事ができました。
【低価格】
効率化により工数が減る分、お客様に還元出来るよう
低価格を実現しています。
【制作の流れ】
ヒアリング
↓
お客様からデザインのご提供
↓
コーディング
↓
確認、修正
↓
最終納品
【納期】
16,000px程度であれば大体一日で納品いたします。
30,000〜50,000px でも2、3日で納品可能です。
※お客様から最終デザインデータを頂いてからの日程になります。
前後のスケジュールの都合では上記の通りにできない場合もございますが
事前のお見積もり、ご相談時にお伝えさせていただきます。
【即レス】
製作中の急な仕様変更や修正連絡など
メッセージを頂いてから15分以内に返信させていただきます。
ご使用いただけるツールとしましてはメール、電話、Chatwork、Line、Slack
その他お客様のご希望があればご用意させていただきます。
【入稿データ】
Adobe XD, Photoshop, Illustrator, Figma, Sketch
※Illustratorでの入稿データの場合のみ別途納期をいただいています。
【料金】
デザインデータの縦の長さ(ピクセル)に応じて料金が決定します
【基本単価】
基本PC版かSP版のみ 0.4pxにつき1円になります。
(デザインカンプ長さpx ÷ 0.4 = 金額)
例) 16,000pxのLPであれば16,000 ÷ 0.4 = ¥40,000になります。
【レスポンシブ単価】
レスポンシブ追加される方は0.8pxにつき1円になります。
(レスポンシブカンプ長さpx ÷ 0.8 = 金額)
例) 8,000pxのSPカンプであれば8,000 ÷ 0.8 = ¥10,000になります。
※基本単価、レスポンシブ単価共に4000pxが1単位になります
例) PCのみデザインカンプが45,578pxの場合
基本料金のスタンダード(30,000px)から見積もり相談に進んでいただき
メインカンプ追加4000px(16,000px)を4つ追加して下さい。
【Wordpress単価】
Wordpressでの構築は
基本単価: デザインカンプ長さpx ÷ 0.2 = 金額
レスポンシブ: レスポンシブカンプ長さpx ÷ 0.4 = 金額
通常料金プラスWordpressのオプションを追加してください。
【料金に含まれるもの】
・スライダー(Slick, Swiper)実装
・カレンダー(pickadate)
・動画埋め込み
・地図埋め込み
・光るボタン
・動く矢印
等々その他ご希望のアニメーションがあれば実装いたします。
商品の3Dモデルを作成&LPコーディングし、コンバージョン率を改善します
業務内容
商品の3dモデルを作成し、主にスマホユーザーに直接的な使用体験を与えます。
統計データから商品の使用経験がコンバージョン率を向上させるために最も大切であるという事実が導きだされています。
デモ:
https://project-template-1.vercel.app/example/3d/potion
https://project-template-1.vercel.app/example/3d/diamant
ラフ案やワイヤーフレームだけでもOK!HTML/CSSコーディング作業承ります
業務内容
コーディング作業承ります。
デザイン案がなくても、簡単なラフ案と原稿あれば対応可能です。
1ページからも承りますが、複数ページももちろん大歓迎です!
デザイン制作も可能ですので、お気軽にご相談ください。
軽微なJavaScriptの機能実装も費用内で可能です。
PC、スマホ対応のレスポンシブコーディングとなります。
※PC/スマホ対応のレスポンシブデザイン(タブレットはPCの表示に準じます)
【作業内容】
・新規サイトのコーディング作業
・既存サイトへのページ追加
・LPページのコーディング
※データ納品も可能ですし、指定のサーバへのアップももちろん対応可能です。
ご不明な点ございましたら、お気軽にご相談ください。
細かい修正からページの作成までHTML/CSSのコーディング代行をやっています
業務内容
HTML/CSSのコーディングを主にやっています。
ページの修正・変更からページの制作までやっています。
レスポンシブ対応やJava script(jQuery)を使った動きのあるページもできます。
クライアント様にはサイトのデザインを用意していただき、それをもとにコーディング作業を行います。
HTML/CSS/jQueryでホームページ制作のコーディングします
業務内容
▼こんな方へオススメ
WordPressではできないような動きのあるホームページを作りたい方。
料金表にイメージボタンを設置し、ボタンを押すとサンプル画像が出るなど、効率のよいホームページを作りたい方。
どこかのサイトがとても気に入ったということで、それと似たようなホームページを作ってほしいという方。
ポートフォリオ:
https://gracepages.web.fc2.com/
▼ご提供内容
1.HTML/CSS/JSにてホームページを制作します。
2.他者のサイトで、気に入ったものをご提示くだされば、それと似たようなサイトを制作します。利用する写真は、似たようなものを有料・無料の画像素材サイトから探します。
▼ご購入後の流れ
24時間以内にお返事メールいたします。
詳しい内容をお聞きして、ご利用したい写真や、記載する文章、理想的な他者のWebサイトのURLなどをいただきます。もしそれらがなければ、「おまかせ」ということでもかまいません。
さらに、契約済のサーバーのパスワード等、ドメインをいただきます。
納期はご契約時に2週間や4週間で決めさせていただいておりますが、ある程度できた段階で、一旦御覧いただいて、修正点など伺います。このような修正を数回行い、契約納期内にご指定の納品いたします。
▼制作可能なジャンル
こちらのパッケージではECは含まれていません。
ECサイトをご希望でしたら、当方の別のパッケージ「BASEにてHTML方式でWeb制作します」をご利用ください。
▼料金やオプション
特別なテクニックを要するものは、別途相談で承ります。
契約後の制作途中でページを増やしたいなどのご要望がありましたら、ご相談承ります。
サーバー契約やドメイン取得はお客様でしていただきとう存じます。もしこちらで行う場合、実費のほかに別途料金として1万円ほどをいただきます。
もし、完成納品物が理想とかけ離れたものであれば、その度合いに応じて最大50%までお値引きさせていただきます。
▼納期
納期後に当方の都合で微調整などさせていただくこともあります。それは無料です。
どうぞよろしくお願いいたします。
【ランサーズ特別価格】どのデバイスでも綺麗に表示されるLPコーディング代行します
業務内容
※ベーシック、スタンダードはコーディングのみのプランです。
頂いたデザインを忠実にコーディングさせて頂きます。
スマホ、iPad、PC、その他どのデバイスでも最適なサイズ感で綺麗に表示させます。
プランの違い
▼ベーシックプラン
頂いたデザインをどのデバイスでも違和感のないように調整しながらコーディング致します。
※ペライチに限ります。
※デザインに合わせた動きは付きません。
▼スタンダードプラン
ベーシックプランにデザインに合わせた動き(アニメーション)が付きます。
ボタンがピョコピョコ上下したり、コンテンツがスクロールに合わせてふわっと上がってきたり、デザインのアクセントになる動きをお付けします。
※ペライチに限ります。
▼プレミアムプラン
弊社でデザインからコーディングまで承ります。
経験豊富な現役Webデザイナーが丁寧にヒアリングして、完全オリジナルデザインのLPに仕上げます。
※ペライチになります。
ベーシック、スタンダードのご依頼の流れ
①デザインを提供頂きます。
PCとスマホ、両方お持ちでしたらそのまま再現させて頂きます。
PCのみの場合、弊社でスマホでも綺麗に見えるよう工夫致します。
↓ ↓ ↓
②表示のご確認。
コーディングをしたものをテストでアップロード致します。
動作確認、デバイス確認をしていただき問題ないようであれば納品させて頂きます。
修正は2回まで無料です。
何かございましたら、ご指示下さい。
プレミアムのご依頼の流れ
①LPの指示書や素材を頂きます。
指示書は、メモ帳でもエクセルでも何でも構いません。
「こんなデザインにしたい」というイメージや参考サイトを教えて下さい。
使いたい画像やロゴ、テキストを提供頂き、デザインにとりかかります。
↓ ↓ ↓
②デザインの確認。
出来上がったデザインラフをJPGの状態で確認して頂きます。
デザインの修正は2回まで無料です。
ほとんどのお客様が2回までの修正で満足のいくデザインに仕上がっています。
↓ ↓ ↓
③表示のご確認。
コーディングをしたものをテストでアップロード致します。
動作確認、デバイス確認をしていただき問題ないようであれば納品させて頂きます。
問題がございましたら、ご指摘いただければ対応させていただきます。
どんなことでも気軽にお問合せ下さい。
【年中無休で対応】HP、LPを低価格かつ高品質でコーディングいたします
業務内容
ご覧いただきありがとうございます!
ホームページやLPのデザインカンプをもとに、コーディングいたします。
お客様とのコミュニケーションはもちろん、品質やスピードを大切にコーディングをします。
■当サービスの内容
・HTML/CSSによる静的コーディング
・レスポンシブ対応(デザインが大幅に変わる場合は別途料金が発生します)
・内部SEO対策
・画像圧縮などのサイト表示速度の向上対策
・修正対応
■オプション(一例)
・WordPress化(3,000円〜)
・お問い合わせフォームなどの動的実装(10,000円〜)
その他にもご要望がございましたらご相談ください!
■当サービスの特徴
・バリデーションツールによるHTMLの構文チェック
・imgタグの属性(レイアウトシフト対策やload属性、alt属性)
・必要に応じてCSSのベンダープレフィックスの付与
・CSS設計を考慮した記述(指定がなければFLOCSSで記述いたします)
・自作のCSSフレームワークを活用した効率的な記述
・各種ブラウザの表示確認(Chrome, Safari, Firefox)
■お取引の流れ
お見積もり依頼 または お問い合わせ
↓
お見積り提出→ご購入
↓
デザインデータや指示書などのご提供
↓
コーディング開始
↓
初稿提出
↓
ご確認・修正
↓
ご納品
■納品方法
コーディングデータをzipファイルで送付
サーバーにアップロード(1,000円)
■デザインデータ形式
Illustrator / Photoshop / XD / Figma に対応しております。
使用する画像は事前に書き出しをお願いします。(こちら側で書き出す場合別途料金1,000円〜)
■納期
作業量により異なりますが3日〜10日ほどお時間をいただいております。
お急ぎの場合は事前にお問い合わせくださいますようお願いいたします。
ご不明点がありましたらお気軽にご連絡くださいませ。
【デザイナー様向け】コーディング代行!デザインカンプを忠実に再現致します
業務内容
初めまして!現在、兼業でコーダーを
しておりますnamiと申します!!
「デザインは出来るけどコーディング出来ない」
「コーディングの人手が足りないので手伝ってほしい」
「スマホ対応出来るコーディングをして欲しい」
そんな方のお手伝いが出来たら嬉しいです!
gulpを使って静的コーディング致します。
レスポンシブ対応(スマホ対応)もお任せ下さい。
CSS設計は保守性の高いFLOCSSを採用しています。
«価格»
デザインや納期によって変動致しますので、
まずはお見積からご相談下さい。
«納品方法»
・zipファイルで納品致します。
«納品までの流れ»
①ヒアリング・お見積もり
└細かい実装方法や費用まで納得いくまでヒアリングします
②デザインデータ確認
└デザインや画像に不備が無いか確認します
③コーディング開始
└途中経過も随時報告します
④テストサーバーで確認・修正
└実装についての修正は何度でも無料でお受けします
⑤zipファイルで納品
ぜひ一度、お気軽にお問い合わせ下さい!!
デザインデータより忠実にHTML,CSSコーディング代行させていただきます
業務内容
ご覧いただきありがとうございます。
WebコーダーのMotaと申します。
平日日中は制作会社にて勤務しており、制作時間が少ないため急がれてる方のご希望には沿えないかと思います。
それでも
・できるだけ安くお願いしたい。
・時間より価格!
・デザイナーの方のポートフォリオの構築
・コーディングがめんどくさい!
など、サイト構築でお困りの方はお気軽にご相談ください!
相談は無料です!
あまりお金をかけずに、サイトを構築したいと言った方にお勧めです。
レスポンスは遅くとも当日中にはご返信します。
●使える機能一例
・jQueryを使ったアニメーション実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニュー、モーダルなど)
・お問い合わせフォームの実装
・レスポンシブ対応
基本何でも込みでやらせていただきますが、WordPress導入までお求めの方は別途ご相談ください。
全てのご要望に応えたいとは思っていますが、その分時間はかかるかと思いますので、ご了承ください。
●制作の流れ
まずはご相談ください。
1.依頼内容のヒアリングを行います。
↓
2.デザインデータのご提供。納品日の目安などをお伝え致します。
↓
3.コーディング。完了後、ご確認いただき、無制限で修正対応致します。
※大幅なデザインの変更は対応致しかねます。
↓
4.最終チェックが出来ましたら、ZIPファイルかサーバーへのアップロードという形で納品させていただきます。
※サーバーへのアップロードはログイン情報を共有させていただきます。
まずは気軽にご相談ください。
【注意点】
・冒頭でお伝えした通り、時間が限られるため完成までお時間をいただくこともございます。
・注文後のお客様都合でのキャンセルは原則致しません。
・制作実績として使わせていただくことがあります。
デザインカンプを元にHP制作のコーディングを担当します
業務内容
●PhotoshopやFigmaで作られたデザインカンプから、画像や文字を読み込む(ない場合はこちらでデザインもご提案します)
●ご希望のアニメーションの確認
●VScodeにてコーディングまたはWordPressのテーマSnow Monkeyで制作
●3割完成時点で方向性の確認
●6割完成時点で方向性の確認
●9割完成時点での詳細チェック
●コーディングデータを提出し終了(サーバーにアップロード対応)
【最短3営業日!】スピーディーにコーディングいたします
業務内容
総ページ数10,000ページ超!
シンプルなページのコーディングを、
最短3営業日(※)で代行いたします!
お客様の事情に合わせた柔軟な対応をさせていただきます。
■サービス内容
・HTML+CSSを用いた静的なコーディング
・レスポンシブ対応
・簡単なJavascript
こんなお悩みありませんか?
「デザインはできているけどコーディングが間に合わない」
「コーディングしてみたら思ってたのと違った!」
「後から修正が入ってしまった!」
「ページを追加しているうちに結局割高に!」
ということがよくありますよね。
▼デザイナーだから融通が効く!
デザイナーが兼任するので、ちょっとしたデザインの修正にも対応可能です。
※大幅なデザイン変更の場合は別途費用が必要です。
デザインもご希望のお客様は、WEBサイト制作プランをご検討ください。
https://www.lancers.jp/menu/detail/1266171
▼おおまかな制作の流れ
-
お問い合わせ
「まずは相談する」ボタンよりお気軽にご相談ください。
デザインデータをお持ちのお客様は、デザインデータもお送りいただけるとスムーズです。 -
デザインデータの送付・コーディング開始
確定したデザインデータをお送りください。 -
コーディングデータのご確認
弊社テストサーバーにて、コーディングデータをご確認いただきます。
修正必要な箇所がある場合はテストサーバー内にて修正を反映いたします。 -
納品
ご確認いただいたデータ一式をzipまたはサーバーにアップロードで納品となります。
■ご注意事項
・目安として5,000px程度のデザインの価格となります。
・デザイン内容によっては追加料金をお願いする可能性がございます。
・複雑なJavascriptを使用する場合は別途費用が発生します。
・原則ブレイクポイントは1つの価格となります。(PC/スマホ)
・レスポンシブ対応が必要な場合は、スマホのデザインもお送りください。
・案件時期によっては3営業日で納品できない可能性もございますので予めご了承ください。
・制作実績として作成したホームページの画像やURLを掲載させていただきます。掲載不可の場合はお気軽にお知らせください。
【制作会社/デザイン会社向け】html/css/WordPressコーディングします
業務内容
★こんな方へオススメです★
🔸継続的にお願いできるパートナーを探している制作会社様
🔸コーディングできる人を探しているデザイナー様
🔸レスポンスが良いフリーランスにお願いしたい
🔸リソースが足りないから外注したい
🔸すぐに対応してほしい
そんな方の期待にお応えします!
現在は制作会社様から業務委託にてコーディング依頼を受注しており、
継続的にお付き合いさせていただいております!
「ストレスのないコミュニケーション」と「思いやりのあるチャット」
を心がけております!
【当サービスの特徴】
🔸 XD / Figma / illustrator のデザインカンプに対応
🔸PCのみのデザインデータから各種サイズのレスポンシブ対応可能※LP等画像部分はSP版が必要です
🔸完全フリーランスだから昼夜、土日問わず連絡、作業いたします
🔸業務委託契約実績10社以上
🔸scss/BEMを用いたCSS設計によりコードの保守性担保
【対応できる業務】
🔸html/cssの静的コーディング
🔸jQueryによるアニメーションの実装
🔸Wordpress構築(オリジナルテーマ作成、カスタム投稿、カスタムフィールド等、各種プラグイン対応)
🔸既存サイトの更新業務(Wordpressも可)
【制作の流れ】
①デザインカンプの支給・確認
②お見積りのご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品
【納品方法】
zipファイル / FTPサーバー / WordPress環境にデータ移行
【稼働時間】
6:00〜7:00 / 9:00〜18:00 / 21:00〜23:00
ご相談いただければ柔軟に対応いたします!
土日問わず対応できます!
気になることがあれば、まずは一度お声掛けください!
ご相談だけでも構いませんのでお気軽にどうぞ!
web制作会社で実務経験3年以上のコーダーがwebサイト、LPのコーディング承ります
業務内容
■こんな方におすすめ
-デザインはできるけどコーディングできる人材が欲しい方
-サイト制作をまるっと任せたい方
■ご提供内容
-いちからHTML、CSS、javascriptを用いてコーディングいたします。
-webサイト、LPを1から作成いたします。
-必要であれば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サイトを丁寧にコーディングいたします。
お客様に寄り添って丁寧に対応いたしますので、他のサービスとも比較していただいたうえで、私のサービスに魅力を感じていただけた場合はお見積りをよろしくお願いいたします。
ホームページ・LPのHTML・CSSコーディング承ります
業務内容
ご覧頂きありがとうございます。
Webページ、LPなど、デザインからのコーディングを行います。
デザインはあるけどコーディングにお困りの場合など、ぜひご相談ください!
■作業内容
●デザインカンプからの静的コーディング(HTML・CSS)
●レスポンシブ対応、Javascript対応(ご相談)
■制作の流れ
まずは、お客様のご依頼内容についてお伺いさせて下さい。
お見積もり・納期の目安をご連絡させて頂きます。
1.ご依頼内容の確認・お見積もり・納期の目安のご連絡
2.ご購入後、制作要件についてのご確認、デザインカンプ等の必要なデータの受け取り
3.制作開始
4.完成品の提出とご確認(修正箇所の確認)、納期の確認
5.修正対応
6.修正品の提出とご確認
7.最終納品
■納品方法
コーディングデータをzipファイルにて納品させて頂きます。
■デザインカンプデータ
Adobe Illustrator, Photoshop, XD, Figmaに対応致します。
■納期
お急ぎの場合など納期についてのご相談も可能です。
■こちらでの検証環境
Mac最新OSにてChrome, Safari, FireFox
iPhone最新OSにてChrome, Safari, FireFox
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■その他、ご質問などありましたら、お気軽にお問い合わせ下さい。
HTML / CSS / JavaScript でサイトのコーディングを代行します
業務内容
「デザインカンプは作れるので、サイトにして欲しい!」
そんなご希望におこたえいたします。
ECサイト(静的な部分)・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。
ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。
「デザインは用意できるけど、コーディングは誰かにお願いしたい」ます
業務内容
⚫ご提供させていただけること
・保守性が高いCSS設計に基づいたHTML/CSS/JSコーディング
・WordPressの導入、改修など
・Gitを用いたコード管理(常にバックアップが取れています)
・無料で画像圧縮
・こまめな進捗報告による「作業の見える化」
⚫作業内容について
・静的コーディング(1ページ〜)
・レスポンシブ対応(スマートフォン、タブレット)
・ハンバーガーメニュー、スライダーなどの実装
・お問い合わせフォームの実装
※WordPressは別途追加費用が発生いたします。
⚫ご予算について
記載の金額はあくまで目安でございます。制作ページ数やアニメーションによって変動することがございます。実装内容やご予算など、いつでもお気軽にご相談下さい!
⚫ご購入の流れ
①「見積もり・カスタマイズの相談に進む」を押下いただき内容を詳しくお聞かせください。
②納期目安、追加で購入が必要なオプションがある場合にご案内いたします。
③内容に問題が無ければご発注をお願いいたします。
④写真やテキストなどの素材を当方までお送りください。
⑤作業開始。まずは1p完了後にURLをご連絡します。その後は1~3日に1回程度の報告をいたします。
⑥全体コーディング完了後、ご査収いただき修正対応いたします。(無料で3回まで)
⑦ご指定のファイル形式にて納品
⚫実績
静的コーディングからのWordPress化、静的ページのテーブル修正、静的LP、WordPressテーマカスタマイズ等
⚫特徴
・反応が早い
・作業の言語化が得意
・柔軟な対応が可能
どうぞお気軽にご連絡くださいませ!いつでもお待ちしております。
フロントエンドエンジニアがレスポンシブコーディングを代行します
業務内容
◾️こんな方にオススメです
- 社内リソースが不足している企業様
- コーダー不足で外注先を探されている制作会社様
- コーダーのパートナーを探しているデザイナー様
- 長期的に依頼できるコーダーを探していらっしゃる方
◾️基本料金に含まれるもの
- HTML / CSSコーディング
- レスポンシブ対応
- 画像、CSSファイル、JavaScriptファイルの圧縮
- テスト確認用サーバーのご用意
- アフターフォロー (納品後 稼働 5日以内)
◾️追加オプション
・スマホ用デザインがない場合のレスポンシブ対応:合計金額の30%を加算
・ドロワーメニュー:10,000円
・スライダー:15,000円
・アニメーション (一部無料):5,000円〜
・お問い合わせフォーム:17,000円
静的の場合は「PHP工房」のメールフォーム使用を想定しております。
◾️納期
5〜14日。
※稼働状況や実装内容により若干変動いたします。
◾️流れ
- お打ち合わせ
- デザインデータお預かり
- コーディング
- テストアップ(ご確認)
- 修正
- テストアップ(修正箇所のご確認)
- 納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
HTML、wordなどのコーディング作業引き受けさせていただきます
業務内容
コーディング作業でプログラムを書くことで、顧客のニーズに合ったソフトウェアやウェブアプリを実現します。
•こんな方にオススメ
個人で活動していて
コーディングなどのめんどくさい作業を
任せて別事業に集中をしたい方
企業様で
コーディング要員が足りてない方など
複雑な業務の場合はあらかじめ説明していただければ、指示通りに仕上げますのでよろしくお願いいたします。
ECサイト(shopifyなど)のコーディング承ります
業務内容
出品開始したばかりのサービスなので、最初のご依頼に限り
5ページまで ¥30,000 - でご提供させて頂きます。
現在はベーシックプランしか受け付けておりません。
主に制作会社様向けのご提案となっております。
■■こんな悩みを解決します■■
「ECサイトの制作が依頼が来たものの、慣れているコーダーがいない」
「社内リソースが足りないので、外注したい」
そんなお悩みを解決いたします。
原則、デザインデータのご用意をマストとさせて頂きます。
データの種類はXD・figmaを基本とし、「イラレ、フォトショ」は別途有料オプションにての対応となります。
■■料金目安■■
□トップページ / ¥30,000〜
□ヘッダー・フッター・スマホメニュー / ¥30,000 〜
(原則、元テーマに準じたカスタムとなります。)
□下層ページ(1ページあたり) / ¥15,000 〜
デザインボリュームによって、お見積もりは前後いたします。
■■対応プラットフォーム■■
□shopify(dawn)
不明点はご相談に乗りますので、遠慮なくご連絡ください。
WodPress構築の際、ブロックエディタやelementorでの制作はできかねます。
*その他プラットフォームにつきましては、対応経験が乏しいため要相談とさせて頂きます。
■■対応可能範囲■■
コーディングのみ対応となります。
「商品登録」「発送設定」等、管理業務につきましては対応外とさせて頂きます。
プラグインの導入は埋め込みのみ(簡素なCSS程度ならOK)とします。
■■サービスの流れ■■
□ お見積もり・DM」よりご連絡
↓
□ 現状のヒアリング
↓
□ お見積もり
↓
□ 制作
↓
□ テストサーバーにて確認
↓
□ ご納品
■■お願い■■
□制作スピードと品質を重視しております。レスポンスの芳しくない方はご遠慮願います。
□「アイコン設定のないアカウント」「意味不明なユーザーネーム」「孫請けもしくはそれ以下と見受けられる御依頼」につきましては、お断りすることがございます。
□ピクセルパーフェクトはご対応しかねる場合がございます。
□数時間以内にご返信できるよう努めます。
□制作実績をポートフォリオサイトやプロフィールに掲載させて頂く場合がございます。
□まずはダイレクトメッセージでお気軽にご相談下さい。
購入にあたってのお願い
□デザインデータをご用意ください(psd, AI, XD)
□こちらで原稿の用意、作成はできかねます。
□即日のご対応が難しい場合もございます。
□相場を逸脱した低価格の御相談には、返信できない可能性がございます。
□個々のSEO・広告対策については対応しておりません。
□売上・アクセスUP等のご相談はお受けしておりません。
□サーバー・ドメインの取得代行は行っておりません。
□Webサイトを一から立ち上げるサービスではございません。
□下記、内容を含むご相談に関しましてはお受けしておりません。
・公序良俗に反するコンテンツを含むサイト
・アダルト系
・投資を募るもの(セミナー・株・FXなど含む)
・根拠のない理由を元に、報酬を受けられるとうたうビジネスモデル
・宗教等の勧誘
・情報商材系
・制作物の商用的二次利用
・既存サイトのコピー、もしくは近しい要望
*ご依頼後5日以上ご返信を頂けない場合は、ご確認の上その時点でのデータのご納品となります。またキャンセル・ご返金はできかねます。
【コーディング】1ページなら最短4営業日で品質を担保したコーディング受付してます
業務内容
【ランサーズ活動開始記念 - 初回10%OFF!! - 】
▼こんな方、ぜひご相談ください!
・コーダー不足で外注先を探している方
・コーディングが苦手、対応できないWebデザイナー様
・他の業務に集中したい方
など
----------受注後の流れ----------------------------------------
➀お打ち合わせ・ヒアリング
②ご契約(仮払い)
③デザイン(ワイヤーフレーム~デザインカンプ)
④コーディング
⑤テストアップ
⑥公開
---------------------------------------------------------------------
▼主な対応可能業務
●スマホタブレット表示対応
●保守性の高いCSS設計
●内部SEOを意識した構造化マークアップ
●Wordpress
∟お問い合わせフォーム(contact form 7)
∟ブログ通常投稿(archive,date,category,single,sidebar)
∟カスタム投稿
∟カスタムフィールド
∟カスタムタクソノミー
●metaタグの設定
∟タイトル、ディスクリプション(サイトの説明書き)の作成
●読み込みスピード高速化
∟画像webp化・圧縮
∟CSS・Javascriptの圧縮
--------下記要望があれば対応可能--------------------------*
●OGP画像作成
∟リンク添付時に表示される画像
●ファビコン作成
∟ホームページのタブの小さいアイコン
▼追加料金なしのアニメーション
●スライダーまたはカルーセル(1つまで)
●アコーディオン
●トップへ戻るボタン
●ハンバーガーメニュー
▼デザインデータについて
Figma、XD、AI、PSD、エクセルでも対応可能です。
※理想はFigma、XDですと大変助かります。
▼納品方法
お客様の要望に合わせさせていただきます。
・Wordpressプラグイン All-in-one WP Migration
・ファイル(ギガファイル便)
・FTPツール
・その他
▼動作確認
・Chrome、Edge、Firefox、Safari
・Windows10以降、iOS、Android
※すべて最新版に限ります。
※IE11は対応不可です。
⦅WP・レスポンシブ対応⦆ コーディング代行いたします
業務内容
数あるページの中からこちらのページをご覧いただきありがとうございます!
Webコーダーをしている「みっぴ」です。
・コーディング・WordPress構築を外注できる人を探してる方
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様
などそんな方々のお役に立てたらと思います!
▼作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・wordpressオリジナルテンプレート制作
・サーバーへのアップロード
▼制作の流れ
①ヒアリング
↓
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品
最後までご覧いただきありがとうございます。
Webサイト制作のお仕事でしたら基本的になんでもお受け可能ですのでお気軽にお声がけください。
よろしくお願いいたします。
LPサイトなど一枚ページのおしゃれなサイトを制作します
業務内容
事業を新しく始められる方、新しいブランドや商品を宣伝される方に向けたLPページ(一枚ページ)のウェブサイトを制作いたします。
オプションや変更希望ございましたらご相談ください。
なるべくご要望にお応えできるようプラン内容の変更も行います。
例えば、金額を抑えたい方には金額に寄り添った内容で対応させていただきます。
私自身走り出しの為、配慮に欠ける所があるかと思いますが何卒よろしくお願いいたします。
ぜひ、事業を一緒に盛り上げましょう!
デザインからそのままHTML,CSS,JSを使ったWebサイトを制作します
業務内容
デザインは出来るけどコーディングが分からない。デザイナーはいるけど、コーダーがいない。このような方にお勧めです!デザイン通りにコーディングさせていただきます!
Frontend Mentorというサイトでデザイン忠実のコーディングについて日々練習しています。適宜経過を報告させていただくので修正もほぼ無いようにいたします。
ご希望の金額やデザインを伺い、十分なお話を進めてから契約に至らせていただきたいと思っております。どんなことでもご気軽にご相談ください。
どうぞよろしくお願いいたします。
HTMLやCSSを使ってWebサイトのコーディングコーディングをします
業務内容
▪️お勧めな方
・コストを抑えたい方
・手軽にコーディングをして欲しい方
・デザインは自分でするけどコーディングは安く手軽に誰かにやって欲しいとゆう方にお勧めです。
なるべく依頼主のご意向に添いたいので修正の回数は設定していません。
気になるところがあれば、 どんどん修正依頼して下さい!
▪️サービス内容
・トップページ
・コンテンツページ
・ハンバーガーメニューの実装
・グーグルマップの埋め込み
・SNS埋め込みや連携
・お問い合わせページ
・スマホ対応
perfect pixelを用いてpx単位でデザインを再現いたします
業務内容
◎パートナーを探している制作会社様
◎コーディングをしてほしいデザイナー様
◎受注案件が回らないフリーのコーダー様
制作会社現役勤務だから安心のクオリティ。
コミュニケーションを大切にしております。
曖昧なことはそのままにせず、明確にしつつお仕事を進めさせていただきます。
デザインデータからWebサイトやLPのコーディングを代行いたします
業務内容
ご覧いただきありがとうございます!
Photoshop、illustrator、Figmaのいずれかでデザインを頂ければ、
コーディングしたサイトデータを納品いたします。
Web制作でお困りのことがございましたら、是非お手伝いさせてください!
◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
※jsを使った動きや、フォームの作成は別途見積もり対応です
(ハンバーガーメニュ、スライダー、お問い合わせフォームなど)
※Wordpressを使った納品は、別途見積もり対応です
・レスポンシブ対応(スマホ・タブレットに対応)
◆料金
10,000円~/1ページでお受けいたします。
※あまりに長さのあるLPの様なモノや、複数ページのものは別途見積もり対応です
■注意事項として
※レンタルサーバーの用意とドメイン取得はお客様自身でお願いします。
ご希望であれば、別途見積もり対応にてサポートはしますが、
各種お支払いや管理をしていくにあたって、結局お客様の操作が絶対に必要にはなりま す。
※画像に関して、フリー素材でよければこちらでご用意することも可能ですが、
基本的には お客様でご用意をお願いいたします。
格安でデザインに忠実なHTML/CSSコーディングを代行します
業務内容
出品ページをご覧いただきありがとうございます!
ご提供頂いたホームページまたはLPのデザインカンプを元に、
格安価格の1ページあたり10,000円~から、HPやLPのコーディングを代行します。
ココナラで活動始めて間もなく、実績を積みたいため、
格安でコーディングを代行させて頂きます。
HTML/CSS/Javascript(jQuery)の基礎をしっかりと学んでおりますので、
ご提供頂いたデザインを忠実に再現します。
■提供サービス
・HTML/CSSを用いた静的コーディング
・スマホ・タブレットにも対応したレスポンシブデザイン
・JavaScript(jQuery)を駆使したダイナミックな機能実装
例)スライダー、アコーディオン、ハンバーガーメニュー、スクロールアニメーションなど
・既存サイトの一部修正
※対応できないこと
・イラストや画像等サイト内で使用する素材の作成
■サービスの魅力
・格安価格で、あなたのWeb制作を飛躍させます
・追加料金不要の無料オプションもご利用いただけます
・緊急案件にも迅速に対応します
■料金プラン
1ページあたり、10,000円からご提供いたします。
※無料でお届けする特典
・レスポンシブ対応
・修正対応3回まで
■制作のステップ
ヒアリング・見積もり
コーディング内容や実装機能を詳しくヒアリングし、お見積もりを提供いたします。
↓
ご購入
↓
デザインデータ確認
Photoshop、Illustrator、XDのデータに対応しています。デザインデータをご確認ください。
↓
コーディング作業開始
↓
ご確認・修正
最大3回まで修正対応いたします。ご確認いただき、ご要望をお知らせください。
↓
ご確認完了後、納品
ご確認いただいた後、完成したコーディングデータをzipファイルで納品いたします。
■納期
コーディング内容や実装機能をヒアリングしたうえ、目安をお伝えいたします。
■その他
コーディングの成果物は、制作実績として自身のポートフォリオに掲載することがあります。
もし掲載を希望されない場合は、事前にお知らせください。
ホームページ、LP等のHTML/CSS/JSコーディングをいたします
業務内容
ご覧いただきまして、ありがとうございます。
当サービスはデザインデータからWebサイトのコーディングを承っております。
LPや小規模サイト、20ページ~の中規模サイトまで対応します。
【サービス内容】
┈HTML・CSSの静的コーディング
┈JavaScriptを使用した動きの表現(スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど)
┈CSSアニメーション
┈WordPressの実装(オリジナルテーマ制作 / カスタム投稿設定などカスタマイズ)
【基本料金】
┈TOPページ:15,000円〜 / 1ページ
┈下層ページ:10,000円〜/ 1ページ
┈JavaScriptの実装 → 内容に応じて別途お見積もり
┈お問い合わせフォームの設置 → 内容に応じて別途お見積もり
┈WordPress-TOPページ:20,000円〜 / 1ページ
┈WordPress-下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。
※デザインによって金額は変動いたします。
【無料対応範囲】
┈jQuery/JavaScriptの実装(無料JavaScript一覧内のもの)
┈レスポンシブ対応
┈画像圧縮による表示速度最適化(Webp対応あり)
┈SEO対策のmetaタグ設置(内容はご提供お願いします。)
┈テスト環境のご用意
┈修正無料
◆無料JavaScript一覧
┈簡単なスクロールアニメーション
┈ハンバーガーメニュー
┈アコーディオンメニュー
┈カルーセル/スライダー
┈モーダルウィンドウ
┈スムーススクロール
┈タブ切り替えなど、サイトによく実装されている動き。
【納期】デザイン、ボリュームにより変動いたします。
┈トップページ:2~3日
┈下層ページ:1日~
※デザインデータ受け取り翌日からの日数です。
【対応ブラウザ】
Chrome・Edge・Firefox
【ご依頼~納品までの流れ】
1.コーディング内容の詳細をお聞かせください。納品日と金額をお伝えいたします。
2.問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
3.コーディング開始
4.ご確認
※修正は基本無料で対応いたしますが、作業開始後の大幅なデザイン修正や仕様変更等は別途費用となります。
5.納品(サーバーへのアップ・もしくはファイルの送付)
このようなお悩みの方におすすめ
┈コーダー不足でお悩みの制作会社様
┈コーディングだけ外注したいデザイナーの方
┈社内でコーディングできる人がいない
ご満足いただけるよう、責任をもって対応させていただきます。
またお急ぎの場合は土日祝日も可能な限り対応いたしますのでご相談ください。
その他、ご不明な点は、お気軽にお問い合わせくださいませ。
HTML/CSSの制作を請け負います。 簡単なものであれば即日対応します
業務内容
▼こんな方におすすめ
起業されたばかりの方、時間がない方等におすすめです。
簡単なものであれば即日対応いたします。
▼ご提供内容
HTML/CSSの制作を行います。
資料作成なども合わせで行なえます。
▼ご購入後の流れ
いつまでにほしい、納品の仕方等ご指定いただければご対応いたします。
▼製作可能なジャンル
ウェブ制作であれば、ご対応できます。
▼納期
ご指定いただければ、遵守いたします。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。