人気ランキング 期間:4月28日 〜 5月5日
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
1ページ10,000円から!LPやシングルページのコーディング、書きまくります
HTML・CSS・アニメーションを使用しWEBサイトのコーディングを代行致します
業務内容
ご覧いただきありがとうございます。
コーギーとコーディングが大好き、仲間由紀生 と申します。
◆サービスの内容
・HTML・CSS・jQueryを使用したコーディング
・レスポンシブ対応(スマホ・タブレット対応)
◆制作の流れ
1、ヒアリング&お客様からデザインのご提供&お見積り
2、契約
3、コーディング
4、ご確認・修正
5、最終確認・納品
◆料金表
・コーディング 1ページ10,000円~
※レスポンシブ、jQueryなどのアニメーション実装、基本のSEO対策などの対応込み
・画像、YouTubeなど動画の埋め込み
・Googleマップの埋め込み
・SNS のリンクや記事の埋め込み
につきましては基本料金内でお作りいたします。
<無料オプション(ご希望の場合)>
・テキストが必要になった際の文章作成サポート
・万が一、なにか不具合があった際の対応
◆納期
作業量によって異なりますが、基本的には1週間ほどお時間いただいております。
作業量が多くなれば、もう少しお時間を頂きます。
ご希望の納期がある場合はご相談くださいませ。
連絡を密にとり、迅速、丁寧に対応いたします。
お気軽にご相談ください。
よろしくお願いいたします。
すべて読む
購入にあたってのお願い
サーバーレンタルとドメイン取得は、個人情報が必要なためお客様ご自身でしていただく必要がございます。ご不明点などは事前にお問い合わせ下さい。
【事前にご準備いただくもの】
・サーバー契約とドメイン取得
・掲載する文章
・必要な方は、ロゴデータ(背景透過処理がされたpng形式のもの)
・掲載する写真
・必要な方は動画やイラスト
【必ず一読ください】
・トップページのデザインが決まった後での大幅なデザイン変更や同一ページの3回以上(文章の差し替え含め)の修正には追加料金がかかります。
・購入後のキャンセルはできません
・突然連絡が途絶え7日以上ご返信いただけない場合は制作途中であっても正式な回答を送って(納品)やり取りを終了させていただきます。スムーズなやり取りにご協力をお願い致します。
面倒なWebサイトの更新・修正でお困りでしたら、弊社が代行いたします
業務内容
弊社パッケージをご覧いただき、ありがとうございます。
こんな方におすすめ
- Webページ 1枚だけの対応で良い方(ベーシックプランはシステム上10,000円になっていますが、5,000円で承ります)
- 1か月の間にHP/LPの頻繁な更新や差し替えがある方
- 他業務が忙しくて、自社のHP修正がなかなかできない方
文章の更新や修正、画像の差し替え、トリミング、コンテンツの
追加など、誠実かつ丁寧に対応いたします。
===================================================
弊社について
弊社の主な業務内容は下記となります。
- 業務システム開発
- WEBソフトウェア開発
- ブロックチェーンソフトウェア開発
- エンターテイメント
- IoT開発/組込系開発
- 組織開発/チームビルディング/アドバイザリー
- プログラム作成、ツール作成
- ツール開発・修正
- WEBサイト開発
===================================================
営業日時(連絡可能日時)
平日10時~19時(土日祝休業)
Webエンジニアをはじめ、各スタッフと連携し、業務対応いたします。
まずはお気軽にご相談下さい。
コーディング業務まで手が回らないデザイナーの方、制作会社の方のお手伝いします
業務内容
デザインカンプからのコーディングを専門としております。
【このような方にオススメ】
デザインに注力したい方、コーディングを外注したい方、案件が多く手が回らない方。
【共通認識】
デザインカンプからのコーディング業務を承っております。
【プラン】
ベーシック:デザインカンプからの静的コーディング、レスポンシブ
スタンダード:デザインカンプからの静的コーディング(複数ページ)、レスポンシブ
プレミアム:デザインカンプからの静的コーディング、レスポンシブ、WordPress導入
【オプション】
プランは基本セットになります。追加で必要な項目が出てきた場合を想定して作成しております。
【使用ツール】
・photoshop
・adobe XD
・figma
・Git
その他のツールも柔軟に対応致します。
1度ご相談ください。
【納期について】
一般的な目安になります。デザインや1Pのボリュームにより変動しますので、ご相談ください。
ExcelやHTML,CSSといったプログラミングの簡単な作業を提供します
業務内容
簡単な単純作業や雑用作業はお任せください
学生の勉強中の身であるため、複雑な作業よりは簡単で量の多い仕事はお任せください
Figmaなどのデザインからhtmlとcssを書きます
業務内容
▼こんな方へおすすめ
・デザインはあるが、wordpressに流し込むhtmlとcssが欲しい
・LPのコーディングをしてほしい
▼強み
・再現度の高いコーディング
・scssを使用した効率的なcss
▼納期
ボリュームにもよりますが、だいたい1ページ1日です。
▼料金目安
・ページ単価10000円~ です。
【格安で済ませたい人向け】格安でコーディングを代行します
業務内容
【業務内容】
HTML、CSS、Javascriptを用いてコーディングを代行させていただきます。
あくまで表示の料金は例なので内容によって料金は変動します。
ですので、細かな料金や納期は一度ご相談できればと考えています。
-アニメーション実装
1工程当たり3000円になります。
【納品までの流れ】
①ヒアリング
詳しくヒアリングをし、クライアント様との認識のずれをなくします。
②お見積もり
デザインとご要望を確認の上お見積りさせていただきます。
③デザインデータの提出
お見積りに納得していただけましたらデータをご提出ください.。
データはxdでお願いします。
④途中経過の確認
1週間に1度、経過具合をご報告させていただきます。
要望がありましたらヒアリングの時におっしゃってください。
⑤最終確認
完成しましたらこちらから連絡させていただきます。
その時に最終確認をお願いいたします。
⑥納品
納品はzipファイルかFTPツールを使用してサーバーにアップロードかになります。
【こんな方向け】
できるだけ料金を安くしたい
でも一定の品質は欲しい方
【自己PR】
時間管理には自信があり納期は必ず守ります。
html,css,bootstrapを用いてWebページを作成出来ます
業務内容
初めまして。
shinzieと申します。
この度はご覧頂き、誠にありがとうございます。
ご満足頂けるものができるように、日々技術向上に心がけております。ご依頼ご相談など、お気軽にご連絡ください。
今回のお見積もりは実績を積みたいため相場よりもお安くさせていただきます。ご依頼者様とご相談させていただく形になります。
html,css,bootstrapでのコーディングなら自信があるのでこの機会を大切に是非お願いしたくご返事させて頂きました。
ポートフォリオのURLを記載しておくので見ていただけたら幸いです。
http://sinzie.xyz/
納品後の修正も、最後まで責任を持って丁寧に対応させて頂いておりますので、何かありましたら、遠慮なくおっしゃって頂ければと思います。
基本的に平日午後8時から午後10時まで作業しておりますので、時間内であれば、1時間以内に返信します。
また過去には生産管理業務をしていた経験がございますので、円滑なコミュニケーション、指示に忠実に沿った制作、納期の厳守には好評を頂いております。
何かありましたら、お気軽にご相談ください。
どんなに遅くても12時間以内には必ず対応致します。
誠心誠意対応させて頂きますので、何卒よろしくお願い致します。
最後までお読み頂いて、ありがとうございました。
Web制作会社正社員 HTML/CSS/WordPressのコーディングします
業務内容
Web制作会社で働く現役Webエンジニアの私が、コーディング代行を致します。
既存サイトの不具合などの小さなご依頼から、対応可能です!
「サービス詳細」
いただいたデザインカンプ(Figma/XD/Photoshop/イラレ)から、Webサイトコーディングをします。
SEO対策に有利な、コーディングを致します。
・HTML/CSSコーディング
・Wordpressサイト開発
・JavaScript,JQueryを使ったアニメーション実装
・Vue.jsを使ったモダンフロントエンド開発
・レスポンシブ対応
・お問い合わせフォーム実装(追加料金)
・既存サイトの不具合対応
「ちゃんと進捗管理ができて、連絡ができるエンジニアです。」
私は、「進捗管理」ができるエンジニアです。
ですので、エンジニアによくある、「進捗状況が把握しづらい。」と言ったことは、私の場合ございません。
進捗管理シートを使用し、コーディングを進めます。ですので、進捗状況がわからないと言ったことは起こらないと思います。
また、内部SEO対策を考え、コーディングを致します。
「私の強み」
・内部SEOを意識しコーディング
・進捗確認 / 修正指示がしやすい。
・Wordpressサイトを作成する際は、セキュリティ対策を致します。
・サイト表示速度改善のため、画像圧縮を行います。
・常時SSL化とアクセスデータ見ることができるGoogleアナリティクスの設置を行います。
「私の実績」
実績
・Wordpressサイトの開発案件 20件ほど
・LPの開発案件 5件ほど
・予算1000万円規模のメインディレクション 3件ほど
・予算200~500万円規模のメインディレクション 10件ほど
などなど
ポートフォリオ
ランサーズに登録しているポートフォリオはこちらになります。
https://www.lancers.jp/profile/yk72__mfs/portfolio
「アフターフォロー」
・追加修正が3回目まで無料
「大まかな流れ」
①内容のヒアリング、お見積もり
ヒアリングにて、画像やデザインデータを確認させていただきます。
②ご契約
③コーディング
④ご納品
レンタルサーバーにアップロード or ファイル納品を想定しております。
【制作会社さま向け】コーディング代行のお手伝いをいたします
業務内容
■可能な業務
・HTML/CSS(Sass)/jQueryを用いた実装
・Gulp
→画像圧縮、Sassファイルのコンパイル、CSS・JavaScriptファイルのミニファイ、ベンダープレフィックスの自動付与など。
・CSS設計(BEM)
→わかりやすく拡張性の高いコーディングをおこないます。
・デザインを忠実に再現
→パーフェクトピクセル(chrome拡張機能)を用いて確認いたします。
【デザイナー様・制作会社様向け】HP・LPなどコーディング作業を代行いたします
業務内容
▼こんな方へオススメ
- コーダー不足
- なるべく素早く納品して欲しい
- 確実にデザインが反映されたホームページが欲しい
- 制作後も管理できるモダンでシンプルなコーディングが望ましい
▼ご提供内容
- お好みのデザイン・エフェクトをおよそ3日/ページでコーディングいたします
- 変更点に即対応し、満足いくまでブラッシュアップしていきます
- サーバーへのアップロードといったHP・LP制作の流れをまんべんなくサポートします
- アニメーションやレスポンシブ (ブレイクポイント無制限)、SEO対策は標準料金内で実装いたします
- scssやtailwind.css等を利用した操作性のよいCSS設計ができます
▼制作までの流れ
- webミーティングでヒアリングを行います
- デザインを元に実装開始
- テスト環境にて検証
- 修正内容確認後に検収
- ご要望の形態に合わせて納品 (ご希望があれば運用保守まで対応いたします)
ご相談、お見積もりに関しては無料で行っておりますので、まずはお気軽にご相談ください。
何卒よろしくお願いいたします。
HTML/CSS・JavaScriptコーディング承ります
業務内容
ご覧いただきましてありがとうございます。
デザインを再現するだけでなく、SEOやメンテナンスも考慮したコーディングを行います。
【製作事例】
カードローンタイム
https://www.cardloan-time.com/gr/lp.html
三洋貿易株式会社様
https://www.sanyo-trading.co.jp/ir/investor/
株式会社Zene様
https://www.zene.co.jp/
ヴァーチャルオフィス「FIRM」様
https://co-firm.biz/
株式会社テックビルケア様
https://www.techbuilcare.com/dpass/
小田急くらしサポート「ふとん丸洗い&保管キャンペーン」
https://odakyu-kurashisupport.jp/futoncleaning/
【このようなお悩みの方におすすめです!】
・コーダー不足で信頼できる外注をお探しの制作会社様
・デザインだけに集中したいデザイナーの方
・画像差し替え、テキスト変更などページ更新を必要な時だけ依頼したい企業様
【基本料金内サービス】
・レスポンシブデザイン
・HTML / CSSコーディング
・お問い合わせフォーム実装
・JavaScript / CSSを用いた動作
・Retinaディスプレイ対応
・画像圧縮による表示速度最適化
・内部SEO対策(metaタグ、画像に適切なalt、正しい文書構造に応じた適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・Google Analyticsなどアクセス解析用のタグ埋め込み
・各種ブラウザ表示テスト
・各種端末表示テスト
・修正無料
【基本料金内JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替え
など一般的によく見られる動作は、基本料金内で数にかかわらず実装いたします。
その他の動作や複雑なアニメーションについてはご相談ください。
【対応可能データ形式】
・Figma、PSD、AI、XD形式のいずれか
確認用のJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
【ブラウザ・端末確認一覧】
・Windowsパソコン
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iphone
Safari
・Android
Chrome
【お取引の流れ】
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
ご不明な点は、お気軽にお問い合わせください。
簡単なhtml/cssでコーティングで変更箇所を代行対応致します
業務内容
こんな方におすすめ
└人手不足で手が回らない
└新しい人材を試してみたい
└新しい人材を教育したい
自分は実務経験ほぼないです。
そのため経験を積むべくこうしてパッケージの出品というものをしてみました。
そんな自分勝手な人材ではありますが、ゆくゆくは立派なエンジニアになりたいので、チャンスの機会をくれる方がいらっしゃるのでしたら、よろしくお願い致します。
【格安】現在運用中のECサイト・ホームページの改修を行います
業務内容
▼こんな方にオススメ
簡単なコード改修をお願いしたいけど、最安価格が希望と合わない
もっと安くコーディングしてくれる人を探している
即レス!高品質なレスポンシブサイトのHTML, CSSコーディングをいたします
業務内容
ご覧いただきありがとうございます。
デザインデータからのコーディング作業を行なっております。
ご連絡いただきましたら、すぐに返信させていただきます!
お気軽にご連絡お願いします!
制作ページは全てスマートフォン対応のレスポンシブ制作。
PCでもスマートフォンでも質の良いホームページを制作いたします!
コーディングを行う際、デザインのご提供をよろしくお願いいたします。
■ご用意いただきたいもの
・デザインデータ( Adobe XD( Photoshop・Illustrator ) )
・画像データ / 動画
・テキストなど
※レスポンシブ対応が必要な場合は、スマホ用のデザインデータもご用意ください。
ご準備が難しい場合はこちらでレスポンシブ対応することも可能です。
納品後の修正期間は2週間までとさせていただきます。
また、作成後のキャンセルはお断りしています。作業開始前にイメージの共有をお願い致します
【LP制作】格安でLPのHTML/CSSのコーディングを代行致しまます
業務内容
ご閲覧ありがとうございます!
デザイナー歴6年目です。
本業ではランディングページ作成をメインにマーケティング関連のデザインをやっております。
コーディングがわからない。
画像は作れるけどその先がわからない。
プログラミング?何それ?
そんな方はぜひ、ご相談ください!
お安く作業致します。(本職でもコーディングをやっております。)
◆作業内容
・HTML/CSSを用いた静的コーディング
・SEO用にメタキーワードの設置
・テスト用アップロード時に修正対応
◆オプション
・レスポンシブ対応
・お問い合わせ・メールフォームの設置
・jQueryやCSSを使ったアニメーション
現役エンジニアが格安でホームページ(HP・LP)のSEO対策コーディング承ります
業務内容
ご覧いただきありがとうございます!
現役エンジニアのせなと申します。
現役でホームページ制作・更新・修正、ソフトウェア開発等行なっております。
下記をご覧になり、少しでも気になりましたらお気軽に見積もりくださいませ!
■ 当サービスの内容
・ホームページのコーディング作業
・LP(ランディングページ)のコーディング作業
・アニメーション実装
■ 対応事例・作業内容
・コーディング作業( 修正回数無制限 )
・SEO対策済み
・レスポンシブ対応
・画像挿入
・地図挿入
・お問い合わせフォーム作成
・リンク設置
・ファビコン設置
・アニメーション実装
などなど、上記の応用やそれ以外の対応も可能ですのでご気軽にご相談くださいませ。
■ 料金内訳
基本内容
内容:コーディング作業(SEO対策済み、レスポンシブ対応付→1ページのみ)
料金:10,000円
基本内容
内容:コーディング作業(SEO対策済み、レスポンシブ対応付→3ページのみ)
料金:25,000円
基本内容
内容:コーディング作業(SEO対策済み、レスポンシブ対応付→5ページのみ)
料金:40,000円
■ 作業工程
1.ヒアリング + 見積もり
2.購入
3.デザインデータを共有 + 詰め合わせ
4.コーディング作業
5.実物確認(納得いただけるまで)→修正
6.納品
■ 納期
納期目安:2日 ~ 7日
作業開始日:当日から可能
チャットの返答頻度:基本的に1時間以内に返信致します。
■ 納品形式
コーディングデータ(Html/Css等)をzipファイルで送付
※Wordpressに実装して欲しい等、変更してほしい点がありましたらメッセージをください!
■ 注意点
・ご購入後のキャンセルは不可とさせていただきます。
・1週間以上ご連絡がない場合、正式な回答とさせていただきます。
■ 購入後、下記情報を頂けますとスムーズに作業を開始できます。( 作成に必要な方のみ )
・作成サイトデザイン
WEB開発、ホームページ、スクレイピングなど、何でも承ります
業務内容
⭐︎案件について
1.ホームページ開発をしたい
2.LPだけでも作って欲しいな、、
3.ITに関する知識がないので教えて欲しい
4.こんなアプリつくってほしいな、、等
⭐︎特徴
海外在住経験や、プログラミング情報共有コミュニティに参加していることから、情報のキャッチアップには自信があります。
また開発経験もあり、コーディングも行っておりますのでご安心ください
お値段は是非相談してください!
★注意
あくまで、本業がございますので、納期は多少頂くことになりますので、ご了承いただければ幸いです。
【ランディングページ】HTML/CSS コーディング代行します
業務内容
ご覧いただきありがとうございます。
個人の方・企業様問わず下記のお悩みにご助力いたします。
・デザインはできるけどコーディングは苦手…
・約束していたコーダーさんが体調不良で急遽人手が必要
・納期が差し迫っていてコーディングだけでもお願いしたい…
など、コーダー不足でお困りの方
ご相談ください!
■できること
・ランディングページのデザイン・制作
・Webサイトコーディング
※HTML/CSS/javascript
・WordPressを使ったwebページ、ブログ作成
など
記載のない内容については要相談でお願いします。
Webサイトを初めて作る方、コーディングが苦手なデザイナーさんなど
低価格、お急ぎ納品でご対応いたします。
■サービス内容
・HTML/CSSコーディング
・レスポンシブ対応
・簡単なjQuery/JavaScriptのアニメーションの実装※1
・既存ランディングページのちょっとした修正
※1 簡単なアニメーションの範囲
→ハンバーガー・アコーディオンメニュー / スムーススクロール / ホバーアニメーション / TOPへ戻るボタン / スライダー
■対応可能データ
PS、AI、Figmaのいずれか
その他データをご希望の場合はご相談ください。
■納品形式
ZIPファイル送付、またはご指定いただいたサーバーへのアップロード
HTML/CSSコーディング即日対応!!代行いたします
業務内容
HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください!
【デザイナー様、企業のWeb担当者の方へ】
例えば・・・
ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・
お任せください!!
デザインだけに集中できるので、デザインの品質も向上します!
こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。
その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です!
価格(全て税込の対応での掲載になります)
⚫︎修正、更新のご依頼:要相談 3,000円〜
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。
⚫︎ランディングページのコーディング:10,000円~
※長さによって変動いたします。
⚫︎ホームページのコーディング:10,000円~( WordPressも対応`)
上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
購入する際の注意点
*ご依頼していただく場合は上記金額にシステム手数料(5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936
納期
【修正、更新】
最短で即日納品
【LPコーディング】
4日〜
【HPコーディング】
4日〜
*依頼内容によって変動いたしますのでご了承ください。
ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
あなたがお持ちのデザインデータをコーディングいたします
業務内容
・HTML/CSSコーディング(レスポンシブ対応)
お持ちのデザインを忠実に再現し、スマホやタブレット
にも対応したサイトを構築します。
・WordPressサイト構築・カスタマイズ
操作しやすいWordPressサイトの構築から、既存
サイトのWordPress化、プラグインのカスタマイズ
まで対応します。
・Webサイトの修正・更新
既存サイトの修正や更新、レスポンシブ対応など、
細かな調整もお任せください。
【理想のデザインを再現】HP/ LPのコーディングいたします
業務内容
【サービス詳細】
はじめまして🙇♀️
ページをご覧いただきありがとうございます🙏
Web制作をしております、
muuと申します😊
早速ですが、
「 自分の想像した通りのデザインにしたいけれど、コーディングが難しくて手が出せない... 」
「 綺麗で信頼されるWebサイトを作りたいけれど、技術的な限界を感じている 」
このような悩みを抱えていませんか😭?
私は、ご依頼者さまの理想を形にする
Webサイトのコーディングを専門としており、
いただいたデザイン案を元に
HTML、CSS、jQueryの知識と経験を活かして
ご依頼者さまのイメージ通りのサイトを実現します!!
WordPressでの入稿など幅広く対応可能です🙇♀️
こちらのサービスをご利用いただくことで
🔶技術的な悩みから解放され、お客さまの得意に集中できます!
🔶専門家の手による高品質なコーディングで、使いやすく美しいサイトが完成します。
🔶時間を大幅に節約し、他の重要な業務に注力できます!
こちら私が過去に制作させていただいたWebサイトになります🙏
お手数ですが、ご覧いただけると嬉しいです😊
提供させていただくサービスの詳しい内容は以下の通りです🙏
🔶HTML、CSS、jQueryを使用したコーディング
🔶WordPressでの入稿対応( サーバーへのアップも可能です )
※ サーバー契約、ドメインの取得はお客様に行っていただきます🙏
( サポートは可能です )
🔶クライアントさまの要望に応じたカスタマイズ
🔶レシポンシブ対応( 携帯、パソコンどちらもズレなく表示させる機能 )
価格に関しては以下の通りです🙏
・TOPページ:10,000円
┗ WordPress化:+5,000円
・下層ページ:8,000円 / 1ページ
┗ WordPress化:+2,000円 / 1ページ
トップページが10,000円 + 2ページ目から+8,000円になります。
合計3ページの場合1万8,000円( TOP + 下層 ) + 8,000円で26,000円となり
全ページWordPressにされる場合は、
+9,000円(TOP5,000円 / 下層 2,000円 / 枚)で35,000円となります🙏
・お問合せフォーム設置:5,000円 / 1箇所
┗ WordPress化:5,000円 / 1箇所
・LP(1ページ):10,000円
不明点などありましたら
まずはお気軽にご相談いただけると嬉しいです🙇♀️🙏
ご相談の段階では費用は発生いたしません😊
プロジェクトの概要、ご希望のデザイン、機能についてお聞かせいただければ、
最適な提案をさせていただきます🙇♀️
サービスの流れは以下の通りです😊
① 相談・お見積り
② ご購入
③ コーディング開始
④ 初回納品
⑤ ご確認
⑥ 修正( 3回まで対応させていただきます )
※ こちら側のミスはもちろん無料修正にて対応させていただきます。
⑦ 納品
※大変お手数ではございますが、
デザインデータはAdobe XD もしくは Figmaにて
ご提供いただけますと幸いです🙏
丁寧にヒアリングさせていただき
全力でお作りさせていただきますので
🔶自分でデザインはできるが、コーディングが苦手なクリエイターさん
🔶ビジネスオーナーさんで、洗練されたウェブサイトを持ちたい方
🔶個人で活動しているアーティストやブロガーさん
上記に該当する方は特にご依頼お待ちしております😆
少しでも気になってくださった方は
お気軽にお見積りだけでもご相談ください🙏
最後まで読んでいただきありがとうございました🙇♀️
【初回限定割引アリ】現役コーダーが破格でホームページ・LPコーディング承ります
業務内容
ご覧いただきありがとうございます!
普段はWeb制作会社に勤務しながら、個人でお仕事をいただいております^^
Web制作会社へ依頼される際の一般的な相場よりお安く対応できるように尽力しますのぜひ相見積もりをお願いします!
新規コーディング以外にも既存ホームページの部分的な修正、既存WordPressサイトのカスタマイズも可能です。(こちらでコーディングを行っていないサイトの単発修正は工数の関係上、単価がやや高めになります。)
表示価格は1ページ単価コーディング最低価格となります。"どのようなデザインでもコーディングができる"という意味ではなくpx数やデザインの難易度などの内容によって費用が変わる為、まずデザイン内容などメッセージでご相談ください。
※例えば3,000円ではプライバシーポリシーページのような簡易ページがコーディングできます。
◆作業内容
・HTML/CSSを用いたコーディング
・JavaScriptを用いた仕掛けの実装(ハンバーガーメニュー、スライダー、アコーディオン etc)
・お問い合せフォームの実装
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)
◆制作の流れ
①ヒヤリング(※ご依頼や困りごとの内容などお聞かせください)
↓
②お見積り
↓
③デザインのご提供 ※デザインから作成の場合は除く
↓
④コーディング
↓
⑤テスト&ご確認、修正
↓
⑥最終確認、納品
※納品方法についてはご希望があればお申し付けください
◆納期について
3日〜2週間ほどお時間をいただいております。
作業量により変わってきますが、ご希望があればご相談ください。
◆実績
<ホームページ制作>
・海外医療系ホームページの日本語版サイトを制作(コーディング〜WordPressサイト)
・不動産屋ホームページ(コーディング〜WordPressサイト )
・歯医者のホームページ(コーディング)
HTML/CSSのコーディングでお困りの方代行いたします
業務内容
【こんなお悩みありませんか?】
・Webサイトを制作するにも知識がない
・コーダーがほしい
・デザインは得意だが、コーディングが不得意
・安心できる人に依頼をしたい
どんなお悩みにも、丁寧に迅速にサポートさせていただきます。
依頼内容の詳細
こちらのサービスはWebサイトを制作する際に小さい依頼からでもお困りの際にご利用していただけたら幸いです。
・既存サイトの一部修正(文言修正・スタイル修正・レイアウト修正)
・PC/SPのレスポンシブ対応
・デザインーと連携して複数Webサイトを制作
・既存サイトにページ追加
価格
・ベーシック 3000円~10000円
TOP1ページ・下層5ページ以内のコーディング
・静的サイト
・レスポンシブ対応
※ 一部修正または下層1ページのみなどの場合は3000円〜ご対応いたします
・スタンダード 2万0000円~
TOP1ページ・下層5ページ以内のコーディング
・静的サイト
・アニメーション
・レスポンシブ対応
・プレミアム 4万0000円~
TOP1ページ・下層10ページ以内のコーディング
・静的サイト
・アニメーション
・レスポンシブ対応
※あくまで目安になりますので金額に変動はございますのでお気軽にご相談ください!
納期
【ベーシックプラン】
最短で即日〜3日間
【スタンダードプラン】
6日間〜
※ 内容により変動いたします
【プレミアムプラン】
14日間〜
※ 内容により変動いたします
制作の流れ
ヒアリング・お見積もり(ご相談に関しては無料になりますのでどんな内容でもご相談くださいませ)
⬇︎
ご契約
⬇︎
デザインデータご提供していただきます
⬇︎
実装
⬇︎
問題ないかご確認をしていただく(この際の修正に関しては回数無制限になりますのでご安心ください)
⬇︎
納品(zipファイルでの納品またはご指定のサーバーにアップロード)
⬇︎
必要があれば運用も行います(定期的にアップデート・修正など)
ここまでご覧いただき誠にありがとうございます。
ご依頼いただいた際には迅速かつ丁寧に料金以上に満足していただけるように制作させていただきます。
小さなことでもお気軽にご相談して頂ければと思います。
ご一緒にお仕事できることを楽しみにしておりますのでご検討の方、何卒よろしくお願いいたします。
【こちらはいかがですか?】
品質・パフォーマンスの向上、ブログやお知らせ機能など機能面も向上をさせたい方は以下をご検討していただけると幸いです。
https://www.lancers.jp/menu/detail/1271627
【プロフィール】
【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
※いずれも最新版です。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
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テーマカスタマイズ等
⚫特徴
・反応が早い
・作業の言語化が得意
・柔軟な対応が可能
どうぞお気軽にご連絡くださいませ!いつでもお待ちしております。
最短24時間以内に初稿出し!LPのコーディング承ります
業務内容
デザインをいただいてから、HTML、CSS、JavaScriptでコーディングいたします。
gitの運用も問題ございません。
【個人事業主・中小企業様へ】STUDIOで低価格・運用簡単なホームページを制作します
業務内容
・ホームページを作りたいけど、まず何から始めたらいいのかわからない...
・Webサイトを作りたいけど、相談できる人がいなくて困っている...
そんな個人事業主・中小企業の方の気持ちに寄り添った、ホームページのの制作代行を
しております。
制作には新しく誕生した日本発のWebサイトデザインツールの「STUDIO」を使用致します。
STUDIOで制作することで、低コスト・高品質・短納期を実現します!
従来のウェブサイト制作方法
・大きなコストがかかる
→ヒアリング後のデザイン作成、コードの作成、さらにはバックエンドの開発など、
それぞれの工程で専門の担当が必要になるため
・コストパフォーマンスが悪い
→価格の割にクオリティや集客が思ったほど伸びない、サイトの修正にも追加費用が
かかる
STUDIOでの制作方法
・コストを抑えられる
→デザインフェーズのみでのサイト公開が可能なため、工数が削減でき、必然的に
人件費が抑えられるので、従来のホームページのクオリティを維持しながら、価格を
大幅に削減したサイトの制作が可能
・運用面でもおすすめ
→ページの変更もリアルタイムでお客様ご自身でも可能
(近年ではメルカリや官公庁などでもSTUDIOを用いたサイト制作が行われているため、
安心してご利用いただけます。)
納品までの大まかな流れは以下の通りです。
①ヒアリング
・どんなデザインにしたいか
・どのようなページを作りたいか
・誰に何を伝えたいか
・ホームページを作る目的
など、ヒアリングを行います。
まだイメージが決まっていなくても問題ありません。
②画像・文章・ロゴのご準備をお願いします。
ご用意がない、どうしたらいいかわからないという方もご相談ください。
フリー画像のご用意など丁寧にサポートいたします。
(サーバーはSTUDIOとセットになっているため、ご準備は不要です。)
③ご確認
こちらで制作したホームページをお送り致しますので、ご確認ください。
修正・変更等のご希望があればお知らせください。
(修正は基本、3回とさせていただいております。)
④納品
ご自身で行う場合の修正や更新方法をお伝え致します。
実際にZoomなどのビデオ通話で打ち合わせしないと不安ということもあると思い
ますので、お気軽にご相談ください。
無料で承っております。
デザインデータをもとに忠実に再現したHP・LP制作をします
業務内容
□サービス内容
LP・HPを制作いたします。
お客様からいただいた*デザインデータをもとに、忠実にサイトのコーディングをしてお渡しいたします。
*XD、Figmaに対応しております。
・HTML、CSS(Sass)を用いたコーディング
・Wordpress構築
・レスポンシブ対応
・*簡単な動き対応
*ハンバーガーメニューやアコーディオン、フェードインアニメーションなど。
WordPress対応、格安でHTML/CSSコーディング代行致します
業務内容
このページをご覧いただき、ありがとうございます。
お預かりしたデザインデータをもとにコーディング作業を代行致します!
○サービス内容
<基本料金>
・HTML / CSSでの静的コーディング
・JavaScript(iQuery)の動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニュー等ご相談ください)
・WordPress対応
・レスポンシブ対応
・下層ページコーディング対応
・サーバー納品対応
①ヒヤリング/お見積り(無料)
②ご購入
③XD・psd・Figmaでのデザインデータのご提供
③コーディング作業
④テスト環境へアップロード
⑤修正(修正回数無制限ですので、もし修正希箇所があればお知らせ願います)、再度テスト環境へアップロード
⑥最終確認後、納品(zipファイル納品)。サーバー納品も可能です、ご相談ください。
・購入後のお客様都合でのキャンセルは原則致しません。
・格安で出させて頂いている事もあり、実績として使わせていただく事をお願いしております。
【最短1日】誰よりも早くと言える!デザインに忠実なLP、HPをコーディング代行します
業務内容
この度は、数多くのサービスの中からご覧頂きありがとうございます。
素早く実装、取り急ぎコーディングしたい方にはぜひおすすめしたいと思います!お客様に、安心・ご満足いただけるようなサービスを提供しています。
親切丁寧な対応を心掛けていますので、ご購入前に必ずメッセージにてご相談ください。
【ごんな方には是非オススメ】
■デザインを持って、取り急ぎコーディング化したい方
■デザイナーを務めているお客様(長期間協力の場合にはご相談お願いします)
【ご注文までの流れ】
1.ご相談と確認(見積もりなど)
2.デザイン図の受け取り
3.コーディング代行
4.納品前の確認と修正
5.最終納品
【サポート期間】
納品と同時に終了しますが、細かな修正には「納品前の確認と修正」段階で確認してお願いします。
【デザインデータについて】
XD、Sketch、Photoshop、Figmaでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
【実績】
■不動産(賃貸・建売・売買どれも経験あり)
■中小企業(コーポレートサイト)
■人材派遣
■採用ホームページ
■国際事業
■保育園
■美容室
■葬祭
■研究室
など
全てに同意をされ納得されてからご購入ください。
ご不明点がありましたら、お気軽にご連絡ください。原則12時間以内に返信いたします。
最後までご覧いただきありがとうございました。
【デザイナー様向け】ランディングページコーディングします
業務内容
インハウスデザイナーとしてLPの修正や作成等を行っております。
スキル麺等ご不安な場合は作成したLP等お問い合わせの際共有させて頂きます。
【ベーシック内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
【スタンダード内容詳細】
・HTML/CSSコーディング
・アニメーションの実装
・レスポンシブ対応
・内部SEO対策
・テスト確認用サーバーの設置(各種ブラウザの表示確認)
・公開作業
・ハンバーガーメニューやスライドイン等jqueryの実装
・お問い合わせフォームの実装:17,000円〜
「PHP工房」のメールフォーム使用
▼LPの作成全てはコチラをご覧ください。
https://www.lancers.jp/menu/detail/1264811
格安対応!デザイン通りにLPやHPのコーディング致します
業務内容
この度は私のパッケージをご覧いただきありがとうございます。
千葉県在住、フリーランスのWebエンジニアとして活動している石田哲朗と申します。
◆サービス内容
・HTML/CSSを用いた静的コーディング
・JavaScript(jQuery)を用いたアニメーションを実装(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
・基本的なSEO対策(alt, metaタグなど)
・WordPress導入
修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします!
※もし何か不手際がありましたら、全額返金させて頂きます。
■料金
10,000円(サービス内容すべて込み)
※複数ページでも10,000円にて対応させて頂きます。(追加料金は一切かかりません!)
◆制作の流れ
1.「見積り・カスタマイズを相談する」よりご相談ください。
2.デザインデータお預かり
3.コーディング(毎日進捗のご共有をさせて頂きます。)
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
・サーバーへのアップロード(FTP情報(ホスト名、ユーザー名、パスワード)のご共有をお願い致します。)
◆納期
受注から5日~14日程度でございます。
※あくまで目安とさせていただき、内容によりご相談させてください。
発注していただいた際は、納期の厳守、迅速なレスポンスを徹底し誠心誠意取り組ませていただきますのでご検討のほどよろしくお願いします。
【高品質】レスポンシブ対応で丁寧にコーディング代行いたします
業務内容
ご覧いただきまして、ありがとうございます。
当サービスはデザインデータからWebサイトのコーディングを承っております。
■このようなお悩みのある方におすすめ
①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手
■サービス内容
【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・タグ最適化
・gulpによる画像圧縮(表示高速化)
・テストアップ後の修正作業
■実績
Webコーダー歴は、1年。
個人で頂いた案件数は、5件以上。
現在は、Web制作会社と業務委託契約を結び、案件を頂いております。
■クライアントの声
ご契約いただいたクライアントの方からは、
・予定していた納期よりも早かったのでとても助かった。
・素早い連絡で、スムーズに案件を進められた。
・こちらの要望に柔軟に対応してくれた。
こちらのお声を多数いただいております。
■無料アニメーション一覧
・簡単なスクロールアニメーション
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
■納期ーデザイン、ボリューム、稼働状況により変動いたします。
・トップページ:3~4日
・下層ページ:2日~
※デザインデータ受け取り翌日からの日数です。
ご満足いただけるよう、責任をもって対応させていただきます!
ご不明な点があれば、お気軽にご連絡ください。
HTML,CSS,簡単なJavascriptで静的ページを作成します。ます
業務内容
▼こんな方へおすすめ
Webページのデザインをしてみたけど、具現化できない方。
▼オプション
DBを持ちたい、サーバーにDeployしたい、クラウドで運用したい等の相談も受け付けます!
使用する技術が変わるので、料金は別途相談。
(React,Typescript,Postgres,node.jsで対応させていただきます)
WordPress&レスポンシブ対応!HTML/CSSコーディング承ります
業務内容
▼パッケージ内容
・HTML静的ページのコーディング
・WordPressサイトのコーディング
・JavaScriptを使用した表現
・スクロールに合わせたアニメーション
・スライドギャラリー
・ハンバーガーメニュー
・アコーディオンやタブ等
▼コーディング料金
・TOPページ:15,000円〜 / 1ページ
・下層ページ:10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・WordPress TOPページ:30,000円〜 / 1ページ
・WordPress 下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によっては別途料金をいただく場合があります。
※料金は全てレスポンシブ込みです。
▼納品までの流れ
①ヒアリング(内容の詳細をお聞かせください)
②納品日と金額をお伝え。
③ご契約(デザインや素材等コーディングに必要なデータをお送りください)
④コーディング開始
⑤ご確認
⑥納品(サーバーへのアップ・もしくはファイルの送付)
※対応ブラウザは「Chrome・safari・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。
宜しくお願いいたします。
即対応! HP・LPコーディング承ります。現役フロントエンドエンジニアます
業務内容
■YAMADA Takahiro山田隆広にお手伝いできること
・HTML CSS Javascript のコーディング
・SPAページのコーディング
・オリジナルテーマでのWordPress構築
・既存webサイトの更新
「安心して任せたい」
「信頼できる人がいい」
「提案してくれる人がいい」
「コーダー不足」
「コーディングが苦手だから任せたい」
■YAMADA Takahiro山田隆広が大切にしていること
・柔らかく温かなコミュニケーション
・早急なレスポンス(即~半日以内)
・毎日の進捗状況のご報告
・可能な限り前倒しの納品
・何より、完成品をお客様にご満足いただけること
■使用できるソフト
・HTML
・CSS SASS
・Javascript
・Typescript
・React app
・React Native
・AngularJs
・Bootstrap
・Wordpress
・Figma
・Adobe XD
・Adobe Illustrator
・Adobe Photoshop
・Git GitHub
・Git GilLab
■稼働可能時間帯
平日・土日祝 16:00〜25:00 (日本時間)
※2024年現在フランスに居住しているため対応不可な時間帯がございます。
※ご相談やお取引中のメッセージのやりとりは半日以内にご対応いたします
■居住地
フランス パリ
■趣味・特技
コミュニティ運営 ダンス 新技術の習得
もしご興味を持っていただけましたら、どんな些細なことでもお気軽にお問い合わせくださいませ。どうぞよろしくお願いいたします。
HTML、CSS、javascript。デザインに合わせた最適なページ作成します
業務内容
\デザインを持っているがコーディングして欲しい/
ぜひご相談ください!
こんな方におすすめ
✅「自分でコーディングする時間がない」
✅「デザインは持っているがコーディングは外注したい」
✅「現状のサイトでPCデザインしかないので、レスポンシブデザインに対応したい」
✅「既存のサイトを一部修正してほしい」
制作の流れ
1.メッセージにて打ち合わせの日程調整を行う
2.メッセージにて打ち合わせ、素材提供
3.ご購入
4.制作開始
5.ページ確認(お客様にてご確認いただきます)
6.納品
WordPressについて
作成したページをワードプレス化することも可能です。
◼ご用意いただくもの
- ご自身がお持ちのデザインカンプ
[制作会社様、デザイナー様向け]信頼関係を大切に、コーディング業務を代行いたします
業務内容
ご覧いただきまして、ありがとうございます。
信頼関係を大切に、丁寧な対応を心がけております。
本サービスはWordPressオリジナルテーマ構築やコーディング代行サービスです。
【半額キャンペーン】
Lancers駆け出しの為、モニター価格としてお見積りより半額で対応させていただきます。
【当サービスの対応可能範囲】
・HTML、CSS(Sass)、JavaScriptを用いたコーディング、アニメーションの実装
・レスポンシブ対応(どのような画面幅でもデザイン崩れなく綺麗に表示するよう努めております。
・WordPressオリジナルテーマ構築、セキュリティ対策
・お問い合わせフォーム
・公開作業
【納期】
【LPコーディング】
6日〜
【HPコーディング】
14日〜
※デザインデータ受け取り翌日からの日数です。
内容によって柔軟に対応いたしますので、ぜひ一度ご相談ください。
【主な制作の流れ】
①ヒアリング、お見積り、要件確認
②デザインデータ、画像等のご提示
③コーディング・テスト
④ご確認※修正等あれば柔軟に対応させていただきます
⑤納品
【納品方法】
圧縮ファイル(ZIPファイル)納品
サーバーアップロード(FTP情報が必要となります)
納品後の修正等あれば迅速に対応させていただきます。
ご相談だけでも、ぜひお気軽にお問い合わせください
【基本料金】
・トップページ¦10,000円~
・下層1ページ¦5,000円~
・LPコーディング¦10,000円~
また、簡単なアニメーションは無料で対応させていただきます。
※料金は目安となります。
お一人ずつお見積りをしておりますので一度ご相談くださいませ。
【ご依頼に当たっての注意事項】
・ご準備いただきたいもの
・デザインデータ
・素材 (画像の加工は行なっておりません)
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
【レスポンシブ対応込み】HP・LPコーディング代行いたします
業務内容
HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。
特別なご希望がなければ、PC・スマホの2デザインを頂戴し、リキッドレイアウトで対応します。
*****
【サービス内容】
・完成されたデザインデータを元にしたコーディング
(HTML/CSS、JavaScript)
・フェードイン、スライドショー、ハンバーガーメニュー(スマホ時)など、基本的なアニメーションに対応
・レスポンシブ対応
・テスト環境による動作確認
【納品形式】
Zipファイル
(HTML、CSS、JavaScript、画像等をフォルダにまとめ圧縮したもの)
【ご準備いただくもの】
・完成されたサイトデザインデータ
(Figma、PhotoShop、Illustrator、XDを想定しています。)
※テキスト、画像もご用意をお願いいたします。
【納期】
1週間〜
※作業ボリュームによって変動します。
※こまめにやりとりを行いながら進めてまいります。
スムーズな納品のために、お早めの返信にご協力ください。
【修正回数】
無制限
ご納得いただけるまで対応いたします!
【こんな方にオススメ!!】
・コーディングパートナーが欲しいデザイナーの方
・リソース不足でコーディングを依頼したい方
【制作の流れ】
-
まずはお気軽にご相談ください。
ご相談の際、デザインデータをご提供いただけますと助かります。 -
ご相談内容、デザインデータをもとに、さらに詳細な制作内容をヒアリングいたします。
ヒアリング後、お客様と当方で制作内容・価格・納期などの合意が得られ次第、正式に商品を購入いただきます。 -
コーディングを行います。
進捗は随時報告いたします。
修正は無制限ですので、ご納得いただけるまで修正内容をご指示ください。
レスポンシブ(LP) 1ページ
業務内容
パソコン/スマホ兼用のページを作成をさせて頂きます
デザインデータはご用意ください。
ページ内スクロール等の軽アニメーションは含めます。
大きなアニメーション等が伴うもの、javascript(jQuery)/PHP等が伴う場合は別途ご相談ください(要お見積り)。
基本平日夕方~夜間、土日祝日中の対応になります。
HTML/CSSのコーディング 勉強しながらなので安く受けれます♪
業務内容
プログラミングを学び始めて2カ月ほどです。
初心者なので経験を積むためにも安く受けさせていただきます。
JavaScriptやjQueryは勉強しながらです><
クオリティーや納品の期間が伸びます。ご了承ください。
修正については1回まで対応させていただきます。
よろしくお願い致します。
元Web制作会社勤務。制作実績数300件以上の信頼と実績でコーディングいたします
業務内容
当サービスをご覧いただきまして、誠にありがとうございます。
お客様との対話を大切に、親切丁寧な対応を心がけ、常にパーフェクトな納品を目指しております。
\ このような方に最適です /
・デザインデータはあるけど、コーディングはできない。
・リソース不足で、コーディングまで手がまわらない。
・外注先の選定で失敗したくない。
・制作会社レベルのスキルで対応してもらいたい。
★対応範囲と費用につきまして。
・静的コーディング:トップページ¥20,000〜、下層ページ¥15,000〜/1ページ
・レスポンシブ対応(1ブレイクポイント)
※ご要望に対応できますので、予めご相談ください。
・よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。(要ご相談)
・PHPファイルでの納品可能です。(着手前にご申告ください)
ヘッダーやフッターなど共通ファイルとして扱いたい場合や、
WordPressに組み込む予定がある場合などにご利用ください。
※WordPress対応も得意としておりますので、併せてご相談いただければと思います。
(別途サービス出品しております:https://www.lancers.jp/profile/syzmagic/plan/171629)
併せてご依頼いただける場合は、値引きさせていただきます。
★別途有料オプション対応目安(ご相談時にお見積りさせていただければと思います)
・cssアニメーション:¥3,000〜/1バリエーション
※マウスオーバーアニメーションなど(基本的な透過アニメーションなどは無料です)
・JavaScriptによる制御:¥5,000〜/1バリエーション
※モーダルやドロップダウンコンテンツ、スクロールに準ずる制御など
・お問い合わせフォーム:¥20,000〜/項目などにより変動
さほど手がかからずサービスさせていただく場合もございますので、
ご購入前にヒアリングさせていただければと思います。
★ご相談から納品の流れ
1.ご相談いただき、ヒアリングとお見積りをさせていただきます。
2.デザインデータをご提供ください。(illustrator/Photoshop/XD/Figmaなど)
3.コーディング作業開始
4.テストサイトにてご確認と修正
5.最終確認
6.納品
実機テスト環境は
macOS CatalinaとVentura:Chrome/Firefox/Safari
Windows11:Edge/Chrome/Firefox
iPhone13、iPad
その他はデベロッパーツールでの確認となります。
★納期につきまして
ボリュームにより変動いたします。
ヒアリング時にご希望を伺わせていただければと思います。
※リソース状況によりお請けできない場合もございますので予めご了承ください。
その他お気軽にご相談ください。
【先着10名】ランサーズ最安1250円でコーディング
業務内容
【10名様限定のご案内です】
ページ内で使用する画像、文言をすべてご提供いただければ
1,000円でランディングページを制作いたします。
基本的には5日後をめどに納品いたします。
お急ぎの場合はご相談ください。
ページの制作には以下のものが含まれます。
・基本的なhtml、cssのコーディング
・「TOPへ戻る」や「お問い合わせフォームへ」等のページをスクロールさせるボタンの設置
【下層ページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
Webサイトの下層ページのコーディングを承ります。
※TOPページやLP(ランディングページ)は、各専用メニューからご依頼ください↓
【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439
【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397
このようなお悩みはありませんか?
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」
当方では、これらすべてをクリアしてコーディングいたします。
一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。
その他にも、以下のような作業を心掛けています。
・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング(BEM、FLOCSS)
デザイナーとしての実務経験もございますので、
PC用デザインのみ(スマホ用デザインがない場合)でも、
見た目の整ったコーディングが可能です。
● 作業者について ----------------------------------------------------
制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。
● 対応可能データ ----------------------------------------------------
・PSD、AI、XD、Figmaのいずれか
確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
● 動きのある要素について ---------------------------------------------
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
【オプション料金にて対応可能】
・JavaScriptを使用したアニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
● ブレイクポイント --------------------------------------------------
一箇所が料金内です。(PC・スマホの切り替え)
※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。
● 動作確認ブラウザ --------------------------------------------------
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS バージョン15
Safari
・Android バージョン11
Chrome
※いずれも最新版です。
● 納品形式 ---------------------------------------------------------
・ファイル送付、もしくはご指定のサーバーにアップロード
※特にご指示がなければファイル送付での納品となります。
● 納期について -----------------------------------------------------
標準納期は、「デザインデータ受領から」3営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
HTML/CSS コーディング 実績を積むため期間限定破格対応
業務内容
はじめまして、水本と申します。
ランサーズは始めたばかりですので、実績を積むため、期間限定で破格で対応させていただきます。
HTML /CSSコーディング(最大2ページ、修正2回ほどを想定)
まずはお気軽にご連絡ください。
よろしくお願いいたします。
HTML/CSS・WordPress(要相談)のコーディング代行。素材ご用意できます
業務内容
いただいたデザインを元に、HTMLとCSSを用いてコーディング致します。
「イメージはあるんだけど・・・」
という方には、写真やイラストなどの素材や文案もご提案可能です!
お気軽にお問い合わせ下さい。
・PC→スマホなど画面サイズ変更によるデザインの可変(レスポンシブ対応)
・スライドショーやハンバーガーメニューなどの動きのあるデザイン( jQuery使用 )
が、今なら1箇所無料!!!
( 追加もオプションにて承ります )
\. 納期をお急ぎの場合でも対応できる場合がございますので、お気軽にご相談ください /
【制作会社様、デザイナー様へ】サイト、LPのコーディング承ります
業務内容
ご覧いただきありがとうございます。
「デザインは作成済み、コーディングだけを頼みたい」制作会社様・Webデザイナーの方、
「デザインやイメージは決まっているけれど誰にお願いしたらいいかわからない」とお悩みの方
ぜひお気軽にご相談ください^^
▼サービス内容
・頂いたデザインを元にHTML&CSSコーディング(1ページ~複数ページ対応可能です。)
・レスポンシブ対応(スマホ・タブレット表示対応)
・JavaScript / jQuery(スライダー、ポップアップ、スクロールアニメーション等)
・お問い合わせフォーム作成
・WordPress化
▼料金に含まれるもの
・画像圧縮による速度最適化
・誤字脱字、表示くずれ等による修正(無制限)
▼料金例
・LPコーディング ¥10000~(レスポンシブ対応込み)
・お問い合わせフォーム実装 ¥20000円(静的サイト)
¥5000(WordPress)
▼制作の流れ
①ヒアリング・お見積り
※ページのボリューム、実装内容により料金が異なりますため、デザインデータの提示をお願い致します。
頂いたデザインを元に、お見積り・納品までの概算日数をお伝えします。
②1回目の提出
内容により異なりますが最短約2~3日でご提出いたします。
③修正版の提出
修正回数に制限は御座いません!★
④納品
通常はzipファイルでの納品となります。
サーバーにアップの対応も可能ですので、そちらをご希望の場合はお見積りの際にご相談ください^^
ご確認頂きました後、納品のお手続きをさせて頂きます。
納品完了後は、ご評価をして頂けますと嬉しく思います^^
◆納期
1ページあたり2・3日程で、納品いたします。
※ページの長さ、アニメーション有無等で納期は前後いたします事あらかじめご了承ください。
「格安」webサイトコーディング、または修正を致しサイトます
業務内容
LP制作、HTML,CSS修正など
柔軟に対応可能なので、ご相談ください。
価格はご相談により決めさせていただきたいので、一律10000円に設定してありますが、
相談後に正式な見積もりをお出しいたします。
ポートフォリオ
https://keylem-yoshidatakahiro-protfolio.sakuraweb.com/
また、jQuery,PHPなどの相談も受付ていますのでお気軽ご相談ください。
よろしくお願いいたします。
品質の高いLPを早期に納品します。ます
業務内容
ランディングページの要件定義からデザイン、コーディング、保守運用までをワンストップで行います。
仕様を事前に固める前提ではありますが、ある程度のバッファを持たせることで柔軟性のある開発プロセスを実現します。
【制作会社様・デザイナー様向け】LPをレスポンシブコーディングいたします
業務内容
LP(ランディングページ)コーディング ※レスポンシブ対応込
▶
デザインを尊重し、デザイン通りにコーディングいたします。
▶CSS設計を用いて、制作した先の修正や保守・運用まで見据えてコーディングいたします。
記載の金額は目安としてご参照ください。
納品スピードも加味した上で設定しており、ページの長さやご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
▼こんな方におすすめ
──────────────────
【制作会社様・デザイナー様】
・デザインはある
・デザイン通りに、品質良くコーディングをして欲しい
・リソースが足りない
・急ぎだけど、対応しきれない
・レスポンシブはよしなにやってほしい
▼わたしについて
──────────────────
・10社の制作会社とパートナーとしてお仕事をしています
・メインはLPやECのコーディング、WordPress構築など
・34歳、3歳、0歳の二児の父
・仕事、家事、育児に全力の日々を送っています。
・ご提供できるスキル
HTML / CSS(BEM,FLOCSS) / Sass / jQuery / Gulp / WordPress / EJS / Github
・制作実績
https://www.lancers.jp/profile/kota4code/portfolio
▼コーディングで大切にしていること
──────────────────
”デザインの再現”を前提として、ただ制作するのではなく、
・制作した先の運用、修正や管理のしやすさ
・ユーザー視点(スマホのときにボタンを押しやすいように押せる範囲を広く取っておくなど)
を心がけ、コーディングの先に人がいるということを大切にしております。
▼目指すもの
───────
《 ユーザーやお仕事に関わる方々、自分自身が笑顔になれる仕事 》を目指しています。
なぜなら、人に貢献でき、喜んでもらえたときが最も嬉しく、日々の充実を感じるからです。
実務でお相手の方からいただけた
「丁寧なコーディングやご報告で助かりました!」
「お人柄の伺えるやりとりでとても安心できました」
などのお言葉は、私の原動力となっています。
少しでも人に貢献し喜んでいただけるように、日々、自己研鑽に励んでおります。
▼対応可能デザインデータ
───────
・Figma, XD
・Photoshop, Illustratorも対応可能ですが工数が変わるため、別途必ずご相談ください。
▼無料サービス対応
───────
・ヘッダー
・ハンバーガーメニュー
・ドロワーメニュー
・フッター
▼オプション対応
───────
・アニメーション
・スライダー
・アコーディオン
・問い合わせフォーム (※セキュリティ重視のもの)
…その他、お気軽にご相談くださませ。
オプション内容は、下記オプション欄をご参照ください。
▼納品前チェック内容
───────
・各画面幅の表示崩れ
・ブラウザ確認(Chrome / Safari / FireFox / Microsoft Edge 各最新版)
・リンク先
・HTMLエラー
・CSSエラー
・フォントの表示
・閉じタグ
・画像サイズ
・アニメーション挙動
・ホバーアニメーション
・メタタグ、OGP
・ファビコン
▼納品形式
───────
・ファイル送付
・FTPによりサーバーにアップロード
▼納期
───────
・各プラン提示の納期は「デザインデータをいただいてから」の納期です。
・5営業日
・お急ぎ、土日対応も可能です。別途ご相談ください。
▼ご注文の流れ
───────
■ご依頼内容のご相談
「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお伺いさせてください。
↓
■お見積、ご注文
納品日の目安、追加購入が必要なオプションがある際はご案内いたします。
お見積に問題がなければ、ご注文をお願いいたします。
デザインデータ、写真やテキストなど、使用する素材をお送りください。
↓
■制作開始
最終的な納品日をお伝えし、制作開始。
↓
■ご確認・修正
3回までは無料で修正対応いたします。
チェック完了後、データ納品となります。
↓
■納品
【WordPress構築まで対応!】貴社のコーディングを代行いたします
業務内容
【 先着3名様まで!通常価格より30%引きでお受けいたします! 】
数あるサービスの中からこちらをご覧いただき、誠にありがとうございます!
◆ただいま【 無料相談 】を実施中です!
- 制作リソースが足りずに困っている。。
- 一緒に制作をしてくれるパートナーがほしい。。
- 最後までやりきってくれるか不安。。
- コミュニケーションが取れずに困っている。。
制作会社様、フリーランスのディレクター様、デザイナー様など、
このようなお悩みを抱える方々からのご依頼を承ってまいりました。
前の制作者と連絡がつかなくなってしまった案件をフォローしたり、
炎上してしまった案件の解決に参画させていただいたりと、
数多くのお困りごとに取り組み、解決してまいりました。
お困り事がございましたら、まずはお話をお聞かせください。
解決策を一緒に考えさせていただきます。
■提供可能なこと
- デザインを忠実に再現し、保守・運用がしやすいコーディング
- ユーザー目線に立った積極的なご提案
- クライアント様の運用を考えたWordpressの構築
- 管理シートを用いての案件管理・スケジュールや確認事項の共有
■制作内容の詳細
・静的コーディング(1ページ〜)
・各種アニメーションや機能の実装
・お問い合わせフォームの設置と実装(HTML、WordPressのどちらでも可)
・WordPress化
※WordPressの導入については、別途追加費用が発生いたします。
※アニメーションや機能の実装については、ボリュームによって別途追加費用が発生する場合がございます。
■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
■購入の流れ
1.無料相談
ご依頼の内容についてお伺いいたします。
2.ご提案
内容を整理し、実装方法や具体的なお見積もり、納期についてご提案いたします。
ご準備いただくもの(デザインデータや素材など)についても確認させていただきます。
3.ご契約
内容を互いに確認したのちに、契約をさせていただきます。
4.作業開始
実際に作業を開始いたします。
定期的に進捗をご報告しつつ、ご不明点はその都度確認させていただきながら進めてまいります。
5.初稿提出〜修正対応
コーディング完了後ご確認をいただき、修正点があれば対応してまいります。
6.納品
最終チェックを完了したのち、データ納品となります。
納品後の管理・運用については、ご希望に合わせてレクチャーなどを行うことも可能です。
■私について
9年間高校の教師として勤めたのち、独学でWeb制作のスキルを習得いたしました。
現在は複数の制作会社様のWeb制作専門外部パートナーとして活動しており、
【 WordPressサイトやLP 】を、
【 デザインからコーディングまで一貫した体制 】で制作しております。
1500名以上の生徒や、保護者や地域の方々との関わりの中で培ってきた「信頼関係を構築するプロ」としての経験がございます。
- 丁寧なヒアリングと用件のすり合わせ
- 積極的なご提案
- 不安を与えないコミュニケーション
これらをWeb事業にも活かし、ディレクター様やデザイナー様から高評価をいただいております。
ここまでお読みいただきましてありがとうございました!
ご不明な点がございましたら、いつでもお気軽にメッセージをいただければ幸いです。
ご連絡をお待ちしております!!
更新作業がとても行いやすいコーディングをします
業務内容
業務内容
★サービス内容★
デザインカンプからの、HTML/CSS,jQuery コーディングを行います。レスポンシブ対応込み。スタンダードプランより、アニメーションの実装も含みます。ご希望時は、サーバーへのアップロードのお手伝いも可能です。
★このサービスがおすすめの方★
・フリーランスWEBデザイナー様
・WEB制作会社様
・ビジネスパートナーを探されている方
・ポートフォリオサイトを作りたい方
安心・確実なスキルで、あなた様の右腕になります。
長期でのご依頼はもちろん、単発でのご依頼もお受けさせて頂きます。
★料金について★
・初回のご依頼は1Pのみ全て、「1万円」にてご対応させて頂きます。
・2回目以降、トップページ2万円〜
・2回目以降、下層ページ1万5千円〜
★お仕事の流れ★
①契約前に、事前打ち合わせを行います。(*希望時)
→契約をする前に、お客さまに安心してお仕事をお任せ頂けるよう、無料でビデオチャットを用いての打ち合わせが可能です。お気軽にご相談下さい。
②ご契約
③お仕事開始
→お客様が不安にならないように、ご希望時は進捗状況を都度ご報告させて頂きます。
④一次納品
⑤ご確認/修正対応
→こちらでも綿密な表示確認を行いますが、修正点がございましたら即対応致します。
⑥最終納品
→納品形式は、お客様のご希望に沿った形を取らせて頂きます。ご希望がなければ、zipファイルとして圧縮しデータ一式を提出致します。
★おすすめポイント★
・即返信/即対応
→「驚くほど早い」をモットーにしております。お客さまが安心して依頼できるよう、可能な限り即返信/即対応を致します。
・お試し価格あり
→お客さまが、私を見定めることができるよう格安でコーディングをさせて頂くお試しプラン(ベーシックプラン)をご用意しております。ぜひご活用下さい。
★メッセージ★
最後までご覧頂き、本当にありがとうございます。
お客様と共に歩み、お互いに成長し合える良きパートナーとなれる日が来ることを
切に願っております。
どうぞ、よろしくお願い致します。
今
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。