人気ランキング 期間:5月4日 〜 5月11日
デザインデータからWebサイトやLPのコーディングを代行いたします
業務内容
ご覧いただきありがとうございます!
Photoshop、illustrator、Figmaのいずれかでデザインを頂ければ、
コーディングしたサイトデータを納品いたします。
Web制作でお困りのことがございましたら、是非お手伝いさせてください!
◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
※jsを使った動きや、フォームの作成は別途見積もり対応です
(ハンバーガーメニュ、スライダー、お問い合わせフォームなど)
※Wordpressを使った納品は、別途見積もり対応です
・レスポンシブ対応(スマホ・タブレットに対応)
◆料金
10,000円~/1ページでお受けいたします。
※あまりに長さのあるLPの様なモノや、複数ページのものは別途見積もり対応です
■注意事項として
※レンタルサーバーの用意とドメイン取得はお客様自身でお願いします。
ご希望であれば、別途見積もり対応にてサポートはしますが、
各種お支払いや管理をしていくにあたって、結局お客様の操作が絶対に必要にはなりま す。
※画像に関して、フリー素材でよければこちらでご用意することも可能ですが、
基本的には お客様でご用意をお願いいたします。
<WEB制作会社・デザイン会社向け>WEBサイト・LPのコーディング作業代行します
業務内容
現役WEBデザイナー(実務経験6年以上)がHTML・CSSコーディング作業を代行いたします。
・WEBデザインまではできるがコーディングは外注したい
・すぐに動けるコーダーを探している
・経験のあるコーダーに仕事を依頼したい
といったWEB制作会社・デザイン会社さんにおすすめです。
いただいたデザインデータを基にコーディングを行い、忠実にデザインを再現したサイトデータを納品させていただきます。
基本サービスでは静的サイトのコーディングまでを行います。
ご相談いただければ、オプションでレスポンシブ対応、JQuery(Javascript)での機能実装や、静的サイトのWordPress化(テーマ作成)までご対応可能です。
<基本サービス>※1ページ
・HTML・CSSコーディング
・デザインデータからの画像書き出し
・お客様サーバー環境にアップロード(ZIPファイル納品も可)
<オプションで対応可能>
・1ページ追加:¥5,000
・レスポンシブ対応:¥5,000〜
・トグル(開閉)ボタン、ドロワーメニュー、スクロールアニメーションなどjQuery(JavaScript)での機能実装:¥5,000〜 ※1機能、要ご相談
・WordPress化:¥10,000〜
(カスタム投稿やカスタムフィールド、プラグインの設定等が必要な場合は別途お見積)
・お問い合わせフォーム実装:¥15,000 ※WordPressサイトの場合のみ(プラグインにて実装)
・お急ぎ納品:¥10,000
・実績掲載不可:¥5,000
<ご用意いただくもの>
・デザインデータ(Illustrator、Photoshop、XD)
・サイトに使用する画像やテキストデータ
・ご契約サーバのFTP情報 ※サーバへのアップロードご希望の場合
<納品方法>
お客様のサーバーへアップロード or ZIPファイルで納品
<納品までの流れ>
①お見積のご相談
②正式なお見積のご提案
③ご購入(取引開始)
④デザインデータ等の受領
⑤コーディング作業開始
⑥ご確認(弊社テスト環境上にアップロード)
⑦修正作業
⑧納品(お客様のサーバーへアップロード or ZIPファイルで納品)
元Web制作会社専属コーダーがWebサイトのコーディング代行します
業務内容
当パッケージをご覧いただきありがとうございます。
ランサーズ認定ランサーの縞野拓也と申します。
HP制作やLP制作を中心に、売上アップ・イメージアップ・ブランディング強化のサポートを行っております。
★ 2022 ランサーランキング パッケージ売上部門 TOP 100
★ 2022 ランサーランキング クライアント訪問数部門 TOP 100
★ Web制作件数200件以上突破
こんなお悩みはありませんか?
・デザインはあるから、コーディングを依頼したい
・安いのは嬉しいけど、デザインが再現できなそうで不安
・安心して任せられるコーダーに依頼したい
・納期を守りやりとりも円滑なコーダーでないと不安
上記のような悩みが1つでもある方は、ぜひご相談ください。
コーディングのみに限らず、普段からサイト設計やデザインも行なっているWeb制作者が綺麗なコードでデザインを忠実に再現します。
Web制作会社の継続的な下請けコーディング業務や自社コーダーのいないデザイン特化のWeb制作会社の専属コーダーなども経験しております。
当パッケージをご利用するメリット
・Web制作件数200件以上のプロがコーディング
・元Web制作会社専属コーダーがコーディング
・Figma / XD / Photoshop / Illustratorなど幅広いデザインツールに対応
・更新機能やその他必要な機能もカスタマイズ可能
・納品後もご希望に応じてサポート対応可能
・継続的にご依頼いただくデザイナー様やディレクター様など応相談可能
ご依頼・制作の流れ
①「まずは相談する(無料)」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正:コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品:データでの納品・サーバーへのアップなど対応させていただきます。
※デザインの内容や量によって費用の追加をお願いする可能性がございます。
ホームページ、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.納品(サーバーへのアップ・もしくはファイルの送付)
このようなお悩みの方におすすめ
┈コーダー不足でお悩みの制作会社様
┈コーディングだけ外注したいデザイナーの方
┈社内でコーディングできる人がいない
ご満足いただけるよう、責任をもって対応させていただきます。
またお急ぎの場合は土日祝日も可能な限り対応いたしますのでご相談ください。
その他、ご不明な点は、お気軽にお問い合わせくださいませ。
【爆速、安価、高品質】WebサイトやLPを爆速でコーディングします
業務内容
制作済みのデザインを爆速(とても速く)でコーディングします。
パッケージプランに当てはまらない場合も、まずはお気軽にご連絡ください!
パッケージプランを踏襲する形でお見積もりさせていただきます。
■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・おまかせスマホ対応
※スマホ版デザインが無くてもPC版のデザインを踏襲してコーディングいたします
・Javascriptを使用したアニメーション
・テスト環境用意
・指定のサーバーへのアップロード
・納品後1週間の修正対応
■オプションサービス
・WordPress対応:30,000円
【デザイナー様向け】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などに対応しております。
上記以外の形式をご希望の場合は一度ご相談くださいませ。
【HTML/CSS/WordPress】1ページからデザイン通りにコーディングします
業務内容
ご覧いただきありがとうございます。
本サービスは、デザインデータを基にコーディングを行いますので、以下のような方におすすめします。
・デザイナー様
・リソースが不足している制作会社様
・デザインはあるけどコードはわからない方
・コーディングの外注先をお探しの方
【サービス内容】
・HTML/CSSコーディング
ベーシックとスタンダードプランは1ページの料金になります。複数ページも対応可能です。
・WordPressサイト構築
オリジナルテーマで構築します。(プレミアムプラン)
追加ページや追加機能についてもお見積りいたします。
・レスポンシブ対応
どの画面サイズでも崩れず横スクロールも発生させません。
(ドロワーメニューは内容により追加料金をいただきます)
・簡単なアニメーションの導入
スクロールに合わせて表示させたり、マウスオーバーで色変更等。
・基本的な内部SEO対応
・納品後の修正対応
納品後、2週間以内であれば軽微なものは無償で対応いたします。
誤字/脱字など、当方の落ち度によるものは2週間経過後でも対応いたします。
【対応可能ツール】
・Adobe XD
・Adobe Photoshop
・Adobe Illustrator
・Figma
(JPG・PNGデータでもコーディング可能ですが別途お見積りとなります)
【納期について】
稼働状況やページ数によって変わりますので、お見積もり時に提示させていただきます。
返信待ちにより納期が延びないようご協力をお願いいたします。
【納品方法】
zipファイル、All-in-One WP Migrationデータ、又は指定のサーバーにアップロードして納品いたします。
(サーバー納品の場合は一般的なレンタルサーバーのみ対応)
【制作の流れ】
1.ご相談&お見積り
2.デザインカンプや素材等のご提供
3.制作開始
4.制作物の確認・修正(テスト環境用意いたします)
5.最終確認後に納品
制作物はコーディングの実績として掲載させていただく場合がございますので、掲載不可の場合はお知らせください。
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
「見積り相談・カスタマイズの相談に進む」かプロフィールからお問い合わせください。
デザインデータを確認して見積もりを提示させていただきます。
相談時のデザインデータは原本でなくてもかまいません(画像データ等)
(見積/相談は無料です)
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
【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(土日祝を除く)
【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。
1P ¥10,000〜! HTML / CSS コーディング代行ます
業務内容
はじめまして。
ご覧いただきありがとうございます。
WEB制作会社での実務経験後、
2022年よりフリーランスに転身。
◆料金に含まれるもの
・HTML / CSS コーディング
・レスポンシブ対応(PC, スマホ)
タブレットはオプションで対応可能
・ハンバーガーメニュー
・googleフォームの実装
◆納期について
デザインデータ受領翌日からの日数(土日祝は除く)となります。
ご希望納期がある場合はご相談ください。
◆対応データ
・PSD、AI、XD形式
◆動作確認
・Chrome, Firefox, Safari
◆納品形式
・ファイル送付、サーバーにアップロード
指定がなければファイル送付で納品となります。
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%までお値引きさせていただきます。
▼納期
納期後に当方の都合で微調整などさせていただくこともあります。それは無料です。
どうぞよろしくお願いいたします。
ホームページ作成いたします
業務内容
ホームページ1画面を約1日で作成いたします。
挿入する写真や文章等をお客さまで用意していただけると、時間の短縮が可能です。
VBAマクロの作成も実施しております。
お気軽に申し込みください。
業務内容
ホームページからお好みのfacebook(約10点程度に厳選)が眺められるサイトの登場です。
次のダクをhtmlに貼り付けることで、ホームページ画面でフェースブックを覗くことができます。このサイトには2015.12現在10点程度のfacebookを搭載されています。ご自分のパソコンに登録しておけば、いつもラクラク、スピーディにfacebookを見ることができます。工夫により、次々にウエブデザインを展開することも可能です。
以下は、民田工房Facebook例です。
表現タイプは①~⑤お好みのタイプをゲットすることが可能です。
パララックス機能を最短即日で納品 JS、css調整のみ対応
業務内容
パララックスはオリジナルでライブラリ制作できる程度の知識があります。
パスに沿って動かす等ニッチな表現も可能ですのでデザインの幅を広げることができます。JSの処理に強いのでこんなことできる?といったこともお気軽にお問い合わせください。
HTMLコーディング 1ページ(レスポンシブ可) を行います
業務内容
ご用意いただいたデザインデータ(psd、ai、xdなど)を元に、
HTML・CSSでコーディングを行います。
制作会社でWebデザインを行なっていた経験があり、
デザインを丁寧に再現することが得意です。
WEBテンプレート作成
業務内容
HTML/CSSテンプレート作成します。
1ページ4000円~承ります。
コーディングのみのご依頼も可能です。
作成物は、画像や見出し、テキストを入れるスペースなどを配置したテンプレートとしてご利用いただける状態です。
テンプレートではなく、実際のテキスト等のコンテンツまですべて入ったウェブページの作成は作業時間の関係でお受けできません。
SEOを意識したHTML・CSSコーディング(レスポンシブ対応)を代行します
業務内容
SEO会社様と10年以上お付き合いさせて頂いている、フリーエンジニアです。
SEOを意識したコーディング、スピーディな納品を強みとしています。
Photoshop、illustorator、Fireworks、XD、figma等のデータを頂ければ、コーディングデータ一式を納品します。
【概要】
■静的コーディングのみ(HTML、CSS)
※jsやphpを使用する場合、別途見積り対応です。
ハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で作業させて頂きます。
【以下のような場合も別途対応可能です】
■PC又はスマホ単独ページの場合
レスポンシブ対応が必要ない場合は金額を下げさせて頂きますので別途ご相談ください。
■複数ページの場合
1ページコーディングの金額です。
複数ページの場合も対応可能ですので別途ご相談ください。
■WordPress等のCMSの組み込み納品やカスタマイズ修正について
CMSの組み込みやカスタマイズ修正に関しては別途ご相談ください。
HTMLのコーディング作業を代行いたします
業務内容
手書きや、自分の中でのイメージとしてはホームページのデザインは出来ているが、実際にホームページを作る事は知識がないので出来ないし、業者に任せれば高いし。。
そんな人へピッタリのサービスです。
PhotoshopやIllustratorの画像データ、参考になるサイトのURL、手書きの写真でもかまいません。
データをお渡しいただけましたらその通りにHTMLでコーディング作業をいたします。
料金は、1ページ分の料金です。(PC、スマホ両方制作する場合は2ページとなります)
縦の長さが5,000ピクセル以上になる場合は追加料金をいただきますが、多少は融通をきかせますのでご相談ください。
複数ページで、似たようなレイアウトの場合は料金割引で追加制作させていただきます。
レスポンシブなしの1ページでしあれば1~3営業日程度で納品させていただきます。
※決まった納期などがある場合は必ず事前にお問い合わせくださいませ。
ホームページ、LPのコーディングいたします。
業務内容
イラストレーター or フォトショップなどのデザインを頂ければ、
コーディングしたサイトデータを納品します。
‼︎今だけ、レスポンシブ対応全て無料で行います‼︎
■以下、作業要件になります
---
・静的コーディングのみ
(jsを使った動きや、フォームの作成は別途見積もり対応です)
(よくある例として、ハンバーガーメニュ、スライダー、お問い合わせフォームです。)
---
・html/css納品
・1ページ
(あまりに長さのあるLPの様なモノや、複数ページのものは別途見積もり対応です)
---
イメージとしては、簡単なHPか、部分的なコーディングの依頼で利用されることが多いです。
また、例えばヘッダーのみの依頼であれば、長さが短くなる分、最初からハンバーガーメニューやスマホ対応も込で作成可能です。
まずは、ご相談ください。
■注意事項として
レンタルサーバーの用意とドメイン取得はお客様自身でお願いします。
ご希望であれば、別途見積もり対応にてサポートはしますが、
各種お支払いや管理をしていくにあたって、結局お客様の操作が絶対に必要にはなります。
■その他
※ワードやエクセルからの作成も可能です。(要見積もり・おひねり対応)
※手書きのラフスケッチからの作成も可能です。(要見積もり・おひねり対応)
デザインは出来るけど、コーディングが出来ない。
HPが作りたいけど、作り方が分からない。
そんな方の為のサービスになります!
デザインさえあげて貰えれば、こちらで全て対応します!
手描きのスケッチからでも作成可能です!
これ以上に安くて質の保証されたHP作成は絶対にないです!
和英両表示Webデザイナー(HTML,CSSコーディング)
業務内容
ホームページの新規作成、リフォーミングができます。フォロントエンドエンジニアです。HTML・CSSコーディングを主な対応内容になります。
外国人向けに英語表記のホームページを作りたい場合も、ご対応することができます。
デザインデータを元にLPをコーディングいたします!
業務内容
2021年8月2日更新!
只今ランサーズ外でのご依頼が多く、新規受付を休止しております。
納期に余裕がある場合は時期によってご相談可能ですので、
希望される方はメッセージの方でお問い合わせいただけますと幸いです。
ご覧頂きありがとうございます。
HTML&CSSを使用してLP(ランディングページ)をコーディングいたします。
コーディングのみ依頼したい、もしくは当方で制作したデザインデータを元にHTML&CSSコーディングをされる方向けのサービスになります。
▼出品料金での対応内容
・LP1ページ分の画像コーディング(PC・スマホでレスポンシブ対応可)
・コーディングデータの納品・サーバーアップロード対応
※こちらのサービスにはデザイン制作は含まれておりません。詳細はこちらの出品ページを御覧ください。
https://www.lancers.jp/menu/detail/99925
▼事前のお見積りまでにご準備いただくもの
・コーディングのみ依頼を検討されている方
LPの長さと、ページリンク等仕様がわかる資料(箇条書き等で構いません)をご用意お願いします。
お問い合わせフォームや機能に関するコーディングが必要な方はご要望をできるだけ具体的にお知らせください。
・当方でデザイン制作の依頼をされた方
コーディング方法や希望、その他仕様についてご要望があればまとめてご共有下さい。
▼納品形式
・HTML、CSS、画像、その他データファイルをまとめてお送りします。
・サーバーアップロード対応(任意)
▼納期について
サービスのご購入から約3~4営業日でコーディングしたLPを共有いたします。
※サイトのボリューム、受注時期によっては上記日程でご案内できない可能性がありますので、希望納期のある方はメッセージにてご相談ください。
▼対応環境
・HTML&CSS
・Wordpress
・カラーミーショップ(※フリーページのみ)
・JIMDO(※JIMDO AIは除く)
・Wix(※テキストコーディングは一部制限あり)
・ペライチ(※画像コーディングのみ)
※上記以外の対応環境についてはお問い合わせいただいた際に仕様確認を行い、当方で問題なく対応できる場合のみご依頼を承ります。
▼オプション料金一覧
・Wixコーディング(テキストコーディング):+30,000円~70,000円
・Wordpressコーディング(テキストコーディング):+30,000円~100,000円(※制限あり)
・Wordpressコーディング(テーマ設定&テキストコーディング):+40,000~120,000円
・JIMDOコーディング(自作テンプレート・テキストコーディング):+30,000円~70,000円
・1ページ追加:+20,000~50,000円(※内容次第)
・お問い合わせフォームの設置(Wix・JIMDO):+5,000~10,000円
・お問い合わせフォームの設置(Wordpress):+5,000~30,000円(※プラグイン次第)
・対応環境以外でのコーディング:+0,000~30,000円
・デザイン変更によるコーディング追加対応(1コンテンツあたり):+1,000~10,000円
※テキストコーディングはページの長さやボリュームによって異なります。(詳細費用はデザインや長さに合わせてお見積りいたします。)
▼お問い合わせフォーム設置の対応環境
Wix
Wordpress
JIMDO
※JIMDO及びWixのお問い合わせフォームはデフォルトのデザインでのご提供のみとなります。
※Wordpressのお問い合わせフォームはプラグイン機能による導入及びCSSの編集までとなります。
※HTML&CSSデータによるコーディングの場合、お問い合わせ内容の管理画面、自作フォームの作成などは承っておりません。(商用フリーで配布されているテンプレートフォーム等であれば一部組み込み可能です。)
▼その他機能関連の導入について
ショップ機能、シミュレーション機能、といったプログラミング要素のあるものについては基本的にご依頼をお受けしておりません。(内容次第では対応できるものもありますが、希望のある場合のみご相談ください。)
デザインはあるけど、コーダーがいない・・・
デザインだけでなくコーディングも依頼したい・・・
そんなご要望がありましたら
お気軽にお問い合せ下さい。
デザインカンプから丁寧にHTML/CSSコーディングします
業務内容
デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ(FTP)
・scss、gulpfile(ご希望あれば)
別の納品方法のご指定がある場合にはご相談ください。
既存サイトの修正作業いたします
業務内容
こちらご覧いただきありがとうございます。
今回、既存のWebサイトの修正・追加作業を承ります!!
『ここの文字色を変えたい。』
『画像を入れ替えたい。』
『スマホでも、きれいに表示できるようにしたい。』
『サイトに動きをつけたい。』
などなどと現在お考えの皆様、ぜひ一度ご相談いただけませんでしょうか。
★☆★【内容】★☆★
・コーディングによる既存サイトの修正作業(HTML/CSS)
・レスポンシブ表示の修正
・簡単な動的要素の追加(javascript,jQuery)(ハンバーガーメニュー、スライドショーなど)
★☆★【納品】★☆★
・基本は ZIP ファイルでの納品となります。
・ご利用中のサーバーにアップロードさせていただく事も可能ですので、まずはご相談ください。
ここまでご覧いただきありがとうございます!
それでは、ご検討のほどよろしくお願いします。
コーディング作業代行します ITエンジニアの経験を活かし、正確かつ忠実に対応致します
業務内容
初めまして。森光太郎と申します。
数多くの出品サービスの中からご覧いただきありがとうございます。
当サービスでは、ITエンジニアでのコーディング経験を活かしご提供いただいたデザインデータを忠実にHTML/CSS、Javascript/jQueryを使用してコーディング作業の代行をします。
■当サービスに含まれる内容
・HTML/CSSを使った静的コーディング
・Javascript/jQueryを使った動的コーディング
・レスポンシブ対応(デザイン指定が無くても対応可能)
・サイト表示高速化のための画像圧縮
■当サービスの流れ
1.ヒアリング
コーディング・実装内容など詳しく把握させていただくため、まず初めにヒアリングをさせていただきます。
制作内容を把握しましたら、対応の可否を判断させていただきます。
2.お見積もり案内/契約
作業の流れ・お見積もり・納品の予定日をご説明しますので、ご納得いただければご購入をお願いいたします。
3.作業開始
デザインデータをご提供いただき作業を開始します。
4.制作内容のご確認
作成したページの内容をお客様にご確認いただきます。
ご満足いただけるよう最大5回まで修正を承っておりますので、お気軽にお申し付けください。
5.納品
お客様の確認ができましたら納品のステップに入ります。
納品方法にご希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
■納期
コーディングの作業量によって納期が変動する場合がございます。
ご希望の納期がある場合はお気軽にご相談ください。
品質重視!!Web制作者がLPコーディングを代行します
業務内容
ご覧いただきありがとうございます!
3S code 代表 庄司 雅幸です。
当事業所はコーディング業務を主に請け負っており、
現在はWeb制作会社様と提携し業務をしております。
■基本料金に含まれるもの
HTML / CSSを使用した静的コーディング
レスポンシブ対応(スマホ)
テスト確認用サーバーの設置
お問い合わせフォーム(見た目のみ)
ハンバーガーメニュー
タブメニュー
スライダー
■基本料金に含まれないもの
スマホ用デザインがない場合のレスポンシブ対応
■動作確認
Chrome, Firefox, Safari
■納期
7〜14日程度で納品が可能です。
※稼働状況やページ内容により変動します。
※品質重視のため長めに納期を頂いております。
■納品までの流れ
①ヒアリング
②デザインデータお預かり(XD、Figma、Photoshop)
③コーディング
④テストサーバーにアップ(ご確認・修正)
⑤納品(ZIPファイル送付、またはFTPでレンタルサーバーへのアップロード)
Webコーダーが低価格・高品質でコーディングを代行いたします
業務内容
サービスをご覧いただき、ありがとうございます。
フリーランスをしているSK-Designと申します。
ご提供頂いたデザインカンプ(XDまたはFigma)からコーディングを行い、ZIPファイル送付、もしくはレンタルサーバーへのアップロードにて納品するサービスとなっております。
●こんな方におすすめ
・デザインはできるけどコーディングが苦手
・社内のコーダー不足で外注先を探している
・ホームページを安く作りたい。
・初めてなのでサポートをして欲しい。
・イメージや希望はあるけど、はっきり決まっていないので相談して作りたい。
・TwitterやInstagramなどSNSともリンクさせて集客に繋げたい。
・商品の購入などへ繋げたい。
初めての方でも丁寧にサポートしますのでお任せください!
【コーディングについて】
HTML・CSSでのコーディング(レスポンシブ対応込み)
*基本は静的HP作成になります。動くページもオプションにて対応可
【納品形式】
html・cssで納品いたします。
●制作の流れ
-
見積もり相談
お気軽にDMにてお問い合わせください。
-
ご購入・ヒアリング
納期やご支給画像等の確認、素材提案、ご希望当ございましたらお気軽にご相談くだ
さい。対応可能であればご購入して頂きます。
-
ホームページ制作
ご希望の納期までに制作させて頂きます。 -
確認・修正 PC or スマホ 合わせて確認いただきます。
(修正あれば3回まで無料) -
データ納品
最終確認後、問題がございませんでしたら納品させて頂きます。
●納期
ボリュームや内容、いただいた情報量にもよりますが、最短で3日です。
お気軽にお問いあわせください。
●業種ジャンル
基本的にはどのようなジャンルでも対応可能です。
●ご用意いただきたいもの
〜文章〜
文章は大雑把なものでも大丈夫です。
ヒヤリング時にも伺わせていただいた後、
こちらで作成可能ですのでご安心ください。
〜画像〜
こちらでも無料画像をご用意できますが、
お客様にご用意していただけるとお客様のイメージにより近いデザインに仕上がります。
ホームページ初心者の方おすすめ!します
業務内容
ホームページのコーディング、ホームページ修正対応します。
こちらのサービスはTailwindCSSを使用したコーティングでございます。
TailwindCSSのメリット
1.
クラス名を考えなくて良い。CSS設計の規則が導入されているプロジェクトだと一つのク ラス名を考えるのに数分とられてしまうのも珍しいことではありません。TailwindCSSではその必要がないです。
2.
CSSのファイルがむやみに増えない。従来の方法だと新しい機能やコンポーネントを追加するたびにどんどんCSSファイルが増えていくことになります。TailwindCSSではCSSを新たに書く必要がないため、CSSファイルの数が膨大になり、管理が大変になるといったことが起きません。
3.
安全に変更が可能になる、HTMLファイルに変更が閉じられるので影響範囲が増えない 例えば「paddingがデザインと少しずれていたので直したら、別の場所のレイアウトが壊れた」なんていう経験は誰しも一度はあるのではないでしょうか? TailwindCSSであればHTMLに対して直接スタイリングの定義を行うため、上記のような問題は発生しません。
デザインは原則、Adobe illustrator、Photoshop、XDでの支給をお願いしておりますが、それ以外の場合はご相談下さい
ご提供いただいたデザインを元にコーディングいたします
業務内容
①静的サイト・LP(ランディングページ)の実装&カスタマイズ
ご提供いただいたデザインから、HTML+CSS(Sass)+JavaScript(jQuery)を使ってコーディングいたします。
②「WordPress」を使った動的サイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのWordPressテーマを作成いたします。
WordPress自体の構築や、プラグインなどの各種設定も対応可能です。
PHP+CSS(Sass)+JavaScript(jQuery)でコーディングいたします。
③「Shopify」を使ったショッピングサイトの実装&カスタマイズ
ご提供いただいたデザインから、オリジナルのShopifyテーマを作成いたします。
Shopify自体の構築や、アプリ、商品登録などの各種設定も対応可能です。
Liquid+CSS(Sass)+JavaScriptでコーディングいたします。
HTML/CSS/Javascript コーディング代行します
業務内容
コーディング作業代行いたします!
【こんな人におすすめ】
「リソース不足で案件が対応しきれない」
「コーディングを代行してほしい…」
「デザインはあるがコーディングだけお願いしたい」
「デザインを細部まで再現してほしい」
私はそんな方の味方です!コーディング作業を代行し、お悩み解決いたします.
【サービス内容】
ご覧いただき誠にありがとうございます!
「デザインデータがありコーディング作業は任せたい」
という方に代わってコーディングを行います。
パッケージ料金に含まれる対応
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでSP時の表示を調整致します。
・お問い合わせフォームの設置のみ
html・cssでのコーディングできます。レスポンシブもお任せください。ます
業務内容
html css でのコーディング
web作成
レスポンシブ対応
【デザイナー様・制作会社様向け】ホームページ・LPのコーディング代行します
業務内容
本サービスをご覧頂きありがとうございます。
こんな悩みを抱えていらっしゃるデザイナー様・制作会社様におすすめです。
・リソースを増やして、事業拡大を検討している
・簡単なコーディングを外注化して、自分にしかできないことに力を入れたい
・コーデイングも含めた案件を獲得したい
そんな方の頼りになるパートナーになります!!!
ー私の強みー
お客様との信頼関係を築く上で最も大事だと考えており、普段からレスポンスの速さには、
気をつけており、ありがたいことに今までのお仕事させていただいた方々からは、
「日々の進捗状況の報告や質問への解答などが円滑で、スムーズに作業の進行ができた」
「連絡できない時は、事前に連絡くれて、レスポンスがないことに不安にならなかった」などのお言葉をいただいており、今後も継続していきたいと思っております。
ーサービス内容ー
・HTML/CSS/Javascript(jQuery)を用いたコーデイング
・レスポンシブ対応(PC、タブレット、スマホ対応)
・WordPress構築
・お問い合わせフォーム
ー制作の流れー
1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
丁寧で迅速なコーディングを行います。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
コーディング・WordPress構築代行いたします
業務内容
- コーディング,WordPress構築を外注できるパートナーが欲しい
- Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
- どれくらいのスキルがあるのか分からなくて外注できない
などのお悩みを抱えているWeb制作会社様・個人事業主様はいらっしゃいませんか?
Kyoto Web Designでは長期での契約を優先させていただいています。
もちろん単発でのご契約も可能です!
デザインを別で用意していただくことも、デザイナーをこちらで探すことも可能です。
テンプレートを修正する形でデザインなしも可能です。
最短24時間以内に初稿出し!LPのコーディング承ります
業務内容
デザインをいただいてから、HTML、CSS、JavaScriptでコーディングいたします。
gitの運用も問題ございません。
HTML/CSSコーディングします
業務内容
ご覧頂きありがとうございます。
参入価格としまして、安価で対応いたします!
制作のご相談・お見積り気軽にご連絡ください。
<作業内容>
・HTML/CSSを用いたコーディング
(1ページ〜複数ページ対応可能です。)
・レスポンシブ対応
・JavaScriptによるアニメーション作成
(ハンバーガーメニュー、スライダー、モーダルウィンドウなど。)
<制作の流れ>
1.ヒアリング&ご相談
2.お客様よりデザイン等のご提供
3.コーディング・テスト
4.ご確認・修正
5.最終確認・納品
細部までこだわって作業いたします!
ご相談・お見積りのみでも構いませんので、気軽にご連絡ください。
【デザインを忠実再現】高品質なコーディング代行いたします
業務内容
【提供業務】
数ある中からご覧いただきありがとうございます!
===========
【再現性・丁寧な対応・高品質】 を重視したコーディングを行います。
■こんな方にオススメ!
・コーディング業務の依頼先をお探しの法人様、制作会社様
・コーディングを任せたいコーダーをお探しのデザイナー様
===========
■作業内容
・HTML / CSSによる静的コーディング
・JavaScript / jQueryを用いたアニメーション機能実装
・レスポンシブ対応
・お問い合わせフォーム設置
・品質チェックシートを活用した品質管理
・Wordpress化 *内容に応じて別途ご相談となります。
===========
■ご契約時の流れ
①まずはお気軽に「見積り・カスタマイズの相談に進む」よりお問い合わせください。
お問い合わせいただいた後に、ヒアリングをさせていただきお見積もりいたします。
②お見積もりのご提案
ヒアリング内容をもとにお見積もりの提案をさせていただき、ご納得いただけた場合に契約となります。
③制作開始
④初稿提出・修正(修正回数5回まで)
初稿提出までに不明点がある場合は、随時お打ち合わせなどを設定いたします。
⑤最終確認
⑥テスト環境にアップロード
⑥納品(ZIPファイル or サーバーへのアップロード)
*サーバー契約はお客様の方でご対応いただいております。
サーバー契約のご相談については承ります。
===========
ここまでご覧いただきありがとうございます。
ご不明点がありましたら、お気軽にご連絡くださいませ。
レスポンシブサイトのコーディング作業代行(1ページ)
業務内容
ホームページの構想やデザインはあるが、ホームページを作る知識がない…
そういう方にピッタリなサービスです。
PSD形式のデータ、参考にしたいサイトのURL、手書きメモの写真などをいただけましたら
できる範囲でHTMLコーディング作業をいたします
納品はHTML、CSSファイルです
【できること】
・HTML、CSS、Javascript
動的サイト、レスポンシブサイトの作成ができます。
・画像加工、ロゴデザイン、バナー作成
追加料金になりますが、訴求バナーなどの作成希望がありましたらご相談ください。
HTMLCSSのコーティングのお仕事ありますか?
業務内容
1時間辺り2000円ぐらいでコーティングのお仕事があればご応募します。また1週間辺りの業務時間はどれぐらいかかるのか?とかポートフォリオがあれば貼って頂けると幸いです
将来的にはLP製作とかWEB製作を考えていてコーティングよりも単価が上がる可能性があります
この辺は相談という事で考えていますので
機会がありましたら
よろしくお願いします
紙面データをWEB化(レスポンシブ)
業務内容
紙面データをWEB化するサービスをさせていただいております。
製作者実績
チラシデータをWEB化
銀行の月間レポートをWEB化
以下を標準仕様として想定しております。
納品形態:HTMLデータ一式
レスポンシブ:PC・SP
イベント系ではGAタグやコンバージョンタグを埋め込む場合がありますが、
その場合も対応可能ですのでご相談ください。
※上記は基本想定になります。
お客様のご要望要によっては期限や料金も異なりますのでまずはご相談いただければと思います。
【HTML・CSSコーディング】ホームページをワードプレスで制作いたします
業務内容
国内美容系企業、パーソナルジム、ITコンサル事業会社などのホームページやコーポレートサイト制作経験を活かしてWordPressの「Snow Monkey」や「TCD」テーマを組み込んだ、ホームページを制作いたします!
Web周りの知識が0の方でも大歓迎です!
制作後の期間限定のサポートやご自身でも簡単に更新を行えるホームページにいたします。
お客様の「事業拡大に繋げる」ために尽力いたします
現在の状況や今後の展開を見据えた最適なプランをご提案させて頂きます!
物体検出のフリーソフトをWebアプリとして使えるようにします
業務内容
画像の中の物体の数や位置を検出できます。
学習済みモデルを使うと、「人」「乗り物」「犬猫」などが検出できます。
また任意の物体の画像を機械学習(転移学習)させることもでき、その物体を検出できるようになります。
使用法としては例えば、次の「人数カウンタ」のようなWebアプリを作成できます。
https://www.youtube.com/watch?v=lF_Cz2K_sVI
(クリックではなくURLをブラウザのアドレスバーへコピー貼り付けしてください)
ソフトにフリーライセンスで商用利用可能な「YOLOv3」を使用します。
任意の物体の画像の機械学習は、画像50枚程度から行えます。
ベーシック販売価格は、ソフトのインストールと、画像から物体の座標を返す基本的なAPI機能の実装費用となります。
それ以上の機能の実装や、任意の物体の画像の機械学習をご要望の場合は、1日作業費2万円(税別・Lancers手数料別)でお見積りさせていただきます。お気軽にご相談ください。
〇弊社AIのアピールポイント
Flaskでモデルをメモリに常駐させる手法です。Webのアクセスごとに大きなモデルが読み込まれることがないので、月額1,000円程度のサーバーでも比較的応答速度が速いです。
WebサイトのHTML・CSS、WorsPressのコーディングやります
業務内容
WebサイトのHTML・CSS、WorsPressのコーディングを承ります!!
【オススメの方】
・デザイン会社様・デザイナーの方でコーディングまで手が回らない
・社内のリソースが足りなくて困っている制作会社様
・コーディングまで手が回らないフリーランスの方
【制作環境】
■BEMをベースとしたCSS設計が可能(予測・拡張・保守・再利用しやすい)
■Gulp使用(CSS、jsの圧縮、画像の圧縮、ベンダープレフィックスの自動付与)
■W3Cが勧告するHTML5の仕様に準拠したマークアップ
■WordPress化も柔軟にカスタマイズ可能(SEO対策、セキュリティ対策、サイトパフォーマンス向上も可)
レスポンシブ対応、よくあるJavaScriptの実装は無料で対応させて頂きます!
【無料JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、その他にもご要望があればご相談ください。
【納期、料金】
提示価格は目安となります。
デザインやボリュームにより変動することもございますので、まずはご相談ください。
最後まで責任もって、対応いたしますのでご安心くださいませ。
ご不明な点は、お気軽にお問い合わせください。
【コーディング代行】スマホ対応、保守性の高いコーディングで丁寧にデザインを再現します
業務内容
▼サービス内容
◎HTML / CSS/javascript/jQueryでの静的コーディング
◎レスポンシブ対応
◎ホバーアクション
◎ハンバーガーメニュー
◎ページトップに戻るボタン
◎動画、YouTube、GoogleMapの埋め込み
◎修正対応
◎規定の品質チェック
Macで「Chrom、Safari、Firefox」の各ブラウザとiphone14の「Chrom、Safari」で見え方の確認を行います。
▼価格(レスポンシブ込み)
・Webサイトトップページ 30,000円〜
・下層ページ 12,000円〜
・1ページもののLPサイト 40,000円〜
※スマホ版デザインがない場合のレスポンシブ対応はオプション対応となります。
サイトに動きをつける場合はオプションにて別途お見積りさせていただきます。
▼納期(目安)
デザインを共有いただいたのち、着手日と初稿提出日をご相談の上
決定させていただきます。
▼オプション(3,000円〜)
•アニメーションの実装(javascript/jQuery)
スライダー、アコーディオン、ドロワーメニュー、画像の拡大など
▼オプション(5,000円〜)
•スマホ版デザインがない場合のレスポンシブ対応
▼オプション(30,000円〜)
•WordPressオリジナルテーマの構築
▼お取引の流れ
1、お見積もり依頼 または お問い合わせ
2、ヒアリング・お見積もり提出 → ご購入の確認
3、デザインや各データ•指示書などのご提供
4、コーディング開始
5、初稿提出
6、お客様ご確認
7、修正
8、納品
その他、気になる点やご確認事項、ご要望等ありましたら、お気軽にメッセージいただければと思います。
制作途中での報告や連絡もこまめに行いながら進めてまいりますのでご安心ください。
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はお知らせください。
◆ご購入にあたってのお願い
・お見積もりについて
ご依頼の際は、デザインデータのご提示をお願いします。見積もり段階でご提示できない場合は、ページの中身とボリュームが分かるものをご提示ください。
・納期について
初めにご相談の上、決定いたします。できるだけ早く初稿を提出するよう努めてまいります。
・レスポンシブ対応について
デザインデータをご用意ください。デザインデータがない場合はPC版のデザインを参考に作成いたしますが、別途オプションにて追加料金が発生いたします。
・IE対応について
2022年6月16日のIEサポート終了に伴い、基本的にはIE非対応です。
◆オプションについて
・アニメーション実装
javascript/jQueryによるアニメーション実装は1ヶ所につき3,000円にて承っております。
※ハンバーガーメニューとページトップに戻るボタンは通常料金に含みます。
・スマホ版デザインがない場合のレスポンシブ対応
ご希望であれば、オプション料金5,000円にて承ります。PC版を元に適宜対応いたします。
・WordPress化
コーディングしたページのWordPress化をご希望の際は、オプション料金30,000円にて承ります。
その他カスタム投稿やカスタムフィールドご希望の場合もオプションにて承りますので、ぜひご相談くださいませ。
【個人事業主・中小企業様へ】STUDIOで低価格・運用簡単なホームページを制作します
業務内容
・ホームページを作りたいけど、まず何から始めたらいいのかわからない...
・Webサイトを作りたいけど、相談できる人がいなくて困っている...
そんな個人事業主・中小企業の方の気持ちに寄り添った、ホームページのの制作代行を
しております。
制作には新しく誕生した日本発のWebサイトデザインツールの「STUDIO」を使用致します。
STUDIOで制作することで、低コスト・高品質・短納期を実現します!
従来のウェブサイト制作方法
・大きなコストがかかる
→ヒアリング後のデザイン作成、コードの作成、さらにはバックエンドの開発など、
それぞれの工程で専門の担当が必要になるため
・コストパフォーマンスが悪い
→価格の割にクオリティや集客が思ったほど伸びない、サイトの修正にも追加費用が
かかる
STUDIOでの制作方法
・コストを抑えられる
→デザインフェーズのみでのサイト公開が可能なため、工数が削減でき、必然的に
人件費が抑えられるので、従来のホームページのクオリティを維持しながら、価格を
大幅に削減したサイトの制作が可能
・運用面でもおすすめ
→ページの変更もリアルタイムでお客様ご自身でも可能
(近年ではメルカリや官公庁などでもSTUDIOを用いたサイト制作が行われているため、
安心してご利用いただけます。)
納品までの大まかな流れは以下の通りです。
①ヒアリング
・どんなデザインにしたいか
・どのようなページを作りたいか
・誰に何を伝えたいか
・ホームページを作る目的
など、ヒアリングを行います。
まだイメージが決まっていなくても問題ありません。
②画像・文章・ロゴのご準備をお願いします。
ご用意がない、どうしたらいいかわからないという方もご相談ください。
フリー画像のご用意など丁寧にサポートいたします。
(サーバーはSTUDIOとセットになっているため、ご準備は不要です。)
③ご確認
こちらで制作したホームページをお送り致しますので、ご確認ください。
修正・変更等のご希望があればお知らせください。
(修正は基本、3回とさせていただいております。)
④納品
ご自身で行う場合の修正や更新方法をお伝え致します。
実際にZoomなどのビデオ通話で打ち合わせしないと不安ということもあると思い
ますので、お気軽にご相談ください。
無料で承っております。
デザインデータをもとに忠実に再現したHP・LP制作をします
業務内容
□サービス内容
LP・HPを制作いたします。
お客様からいただいた*デザインデータをもとに、忠実にサイトのコーディングをしてお渡しいたします。
*XD、Figmaに対応しております。
・HTML、CSS(Sass)を用いたコーディング
・Wordpress構築
・レスポンシブ対応
・*簡単な動き対応
*ハンバーガーメニューやアコーディオン、フェードインアニメーションなど。
LPコーディング代行をいたします
業務内容
PSD,AI,XDのデザインカンプがあれば、こちらの料金表にてコーディングいたします。
もちろん画像貼り付けでなく、テキストにできる部分はテキストにてコーディングいたします。
簡易なアニメーション(スクロールフェードイン等)は含みで行います。
■このような方はPLASにお任せください
・デザインはできるけどコーディングが苦手な方
・コーダー不足でコーディング業務の外注先をお探しの制作会社さま
・コーディングのできるパートナーを探しているデザイナーさま
■本サービスでこのようなことが提供できます
・HTML / CSSを用いた静的コーディング
(デザインデータはPhotoshop・Illustrator・XDなどに対応)
・スマホ・タブレット・PC対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなど
JavaScript / jQueryを用いたアニメーションの実装
■制作の流れ
1.ヒヤリング
実装機能などの確認をいたします。
2.契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
3.制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
4.納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
お客様の理想を叶えるビジネスパートナーとして事業の発展に貢献いたします。どうぞよろしくお願いします。
デザイン通りにコーディング致します
業務内容
デザインデータ(adobeXD,Photoshop,Illustrator)の情報を元に、コーディングによって忠実に再現致します。
納品方法: zipファイル
html、cssのコーディングのお仕事を一生懸命やらさせていただきます
業務内容
html/cssでのコーディングを代行します。
実務経験をたくさん積みたいため、スキルは変わらず相場より安くやらさせてもらいます。
アフターフォロー
2週間まで、無料で対応します。
制作の流れ
1 ヒヤリング
2 契約
3 制作
4 確認、修正
5 納品
ご用意いただくもの
・画像素材
・デザインデータ
・デザインカンプ(完成見本など)
サービス内容
・静的コーディング
・LPコーディング
・ECサイト
・簡単なアニメーション
・お問い合わせフォームの作成
【制作会社・デザイナー様】コーディング代行させていただきます
業務内容
⚫ご提供させていただけること
・保守性が高いCSS設計に基づいたHTML/CSS/JSコーディング
・WordPressの導入、改修など
・Gitを用いたコード管理(常にバックアップが取れています)
・無料で画像圧縮
・こまめな進捗報告による「作業の見える化」
⚫作業内容について
・静的コーディング(1ページ〜)
・レスポンシブ対応(スマートフォン、タブレット)
・ハンバーガーメニュー、スライダーなどの実装
・お問い合わせフォームの実装
※WordPressは別途追加費用が発生いたします。
⚫ご予算について
記載の金額はあくまで目安でございます。制作ページ数やアニメーションによって変動することがございます。実装内容やご予算など、いつでもお気軽にご相談下さい!
⚫ご購入の流れ
①「見積もり・カスタマイズの相談に進む」を押下いただき内容を詳しくお聞かせください。
②納期目安、追加で購入が必要なオプションがある場合にご案内いたします。
③内容に問題が無ければご発注をお願いいたします。
④写真やテキストなどの素材を当方までお送りください。
⑤作業開始。まずは1p完了後にURLをご連絡します。その後は1~3日に1回程度の報告をいたします。
⑥全体コーディング完了後、ご査収いただき修正対応いたします。(無料で3回まで)
⑦ご指定のファイル形式にて納品
⚫実績
静的コーディングからのWordPress化、静的ページのテーブル修正、静的LP、WordPressテーマカスタマイズ等
⚫特徴
・反応が早い
・作業の言語化が得意
・柔軟な対応が可能
どうぞお気軽にご連絡くださいませ!いつでもお待ちしております。
WEBサイトコーディング、WORDPRESSサイトの構築、カスタマイズ請負います
業務内容
こんにちは、ご覧いただきありがとうございます。
フリーランスでWEB開発業務を請け負っています。
主にコーディング、WORDPRESSサイトの構築、カスタマイズを担当させていただいております。
サービス内容
- HTML, CSS, Javascriptのコーディング
- WORDPRESSテーマの導入、テンプレートカスタマイズ
- WORDPRESSカスタム投稿、カスタム分類、カスタムフィールドの設定
- その他、ご要望に応じて特殊機能の実装
すべてのプランに含まれる作業
- WEBサイト構築に必要なコーディング
- PC/SPレスポンシブ対応
- 基本的なSEO対策
- アフターフォロー(大幅なデザイン変更を伴わないものについては納品後1か月間無償対応)
ご要望に応じて対応可能
- お客様でサイト更新を行うためのマニュアル作成
- 不完全なデザインデータから当方裁量によるデザインの補完
お客様でご用意いただくもの
- 公開用(またはテスト用)サーバー契約、ドメインの取得
- デザインデータ(PSD, AI, XD, Figmaなど)
- サイト掲載テキスト(開発時は仮のテキストでも構いません)
ご注文の流れ
- まずはお見積もりのご相談をください。なるべくデザイン画像(サンプル)をいただけた方が正確なお見積りができます。
- お打ち合わせ。メッセージのやりとりだけでは相互理解が難しいようでしたら、ZOOM等のビデオミーティングでヒアリングさせていただきます。
- 納期・料金について最終お見積り
- ご発注→作業着手
- 適宜進捗について報告いたします。作業を進める上で質問事項が発生した場合も随時ご連絡させていただくことがあります。
- 開発規模に応じて、完成したところから段階的に公開します。
- お客様によるご確認→フィードバック
- お客様指定のサーバーへのアップロードまたはZIPファイルでご納品
- 最終確認をもって作業完了
まずはお気軽にご相談ください。
WordPress対応、格安でHTML/CSSコーディング代行致します
業務内容
このページをご覧いただき、ありがとうございます。
お預かりしたデザインデータをもとにコーディング作業を代行致します!
○サービス内容
<基本料金>
・HTML / CSSでの静的コーディング
・JavaScript(iQuery)の動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニュー等ご相談ください)
・WordPress対応
・レスポンシブ対応
・下層ページコーディング対応
・サーバー納品対応
①ヒヤリング/お見積り(無料)
②ご購入
③XD・psd・Figmaでのデザインデータのご提供
③コーディング作業
④テスト環境へアップロード
⑤修正(修正回数無制限ですので、もし修正希箇所があればお知らせ願います)、再度テスト環境へアップロード
⑥最終確認後、納品(zipファイル納品)。サーバー納品も可能です、ご相談ください。
・購入後のお客様都合でのキャンセルは原則致しません。
・格安で出させて頂いている事もあり、実績として使わせていただく事をお願いしております。
HTML・CSS・JSコーディングお任せください。ます
業務内容
HTML・CSS・JSコーディングを対応します
HTML・CSS・JSのコーディングをお任せください。
Webサイトは作って終わりではなく、作ってから育てていくものだと認識しているので、ゼロから作る段階で、運用しやすいマークアップを心がけて作成します。
もし、サイトを作った後にご自身で修正したいなどありましたら、HTMLの知識がなくても運用できるように作成いたしますので、お気軽にご相談ください。
また、既存サイトの運用代行も可能です。軽微な修正からリニューアルまで対応できますので、別途個別にご連絡ください。
お客様の素敵なデザイン、想いのサイトをコーディングします
業務内容
業務フロー
1)お客様からデザインデータを頂く
2)デザインデータをもとにZoomなどでヒアリング
3)HP制作
4)データを提出し、修正があればいたします。
5)サーバーにアップ
3)の業務の間に2)をさせていただきより良いサイトを制作します。
4)修正は、可能な限り対応します。
XDファイルのデザインカンプからHTML CSSコーディングします
業務内容
指定されたデザインから忠実にコーディングしサイトを実装します。
デザインカンプがあればその通りに。なければ応相談で対応させていただきます。
HTMLとCSSを使ってウェブサイトの制作をします
業務内容
HTMLとCSSを使ってウェブサイトを制作いたします。
スマートフォン・タブレットに合わせたレスポンシブ対応も可能です。
静的ページのHTML & CSS コーディング承ります
業務内容
初めまして。
ご覧いただき、ありがとうございます。
頂いたデザインを元にHTML&CSSコーディングをさせていただきます。
【パッケージに含まれる内容】
◆HTML&CSSコーディング
◆PC / SP レスポンシブ対応
◆JavaScript / jQueryなどを使った簡単なアニメーション
◆納品後1ヶ月以内の無料修正
【対応可能時間】
9:00~23:00
土日祝関係なく作業が可能です。(予定がある日を除く)
頂いたご連絡にはなるべく早く返信することを心掛けます。
誠心誠意の対応を心掛けますので宜しくお願い致します。
実績作り中につき格安で丸投げOKでコーディングをいたします
業務内容
実績作り中につき格安!
丸投げOK
本業でプログラマーをしております。
副業としてHTML/CSS/JavaScript(jQuery) etc...を用いてコーディングをいたします。
レスポンシブ込みで作成します!
既にデザイン済みのデータを頂いた後コーディングをいたします。
【作業者について】
IT系中小企業に勤めて3年目(2021年11月現在)になります。
請負という形ではありますが、大手一部上場企業へ常駐し作業を行っています。
主な経験として社内システム開発、ECサイトのカスタマイズ、スマホアプリ開発の経験があります。
この度フリーランスに移行するにあたって実績が必要となるため格安でコーディングをお受けしようと出品いたしました。
【スキルについて】
・HTML/CSS
・JavaScript(jQuery,React,Next.js)
・C#(ASP.net)
・Java
・PHP
【デザインデータについて】
・PSD、AI、XD形式のいずれか
確認用のJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
【対応内容について】
《料金内で対応可能》
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
・アニメーション(簡易な動き)
《オプションで対応》
・高度なアニメーション
・メールフォームの設置(PHP)
・その他、動きのある要素
※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わる場合がございます。
【ブレイクポイント】
モバイルファーストでCSSのコーディングを行います。
・スマホ → 480px
・タブレット → 768px
・PC → 960px
【動作確認ブラウザ】
《Windows》
・Chrome
・Firefox
・Microsoft Edge
《Android5.0以降》
・Chrome
・Firefox
※いずれも最新版です。
【納品形式】
ファイル送付か指定サーバーへのアップロードになります。
【納期】
標準納期は、「デザインデータ受領から」10日ほどとなります。
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
また、デザインを丸投げの場合はオプションに記載されている期間を合算した日数が納期となります。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
また、プランに沿わないものについてもお問い合わせいただければ対応いたします。
あなたのデザインをコーディングで形にします❗️
業務内容
本サービスをご覧いただきありがとうございます。
Web制作事業Starship 代表の古川です。
◎こんな方におすすめ
「デザインはできるけどコーディングができない」
「綺麗なコーディングをして欲しい」
「案件が多く外注したい」
◎用意していただくもの
・デザインカンプ(Photoshop・XD・Illustratorなど)
・ 素材(ロゴ、画像等)
※サーバーへのアップロードをご希望の場合、必要な情報をご共有お願いいたします。
◎基本の価格に入っているもの
・レスポンシブデザイン(スマホでも綺麗に表示 519px 変更可)
・内部SEO対策(alt,section,h1,h2など)
・1ページ(静的)
◎ 制作の流れ
- 「メッセージを送る」からデザインと合わせてご連絡ください
- デザインを基にお見積もりを提示いたします。
- コーディング開始(毎日進捗報告をいたしますので、いつでも確認していただけます。)
- 検品
- 問題が無ければ納品
◎直近の実績
・Illustratorを基にしたコーディング+WordPress構築 一部下層ページ
https://chikushin.net/ 制作期間1日
・PSDカンプを基にしたコーディング
http://xs384652.xsrv.jp/ 制作期間4日
・XDカンプを基にしたコーディング
https://ic-incorporated.net/ 制作期間4日
※クライアント様の要望のサイズとなっておりますので、1920px以上のPCまたはスマホでご覧ください。
他にも多数実績がございます。
ご希望の場合は、メッセージでお伝えください。
その他、気になること等ございましたらお気軽にご相談ください!
依頼者様のパートナーとして尽力いたします。どうぞよろしくお願いします。
【レスポンシブ無料】コーディングを格安で代行いたします
業務内容
◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応(スマホ・タブレットに対応)
・WordPress化
◆サービスのメリット
・他クラウドソーシングサイトにて100件以上のコーディング実績がございます。
ランサーズでの実績を積むため、格安でサービスをご提供いたします。
・通常プラス料金を頂くメニューも無料で行います。
・保守性の高いコーディングを行います。
◆料金
コーディング料金
∟トップページ 10,000円(税抜)
∟下層ページ 5,000円(税抜)/1ページ
∟ WordPress化 10,000円(税抜)
☆以下、無料で行いますのでご希望の方はお申し付けください☆
・レスポンシブ対応
・基本のSEO対策(metaタグなど)
・OGP設定
・テスト環境のご提供
◆制作の流れ
①ヒアリング・お見積もり
→ページ数・内容量・アニメーションに応じてお見積もりします。
→ デザインデータまたはデザイン構成、ご希望納期がございましたらご共有くださいませ。
②ご契約
③コーディング作業開始
④ご確認・修正
→修正は3回まで無料で対応いたします。
⑤最終確認
⑥納品
→zipファイルでの納品、またはサーバーにアップでの納品となります。
◆納期
1ページあたり3日程度で納品いたします。
また1ページあたりの量によってはさらに早い納品が可能です。
※デザインデータを頂いた日から3日程度の納品となります。
連絡を密にとり、迅速、丁寧に対応いたします。
お気軽にご相談くださいませ。
1万円であなたのWebサイトをコーディング致します
業務内容
初めまして、
mocking_birdと申します。
1ページ1万円で
あなたのWebサイトを
コーディングいたします!
動的な動きをつけたい人など
お気軽にご相談ください。
こちらの基本サービスは、
●レスポンシブ対応
●お問い合わせフォームの設置
●Javasprict等での動的なページに変更
●1ページのみ
●html/CSSでの納品など
となります。
⭐︎作成の流れ⭐︎
DIRECTION
Webサイト制作で1番大切なことは
ヒアリングだと思っています。
「こんなサイトにしたい」
「こんな課題がある」
など何でもお気軽にご相談ください。
ご要望にあったものを提案いたします。
お客さまの思いを反映した
ウェブサイトに仕上げます。
DESIGN
お客さまのご要望に沿って、
Webデザインを構築していきます。
「ターゲットユーザーに特化したもの」
「誰が見てもわかりやすいもの」
ご要望に沿ったデザインをご提案。
CODING
サイトに応じて
最適なコーディングを行います。
操作性なども加味していき、
さまざまなサイトに対応いたします。
⭐︎ご用意頂くもの⭐︎
・コーディングしたい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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。