人気ランキング 期間:6月28日 〜 7月5日
7月分受付中【Wordpress HTML/CSS】デザイン通りコーディングします
psd・aiデータのコーディングもお任せ|HTML・CSSコーディング代行を承ります
楽天店舗オープン審査サポート&ページ構築「最短15日以内にオープンしたい!」ます
1ページ5万円からコーディング
業務内容
フリーのwebエンジニアとして大手企業から個人サイトまで多数のサイト制作をおこなっております。
コーディングでお困りのことがある方や、サイト改善のヒントを探している方がおりましたら、ぜひお声がけください。
HTML、CSS、Jquery、Wordpressによるweb制作の業務を行います
業務内容
HTML、CSS、JQuery、Wordpressの技術を使ってWeb制作の業務を提供します。
【コーディング】その素敵なデザイン!コーディング致します
業務内容
▼こんな方へオススメ
✅ デザイン通りに忠実にコーディングしてほしい方
✅ アニメーションや動きを取り入れたWebページを作りたい方
✅ レスポンシブ対応をしっかり行いたい方
▼サービス内容
デザインデータをもとに、忠実なコーディングを行います。
HTML/CSSのコーディングに加え、JavaScriptやjQueryを使用した動的な実装にも対応可能です。
✅ 対応可能なコーディング内容
・HTML/CSS/Sass を使用したレスポンシブ対応のコーディング
・JavaScript/jQuery を使用した動的な動きの実装
・アニメーションの追加(フェードイン・スライド・ホバーエフェクトなど)
・Swiper.js を使ったスライダーの実装
・ハンバーガーメニューの実装
▼納品形式
コーディング済みの HTML / CSS / JavaScript ファイル一式
必要に応じて、画像やアセットファイルも同梱
▼価格・納期
作業ボリュームによって変動しますのでクライアント様と協議の上確定
▼ご依頼の流れ
1️⃣ ご相談・ヒアリング(デザインデータの確認・要望のヒアリング)
2️⃣ コーディング開始(ご要望に沿った忠実なコーディングを実施)
3️⃣ 納品・修正対応(ご確認いただき、軽微な修正対応)
その他ご不明点などお気軽にご相談ください!
ご希望や仕様に合わせて最適なコーディングを提供いたします!
WEB制作のプロが格安でHTML/CSSコーディングします
業務内容
・忙しくてコーディングを誰かに任せたい方…
・デザインはあるけど、コーディングの知識がない方…など
HTMLとCSSのコーディングを代行します!
ランサーズの実績はありませんが、飲食店への営業などでWEB制作実績はあります。
気になる方はポートフォリオをご参照ください。
お客様とご連絡を取り合いながら作業を進めて参ります。
●コーディング
デザインデータを元にHTMLとCSSを使いコーディングします。
アニメーション等はjQueryを使用します。
※実力としては大体のことは対応できます。コーディングの仕様などは具体的に言って頂けると助かります。
※進捗状況などご連絡を取り合いながら進めて参ります。
●納品までの流れ
①お見積りの確認後、デザインデータを頂きます。
②制作物を提出
(ご確認をして頂き、修正があれば指示を下さい)
③修正案を提出
(ご納得行くまで何度でも修正します。)
④納品
(完成しましたら納品の手続きを取らせて頂きます。)
(良い悪いの評価も頂けるも嬉しいです。)
●納期
ご相談させてください。
可能な限り早めの納品を心掛けています。
(ページ数、修正の回数、ご連絡の遅延などで納期が延長する場合があります。)
●納品方法
制作物をzipファイルにて納品。
よろしくお願い致します。
【制作会社様・デザイナー様向け】デザインカンプからのコーディング承ります
業務内容
▼こんな方におすすめ
・コーディング業務を代行したい
・コーディングできる人を探しているデザイナー様、デザイン会社様
▼パッケージ内容
静的コーディング
・デザインカンプからのコーディング
・レスポンシブ対応
・保守しやすいFLOCSSを用いたCSS設計
・修正3回まで無料
・JavaScript(jQuery)を用いた各種アニメーション対応
- ハンバーガーメニュー
- スライドショー
- アコーディオンメニュー
WordPress構築
・オリジナルテーマの作成
▼品質チェック
品質チェックリストを共有します
確認端末:Mac / Windows / iPhone / Android
ブラウザ:Chrome / Edge / Safari
▼対応デザインデータ
Figma / XD / Photoshop / Illustrator
▼納品方法
サーバーへのアップロード / Zipファイルの送付
料金はあくまで目安です。ページ数・内容に応じて変動しますのでご相談ください
ご相談だけでも構いませんのでお気軽にどうぞ!
レスポンシブ対応・簡単なアニメーション込みのコーディング代行いたします
業務内容
数あるサービスの中からご覧いただきありがとうございます!
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、CSS、jQueryを使ったWeb制作のコーディングを行います。ます
業務内容
自社のホームページや個人事業主の方へ
専用のホームページ制作をサーバーアップロードまで完全に代行します!
納期は作成するHPの枚数や作るサイトの工程数によっても変わりますが最低2週間は見ていただきたいです。
プロのWeb制作エンジニアでは無く、実績なしの駆け出しエンジニアですので、料金はかなりお安く提供致します。
初めてなので不慣れな部分もあるかと思いますが、不備な部分を出さないように誠実な対応を心掛けて参りますのでよろしくお願い致します。
【先着10名】ランサーズ最安1250円でコーディング
業務内容
【10名様限定のご案内です】
ページ内で使用する画像、文言をすべてご提供いただければ
1,000円でランディングページを制作いたします。
基本的には5日後をめどに納品いたします。
お急ぎの場合はご相談ください。
ページの制作には以下のものが含まれます。
・基本的なhtml、cssのコーディング
・「TOPへ戻る」や「お問い合わせフォームへ」等のページをスクロールさせるボタンの設置
【IT企業向け】Webサイトのコーディングを高品質で承ります
業務内容
コーディングスキルで、あなたのビジネスを加速させます!
このようなお悩みはありませんか?
Webサイトのデザインが古く、モバイル対応もできていない。ブログを始めたいが、技術的な知識がない。
発注の流れ
ヒアリング
お客様のWebサイトに関するお悩みやご要望を、じっくりお伺いします。どんな些細なことでも、お気軽にご相談ください。
プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランをご提案します。お見積もりも、この段階で提示いたします。
ご契約
プランと料金にご納得いただけましたら、ご契約となります。ここから制作がスタートします。
制作・修正
お客様のご要望に応じて、デザインの修正や機能の追加を行います。納得いただけるまで、何度でも修正いたします。
納品
完成したWebサイトを、お客様にご確認いただきます。問題がなければ、納品となります。
対応範囲・価格
Webサイトコーディング:3万円〜
HTML/CSSコーディング:デザインデータから、高品質なWebサイトを制作します。レスポンシブ対応も万全です。
WordPressカスタマイズ:5万円〜
WordPressテーマカスタマイズ:既存のテーマを、お客様のブランドに合わせてカスタマイズします。機能追加も可能です。
LP制作:8万円〜
ランディングページ制作:コンバージョン率の高い、魅力的なLPを制作します。A/Bテストによる改善も可能です。
バナー制作:5千円〜
バナー制作:目を引くバナーを制作し、広告効果を最大化します。修正は3回まで無料です。
納期
契約から1〜3週間
制作の流れ
設計
お客様から提供されたデザインデータや、参考Webサイトなどを参考に、Webサイトの設計を行います。
コーディング
設計に基づき、HTML、CSS、JavaScriptなどの言語を用いて、Webサイトをコーディングします。
テスト
コーディングしたWebサイトを、様々なデバイスでテストし、表示崩れや動作不良がないか確認します。
修正
テストで発見された問題点を修正し、Webサイトの品質を高めます。
納品
修正が完了したWebサイトを、お客様に納品します。
サービス内容
Webサイトのコーディング、WordPressテーマのカスタマイズ、ランディングページの制作、バナー制作など、Web制作に関する幅広いサービスを提供します。
Webサイトのデザインが古くて困っていませんか?スマホ対応もできていない?ブログを始めたいけど、技術的な知識がない?
そんなお悩みを、私が解決します!
HTML、CSS、JavaScript、React、Node.jsなどの技術を駆使し、お客様のビジネスに最適なWebサイトを制作します。デザインからコーディングまで、全てお任せください。
まずは、お気軽にご相談ください。お客様のWebサイトに関するお悩みやご要望を、じっくりお伺いします。どんな些細なことでも、お気軽にご相談ください。
ご連絡、お待ちしております!
現役Webコーダーがレスポンシブコーディングを代行いたします
業務内容
サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。
■こんな方にオススメです
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社
・コーダーのパートナーを探しているデザイナー
■基本料金に含まれるもの
・HTML/CSSコーディング
・レスポンシブ対応
・アフターフォロー(納品後1週間以内)
→納品後のテキストや画像の差し替えは無料
■基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応:10,000円
■納期
日中は本業をしており、空いた時間での作業となります。
その為、平日の1日2時間~3時間、土日の休みにまとまった時間で対応を行います。
稼働目安:1ページあたり約2~3営業日
■納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
■コメント
お客様のご意向に沿ったサイト制作ができるよう、こまめなコミュニケーションを心がけております。
任せてよかったと思えるような働きをさせていただきますので、どうぞよろしくお願いいたします。
【html/css/js】webページのコーディング代行いたします
業務内容
このパッケージはwebページのコーディングの代行サービスです。
デザインカンプがなくてもAIを活用してお好みのデザインを実現いたします。
個人様でも、企業様でもご利用いただけます。
☆こんなお客様にオススメです☆
「個人ページが欲しいけど時間が取れない…」
「デザインはあるけどHP制作の経験がない…」
「『こんな感じのデザイン』というふわっとした指標しかない…」
そんなお悩み、解決いたします。
相談回数は無制限です。ご要望には可能な限りお応えいたします。
☆料金につきまして☆
以下、メインのプラン料金です。
・TOPページの作成 (html/css) ¥20000 ~
┗※下層ページの作成(オプション、html/css) + ¥10000~
・ランディングページの作成 (html/css) ¥30000 ~
※ javascriptを使用したアニメーション(オプション) +¥応相談
すでに作成済みのwebページの修正依頼も承ります。お気軽にご相談ください。
☆デザインカンプにつきまして☆
デザインカンプのデータですが、pngもしくはjpgなど一般的な画像データであればありがたく思います。
デザインの画像のほか、要素の余白px数やフォントなどを指定していただけますと、その指定が細かければ細かいほど確実なコーディングが可能です。
デザインカンプをお持ちでないお客様につきましては、コーディングを行いながら都度ご相談させていただき、細かく修正を行いながら作業を進めさせていただきます。
・webページの全体的な雰囲気、色味など
・埋め込みたい画像、配置したい位置など
上記のような情報は大変参考になりますので、ぜひご提示くださいませ。
☆納品までの流れにつきまして☆
①ヒアリング、お見積り
②ご契約、データのお預かり
③コーディング
⇅(ご相談と修正)
④実装テスト
┗github Pagesでのテストを想定しております。お客様にもブラウザ上にてご確認いただきます。
⑤最終確認、納品
☆納品の形式につきまして☆
zipファイルによる納品もしくはgithubからのダウンロードを予定しております。
後者の場合、納品確定後にリポジトリのurlとダウンロードの手順を送付いたします。
☆注意事項につきまして☆
①webページ作成にあたり、業務の高速化、効率化のために生成AI(chatGPT, Geminiなど)を活用いたします。ただし、お客様よりご提供いただいた画像、デザインカンプなどを画像生成AIへの学習に利用することは決していたしません。
②コーディングに関して、ルールがある場合は事前にお伝えくださいますよう、お願い申し上げます。
③コーディング完了後に大幅なデザインの変更がある場合、追加料金及び納期の遅延が発生する場合がございます。
④ご相談など相互確認を伴う作業中に1週間以上ご連絡がつかない場合、キャンセルさせていただく場合がございます。
⑤最終確認の際、納品物をポートフォリオへ掲載しても良いかお尋ねいたします。ご許可くださる場合、納品後に私のポートフォリオに掲載させていただきます。
ご満足いただけますよう努めます。不明点などございましたらお気軽にご相談くださいませ。
学園祭・イベント・企画のホームページ、格安で作成します
業務内容
文化祭など、一時的なイベントのためのホームページ、印象いいものにはしたいが何万もかけられない、、
そんなことはありませんか?
現在は異なる職種にいますが、過去html, css, jsコーディングをしてきたものとして、他とは格安で承りたいと思います。
当然、満足いかなければ何度でも変更要望可能です。どうしても満足いただけなければキャンセル・返金の対応を撮らせていただきます。
ぜひお手軽にホームページを作成してみてはいかがでしょうか?少しでも盛り上げるお手伝いができればと思います!
【制作会社様・デザイナー様向け】デザインデータからのコーディング代行致します
業務内容
数ある中かからこちらのパッケージ出品をご覧いただき誠にありがとうございます!
個人でコーダーをしております、水田と申します。
丁寧なやりとりとコーディングで、お客様の業務負担を減らします。
まずはお気軽にご連絡ください。
■こんな方におすすめ
- ☆繁忙期でリソースが足りない制作会社様
- ☆デザインはできるけどコーディングは他の方にお願いしたい
■プランに含まれるもの
- レスポンシブ対応
- アニメーション:ハンバーガーメニュー/アコーディオン/スライダー
- お問い合わせフォーム:ベーシックプランはプラス5000円、レギュラー/プレミアムプランは料金内にて承ります。
- 修正無制限無料(大幅なデザイン変更はご相談ください)
■事前にご用意するもの
- デザインデータ(XD/figma/Illustrator/Photoshop)
- 画像データ(JPG/PNGなど)
■納品までの流れ
①ご相談・お見積もり
デザインデータと画像データを元にチャットでお打ち合わせを行います。
その後、お見積り金額を提示させて頂きます。
②仮払い
ご依頼内容および金額が決まりましたらご契約になりますのでその際に、仮払いをお願いいたします。
③デザインデータをご用意ください
(プラン日数はご提供頂いてからの日数になります)
④制作開始
⑤初稿提出〜修正
(テスト環境の情報をお伝えしますのでそちらでご確認ください)
⑥納品
(ファイル形式を添付し納品、またはサーバーにアップロードいたします)
※サーバーにアップロードの場合はFTP情報をご準備ください。
■その他
※制作物をポートフォリオに掲載させていただく場合がございます。
掲載不可の場合はお知らせください。
【即レス対応】デザイン通りの高品質HTML/CSSコーディング承ります
業務内容
デザインカンプから高品質なWebサイトを迅速に「「お安く」」コーディング!
このようなお悩みはありませんか?
デザインはあるけど、コーディングしてくれる人がいない。レスポンシブ対応が難しくて困っている。WebアクセシビリティやSEO対策もしたいけど、どうすればいいかわからない。よく分からない部分や不安な点があって相談しづらい、といった方でも問題ありません!
是非お気軽にご相談いただき、不安を解消しながら完成させていきましょう。
発注の流れ
- お問い合わせ
メッセージにて、コーディングしてほしいWebサイトのページ数やデザインカンプの形式、納期などのご要望をお知らせください。
2.デザイン確認
デザインカンプ(Figma, XD, PSDなど)をご提供いただき、Webサイトの構成やデザインの詳細について確認します。
- お見積もり
デザインカンプの内容とご要望に基づいて、お見積もりと納期をご提示します。金額と納期にご納得いただけましたら、ご契約となります。
- コーディング
お支払い確認後、コーディング作業を開始します。進捗状況は随時ご報告いたします。ご要望に応じて修正も可能ですが、内容によってはプラスでお時間をいただく場合がございます。
- 納品
完成したWebサイトのコーディングデータをお渡しします。納品後も、軽微な修正であれば無償で対応いたします。
対応範囲・価格
・Webサイト コーディング:1万円〜
デザインカンプ(Figma, XD, PSDなど)を元に、高品質なHTML/CSSコーディングを行います。
・レスポンシブ対応:3千円〜
スマホやタブレットでも表示崩れなく動くようレスポンシブ対応を行い、より多くのユーザーに快適な閲覧体験を提供します。
・SEO対策・アクセシビリティ対応:1千円〜
SEO対策、アクセシビリティ対応など、Webサイトのパフォーマンスを向上させるための作業を行います。
SEOやアクセシビリティへの配慮は、集客やユーザビリティの向上にも直結します。
長く使われるサイトになるよう、構造面からサポートさせていただきます。
具体的には、
・適切なHTMLタグの使用(<main>, <article>, <header>など)
・適切な見出しタグ(<h1>~<h3>など)の構造設計
・alt属性の適切な設定
・titleタグやmeta descriptionの設定
・内部リンクの適切な記述
などになります。
納期
最短7日〜
制作の流れ
- 設計
デザインカンプを基に、Webサイト全体の構成を把握し、必要なHTML要素やCSSスタイルを洗い出します。WebアクセシビリティやSEO対策に必要な要素も検討します。
- コーディング
設計に基づいて、HTML/CSSコーディングを行います。デザインの再現性を重視し、細部のズレも見逃さず、丁寧にコーディングします。
- 動作確認
スマートフォンやタブレットなど、様々なデバイスでWebサイトが正しく表示されるか確認します。必要に応じて、CSSを修正し、レスポンシブ対応を行います。
- 最終確認
WebアクセシビリティやSEO対策に必要な要素が正しく実装されているか確認します。必要に応じて、HTML/CSSを修正します。
- 納品
完成したWebサイトのコーディングデータを納品します。納品後も、軽微な修正であれば無償で対応いたします。
サービス内容
デザインカンプからのHTML/CSSコーディング、レスポンシブ対応、Webアクセシビリティ、SEO対策まで、Webサイト制作に必要なコーディング業務をトータルでサポートします。
Webサイトのコーディングでお困りではありませんか?デザインはあるけどコーディングしてくれる人がいない、レスポンシブ対応が難しくて困っている、WebアクセシビリティやSEO対策もしたいけど、どうすればいいかわからない。そんな悩みを解決します!
【制作会社様・WEBデザイナー様向け】 デザインを忠実に再現!コーディング代行します
業務内容
サービスをご覧いただきありがとうございます。
◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・外注しづらい軽微なコード修正 or 下層1ページだけ頼みたい…
・0からコーディング、WordPressオリジナルテーマ化まで実装してもらいたい…
このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。
【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScriptを用いた動的実装
└ハンバーガー / ドロワー / ページトップ / モーダル / アコーディオン / タブ / スライダー
・レスポンシブ対応
└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・WordPressを用いたオリジナルテーマ制作、カスタマイズ
└カスタム投稿・カスタムタクソノミー・カスタムフィールドなど
・お問い合わせフォームの実装
※無料オプション
・表示速度の高速化のための画像圧縮
・内部SEO対策
・テスト環境の構築
【業務進行において】
・CSS設計( 予測・再利用・保守・拡張)を意識し、FLOCSSによりコーディングします。
・Gulp、Sass(Scss)を使用します。
・複数ページに及ぶ場合Pug・EJSなども使用します。
・gitでソースコード管理を行いながらコーディングをします。
【制作の流れ】
1 ヒアリング&お見積り(※まずはご相談下さい)
2 お客様からデザインのご提供
3 コーディング&テスト
4 ご確認・修正
5 最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
【制作会社様・Webデザイナー様向け】 LPコーディング承ります
業務内容
サービスをご覧いただきありがとうございます。
◎こんな方にオススメです◎
・デザインはあるけどコーディングできない、する時間がない…
・定期的にあるLPのコーディングを任せれる人を探している…
このようなご希望に応えます。
お見積は無料ですので、ぜひお気軽にご相談ください。
【これまでの実績】
・写真展LP(掲載しているもの)
・化粧品LP(掲載しているもの)
その他LPコーディング実績多数
※主に制作会社様とお仕事をしていますので非公開のものが多いです^^;
【ご提供する業務】
・HTML/CSSを用いた静的コーディング
・jQuery/JavaScript(Vanilla.js)を用いた動的実装
・GSAPなどライブラリを用いたアニメーション実装
・レスポンシブ対応
└スマホファースト、パーフェクトピクセルを意識してコーディングいたします。
・メールフォームの実装
※無料オプション
・表示速度の高速化のための画像圧縮
・テスト環境の構築
【業務進行において】
・CSS設計( 予測・再利用・保守・拡張)を意識し、FLOCSSによりコーディングします。
・Gulp、Sass(Scss)を使用します
・Gitでソースコード管理を行いながらコーディングをします。
【制作の流れ】
1 ヒアリング&お見積り(※まずはご相談下さい)
2 お客様からデザインのご提供
3 コーディング&テスト
4 ご確認・修正
5 最終確認・納品
※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。
運用担当者様:wordpressやWEBサイトの表示不具合解消のお手伝いいたします
業務内容
### その表示不具合、すぐ解決できるかもしれません。
まずはご相談ください。
html/cssの表示不具合については、根が深い問題と、
ちょっとした修正で解決するものがあります。
リモート常駐の案件を担当していたときにPGさんとか他メンバーの業務報告を見てとても感じたのが、
なれてる人なら1時間位で解決できるものを、数時間、数日かけている方が
思っている以上に多いことです。
そのことから、本サービスを始めさせていただきました。
※解決を100%保証はできません。
経験上解決できない問題はほとんどないです。
しかしながら、表面上の解決はできても根本解決には別途作業のご依頼が必要な場合もあります。
もし解決に至らなくても、問題の切り分けまでは最低限行います。
その8割は短時間で解決します。
根が深い問題に関しては、
ご相談の上追加料金いただければ解決に向けた調査を継続させていただきます。
場合によっては作り直した方が早い場合もあると思います
(デザイン含めたフルリニューアルもワンストップでご対応可能です。)
ご相談にあたって、ご用意いただくもの
- あるべき正しい姿をご提示ください。デザインなど。
- 最低限ブラウザで確認できる状況が必要です。
- ベストは私のローカル環境で再現できるデータ一式のご提供です。
私の確認可能な実機環境
・MacBookPro 16 2019 MacOS Monterey 12.6 Chrome最新 Safari最新 Firefox最新
・Windows11 EDGE最新 Chrome最新 Firefox最新
・iPhone11 / iPhone12 OS最新
・Sharp AQUOS 4 lite Android12
上記以外については実機での確認はできません。
それ以外の実機確認が必要な場合、レンタルなど必要になりますので、
別途ご相談となります。
■私のこと
約20年くらいWEB業界に身をおいております。
現在はディレクター案件も多いですが、現役でWEBデザイン/コーディング/WP構築も行っております。
昔から炎上案件に火消し役でアサインされることも多く、様々なトラブルの経験知はあると思っております。
意外とその不具合、簡単かもしれません。
ここに時間かけるより、もっと他の事業や本業、コンテンツ制作にお時間を使っていただきたい、
そのように考えております。
一緒に対策考えませんか?
まずはお気軽にご相談ください。
何卒よろしくお願いいたします。
デザインの意図を汲みながらJS、CSS、HTMLにてコーディングします
業務内容
こちらのサービスをご覧いただきありがとうございます。
『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください!!!
"20,000円~/1ページの料金、無料オプション付き"でコーディングいたします。
WordPress化も行っておりますので、ご相談ください。
まずは、「見積り・カスタマイズの相談をする」からお気軽にお問い合わせくださいませ。
スキル感はポートフォリオをご覧ください
◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応(スマホ・タブレットに対応)
■コーディング料金
・基本料金:20,000円〜
・レスポンシブ対応:無料
・jQuery & CSSアニメーション:点数無制限で一律5,000円
■納期
稼働状況により変動しますが、ご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より3 〜 4日で初稿をテストアップいたします。
◆制作の流れ
1、ヒアリング&お見積り(※まずはご相談下さい!)
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
■私の強み
①納期厳守
納期は必ず守ります。
定期的に作業の進捗を報告致します。
②細部へのこだわり
どんな方でもわかるようなコーディング
③ヒアリング重視
Webサイトによって何を実現したいのか目的を共有させていただきます。
目的達成のため、私からも提案させていただく場合もあります。
④柔軟な対応
フリーランスであるため、平日休日問わず対応が可能です。
すぐお答えできない事も、現状をお伝えした上でお調べし、丁寧なご返答を心がけております。
■こんな方にオススメです!
・コーディングは全て丸投げしたい。
・リソース不足で外注したい。
・長期的に依頼できるコーダーを探している。
■その他のサービス内容
・レスポンシブ対応
・jacascript & CSSアニメーション
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード(無料)
・納品後の修正作業(無料)
コーディング案件からカスタマイズCMS、WEBサイト・WEBシステム構築します。ます
業務内容
・HTML&CSSを使ったレシポンシブでのサイト構築
・お知らせや単一ページのみCSM化を行い、サイト構築後にマニュアル要らずの管理画面構築
・WordPressへのサイト組み込み
・JavaScriptなどご要望の動作、自動見積もりなどのスクリプトを作成
中小企業様向けにサービスを展開しております。
既存で大手企業様の自動見積もりシステムからコーディングなどの案件を受注している経験から
中小企業様がWEBサイトを構築後の運営までどの様にしたら良いのか、一緒に寄り添い
ただ案件を承るだけで無い、カユいところに手が届くサービスを展開しております。
【経験】
・エンジニア/25年
・ディレクター/25年
・コンサルティング/25年
・撮影部門・ブライダルでのエンドロール撮影、舞台撮影
【得意分野】
・コーディング
・業務系Webシステム開発
・Webに関するコンサルティング全般
【スキル】
・PHP
・HTML5、CSS3
・JavaScript、jQuery
・Wordpress、EC-CUBE
ランサーズ初登録でございます。
現段階での評価はございませんが、誠心誠意の対応を行いますので何卒よろしくお願い申し上げます。
開発業務を何でも手伝います、Vue.jsやnode.jsを理解できます
業務内容
ご提供内容
プログラミングの手伝い。
Vue.jsやnode.jsはある程度経験があります
AWS lambdaやDynamodbなども使えます
Pythonもある程度は扱えますが、DjangoやFlaskなどの経験はありません
Flutter(Dart.js)は勉強中ですが、対応可能です
こんな方へオススメ
スポットで業務への手伝いが欲しい方
プログラミングの手伝いが欲しい方
フロントエンドの一部の画面だけ作って欲しい方
フロントエンドの画面の一部を修正して欲しい方。
できなくはないかもだけど、苦手なこと
React、Wordpress
(これらの言語にも対応できないわけではなく、自分で勉強しながらキャッチアップ可能です。学習時間分のコストは勿論請求しません)
ご購入後の流れ
ChatworkやDiscordなど、好きな方法で取引可能です
料金プランやオプション、納期
柔軟に内応可能です
Webサイトのパフォーマンスを最大化し、ビジネス成長に貢献します
業務内容
私は、これまでの多様な経験と柔軟な対応力を活かし、Webサイトのパフォーマンス改善からコンテンツ作成まで、多角的にあなたのビジネスをサポートします。
制作の流れ
お問い合わせ・ヒアリング: メッセージでご希望の内容をお知らせください。簡単なご相談からでも、お客様の課題や目標を丁寧にお伺いします。
ご提案・ご契約: ヒアリング内容に基づき、最適なプランをご提案します。内容にご納得いただけたら、正式にご契約となります。
制作・開発: 契約内容に基づき、速やかに作業を開始します。進捗状況は随時ご報告しながら、連携して進めます。
納品・アフターサポート: 完成した成果物をご確認いただき、必要に応じて修正対応します。納品後も運用に関するサポートを提供します。
「柔軟性」と「実行力」を強みに、あなたのビジネスを加速させるお手伝いをします。まずはお気軽にご相談ください。
【中小企業向け】集客に繋がるWebサイトを制作します。ます
業務内容
お客様のビジネスに最適なウェブサイトを、経験豊富なデザイナーが心を込めて制作いたします!
このようなお悩みはありませんか?
ウェブサイトのデザインが古く、集客に繋がらない。ブランドイメージを向上させたい。スマートフォンに対応したウェブサイトが欲しい。
発注の流れ
お問い合わせ・ヒアリング
お客様のウェブサイトに関するご要望や課題を丁寧にお伺いします。オンラインでの打ち合わせも可能です。
企画・提案
ヒアリング内容をもとに、最適なウェブサイトの構成やデザインをご提案いたします。お見積もりも提示いたします。
デザイン修正
デザイン案をご確認いただき、修正点があればご遠慮なくお申し付けください。ご納得いただけるまで修正いたします。
コーディング
デザイン確定後、コーディング作業に入ります。SEO対策を施し、検索エンジンに強いウェブサイトを構築します。
納品・公開
完成したウェブサイトをご確認いただき、問題がなければ納品となります。納品後も、操作方法などのサポートをいたします。
対応範囲・価格
トップページデザイン:3万円〜
トップページのデザインをご提案します。お客様のブランドイメージに合わせた、洗練されたデザインをご提供いたします。
ウェブサイト制作(5ページ):10万円〜
サイト全体のデザインとコーディングを承ります。SEO対策も考慮し、集客に強いウェブサイトを制作いたします。
スマホ対応:5万円〜
既存のウェブサイトをスマホ対応に最適化します。レスポンシブデザインで、どんなデバイスでも美しく表示されるようにいたします。
納期
契約から1〜3週間
制作の流れ
市場調査・分析
お客様の業界や競合他社のウェブサイトを徹底的に分析し、最適なデザイン戦略を立案します。
デザイン制作
お客様のブランドイメージやターゲット層に合わせた、オリジナルのデザイン案を作成します。
コーディング
デザイン案を元に、HTML、CSS、JavaScriptなどを用いてウェブサイトを構築します。
動作確認・修正
完成したウェブサイトを様々な環境でテストし、表示崩れや動作不良がないか確認します。
納品・アフターサポート
お客様にウェブサイトの操作方法をご説明し、納品となります。納品後も、更新作業などのサポートを承ります。
サービス内容
お客様のビジネスに最適なウェブサイトを制作いたします。デザインだけでなく、SEO対策やスマホ対応も万全です。
ウェブサイトは、あなたのビジネスの顔です。デザインが古かったり、スマホに対応していなかったりすると、せっかく訪れたお客様を逃してしまうかもしれません。私は、お客様のビジネスに最適なウェブサイトを制作し、集客力アップをサポートいたします。まずは、お気軽にご相談ください。
【限定価格】丁寧かつ低価格でコーディング承ります。WordPress対応いたします
業務内容
ご覧いただきありがとうございます!
Webコーダーのセトと申します。
Lancersでの販売実績がまだ無い為、
販売実績5件まで限定で6,000円~コーディング承ります!
安心してお取引いただけるよう、こまめな進捗報告や迅速なレスポンスを行います。
【サービス概要】
・HTML/CSS(Sass)によるコーディング
・JavaScript(jQuery)によるアニメーション
・レスポンシブ対応
・WordPress化
※デザインは承っておりません
【料金★★販売数10件までの限定価格★★】
・トップページ:6,000円(6,000pxまで)
6,000pxを超える場合は1,000px毎に+1,000円
・下層ページ:6,000円/1p(6,000pxまで)
6,000pxを超える場合は1,000px毎に+1,000円
・アニメーション:要相談
(ホバー/ハンバーガーメニュー/アコーディオンは無料で承ります)
・デザイン無しのレスポンシブ対応
1,000円/1p
【無料対応】
・レスポンシブ(デザインをご準備いただける場合)
・ファビコン(デザインをご準備いただける場合)
・OGP(デザインをご準備いただける場合)
・基本的なアニメーション(ホバー/ハンバーガーメニュー/アコーディオン)
・WordPress化
・納品前の修正対応(作業着手後の大幅なデザイン変更の場合は追加料金をいただく場合があります)
【サービスの流れ】
1.ご相談・お見積
デザイン・ページ数等によりお見積りいたします。
2.契約
3.コーディング作業
4.ご確認・修正(修正回数制限なし)
5.最終確認・納品
【納品方法】
・zipファイルの送付
・サーバーへのアップロード
他、ご希望の納品方法があればご相談ください。
最後までご覧いただきありがとうございます!
ぜひご一緒にお仕事させていただければと思います!
WEBコーダーがHTML・CSS/WEB・LPコーディングいたします
業務内容
ホームページ、LP、WordPressなどのコーディング業務はお任せください。
デザイナー様が作成したXD、Photoshopファイルなど、ご提供頂いたデザインデータからコーディングいたします。
作成したデータをzipファイルで送付、または、レンタルサーバーへのアップロードも対応可能です。
出来る限りご要望には柔軟に対応可能ですのでお気軽にご相談ください。
このようなお悩みを解決します。
・コーディング、WordPress構築を依頼できるパートナーを探している。
・デザインはできるがコーディングが苦手。
・リソース不足でコーダーが不足している。
【可能作業】
・HTML、CSSを用いた静的コーディング
・静的サイトからWordPress構築
・WordPressテーマの編集/作成
・各デバイス(スマホ、タブレット、PC)表示対応、レスポンシブ制作
・PC用デザインしかない場合のタブレット、スマホ表示のコーディング。※こちら側でPCデザインを元に表示を調整します。
・ブレイクポイントの追加。
・JavaScript,、jQueryによるアニメーション実装
ボリューム・機能によって納期や料金が変わってきますので、まずはご相談いただければと思います。
【連絡・打ち合わせ可能ツール】
メール、電話、Slackやチャットワーク、zoom/Teams/Google Meet。
【作業の流れ】
(1)ヒアリング:ご契約前の打ち合わせ
(2)お見積り・ご契約:お見積り、納期をご提示させていただき、ご理解とご納得いただけた場合にご購入をお願いいたします。
(3)各データ・情報の共有:制作に必要な資料やデザインデータなど素材ファイルなどのをご提供してください。
(4)制作開始:いただいた資料とデータを元に作業をいたします。
(5)作業完了後、レイアウトや動作検証などご確認ください。
(5)問題がなければ納品となります。
【制作会社様・デザイナー様向け】デザインを忠実に再現するコーディング承ります
業務内容
【デザインを忠実に再現いたします】
デザインの世界観を崩さずに、正確にコーディングすることを心がけております。
デザイナー様や、コーディングの手が足りない制作会社様のお手伝いをいたします。
【こちらをお読みになりご注文をお願いいたします】
・対応デザインカンプはPhotoshop、XD、Figmaとなっております。
・納品方法は基本的にファイルでのお渡しとなっております。(サーバーアップでの場合ご相談ください)
今っぽWebサイトを制作します。丁寧に正確におしゃれに仕上げます
業務内容
あなたのブランドに、一目惚れのデザインを。ミニマルでおしゃれなWebサイトで、お客様を魅了します。
このようなお悩みはありませんか?
Webサイトのデザインが古く、ブランドイメージが伝わらない。ターゲット層に響くWebサイトがない。スマホ対応ができていないため、顧客を逃している。
発注の流れ
お問い合わせ
まずはお気軽にご相談ください。Webサイトの目的やイメージ、ご予算などをお伺いします。
企画提案・お見積もり
ヒアリング内容をもとに、最適なプランとお見積もりをご提案します。デザインの方向性やコンテンツについてもご相談可能です。
制作開始
ご契約後、速やかに制作を開始します。進捗状況は随時ご報告し、お客様のフィードバックを反映しながら進めます。
納品・公開
完成したWebサイトをご確認いただき、修正点があれば対応します。ご納得いただけたら納品となります。
対応範囲・価格
HTML/CSSコーディング:3万円〜
基本的なHTML/CSSコーディング。既存デザインの修正や簡単なWebページの作成に最適です。
レスポンシブWebサイト制作:5万円〜
レスポンシブ対応込み。スマホ、タブレット、PCなど、あらゆるデバイスで美しく表示されるWebサイトを制作します。
Figmaからのコーディング:8万円〜
Figmaからのコーディング。デザインデータを忠実に再現し、高品質なWebサイトを制作します。アニメーションやインタラクションも追加可能です。
納期
最短1週間
制作の流れ
ヒアリング
お客様のWebサイトの目的やターゲット層、ブランドイメージなどを詳しくヒアリングします。
デザイン
ヒアリング内容をもとに、Webサイトのデザイン案を作成します。お客様のフィードバックを反映しながら、デザインを決定します。
コーディング
決定したデザインをもとに、HTML/CSS/JavaScriptなどを使ってWebサイトをコーディングします。
テスト・修正
完成したWebサイトをテストし、動作確認を行います。必要に応じて修正を行い、最終的な納品物を完成させます。
サービス内容
ミニマルでおしゃれなWebサイトを、丁寧にコーディングします。HTML/CSS/JavaScriptを使用し、レスポンシブ対応も可能です。Figmaからのコーディングも承ります。
「Webサイト、なんか古臭い…」そう思っていませんか?
せっかく素敵な商品やサービスがあるのに、Webサイトのせいで魅力が伝わらないなんてもったいない!
丁寧・正確・おしゃれなコーディングで、あなたのWebサイトを今っぽくアップデートします。
ミニマルでおしゃれなデザインは、ターゲット層に響き、ブランドイメージを向上させます。
「どこに頼めばいいかわからない…」「予算が心配…」そんな方もご安心ください。
お客様のご希望に合わせて柔軟に対応し、理想のWebサイト作りを一緒にお手伝いします。
まずは、お気軽にご相談ください!
【WordPressご対応可】歴10年のプロがメンテンス性重視のコーディングをします
業務内容
ココナラでの実績100件以上
ランサーズは始めてからまだ少ししか経っておりませんがココナラではすでに100件以上の実績がございます!(検索いただければ同じロゴを使用していますのでわかるかと思います。)またフリーランスとして活動する前からの実績を合わせると300件以上ご対応させていただいております!
安心してご利用くださいませ。
Webデザイナー様、Web担当者の方へ
ページをご覧いただきましてありがとうございます。
当サービスはホームページやLPのWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。
ご相談を検討される方は必ず全文をお読みいただけますようお願いいたします。
こんな方におすすめです!
- 忙しくてコーディングを外注したい方
- デザインはできるけどコーディングは難しい方
- 格安で以前依頼したけど満足できる内容じゃなかった方
ご提供内容
HTML・CSSの静的コーディング
jQuery/JavaScriptの実装
CSSアニメーション
WordPressの構築(オリジナルテーマ制作 / カスタマイズ)
基本料金内でご対応させていただくこと
レスポンシブ対応
SEO対策
テスト環境構築
軽度なJavaScriptの機能実装(スライダー、アコーディオン、ハンバーガーメニュー)
制作の流れ
- ヒアリング・お見積り
- お客様からデザインデータのご提供
- コーディング
- テストアップ確認・修正
- 最終調整・納品
ご購入に関する注意
ご依頼していただく場合は上記金額にシステム手数料(5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936
【制作会社様・デザイナー様向け】アニメーションなど提案しながらコーディング代行します
業務内容
「面倒なコーディング代行します!!」
この度は、数多くのサービスの中から私のサービスをご覧頂きありがとうございます。
制作会社様・コーディングを外注したいデザイナー様向けにホームページを制作させて頂きます!
オンライン上でのコミュニケーションが主流になっている昨今、ホームページは会社のWEB上での「名刺」でもあると心得ています。シンプルで見やすいサイト構成で、作って終わりのWebサイトではなく、ビジネスのその先まで見据えたサイト構築を共にできればと思っております。
些細な質問でも結構です。まずはお気軽にご相談ください!
●このようなお悩みはありませんか?
「社内の制作リソースが足りない。」
「デザインはできるけどコーディングが苦手」
「 長期的に付き合えるコーダーを探している」
など様々なお悩みがあると思います。
そうした、あなたのパートナーとなって、問題解決となるサイトを作成いたします。
●サービスの特徴
・低予算かつ短納期で制作が可能
→私は現在クラウドソーシング上では駆け出しのため、実績作りのためにも金額設定を他社様より柔軟に対応しております。
・WordPressの導入によりクライアント様でも簡単に更新・修正が可能(オプション)
→オプションですが、WordPressの導入も対応してます。
●使用言語
HTML、CSS(SCSS/BEM)、JavaScript(jquery/GSAP)
●開発環境・ツール
Windows、VSCode、node.js(gulp/webpack)
PhotoShop、Figma、XD
●全プラン共通の搭載機能
☑スマホ対応
☑基本的な内部SEO対策(集客対策)
☑お問い合わせフォーム
☑SNSへのリンク対応
☑GoogleマップやYouTubeの埋め込み対応
☑セキュリティ対策
●実績
制作実績をご紹介しておりますので、ご覧下さい。
URL
https://bit.ly/3Jt2kf8
※ランサーズの仕様上、直接リンクを貼れないためコピーして確認お願いします。
●ご契約後の流れ
①事前のヒアリング/ミーティング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
②仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキスト・デザインカンプなどを共有いただきます。
③制作を開始します。
④テスト環境にて制作物の確認(2回まで修正対応)
全ページが完了した段階で初稿を提出します。 修正があれば都度対応させて頂きます。
⑤最終確認
⑥本番環境で公開(納品)
ここまでお読みいただきありがとうございます。
お声がけいただけましたら大変嬉しく思います。
下記に私自身の自己紹介を載せておきます。
自己紹介
4年制大学卒業後、営業・テクニカルサポートの仕事に従事しました!
業種問わず、計500名以上の事業者様のキャッシュレス決済の導入サポートを担当しました。
機械を初めて利用するご高齢の事業主様にも定評を頂いております。
その際に学んだ、丁寧な対応とやり切る精神を活かし、
現在はコーダーとして活動しております。
趣味:音楽鑑賞・弾き語り・作詞作曲・散歩・街巡り
【Web制作のプロ】デザインデータから高品質なHTML/CSSコーディング承ります
業務内容
デザインから実装まで、あなたのWebサイトをトータルサポート!
このようなお悩みはありませんか?
Webサイトのデザインはあるけど、コーディングしてくれる人がいない。デザインと実装で担当者が分かれていて、連携がうまくいかない。
発注の流れ
お問い合わせ
まずは、お客様のご要望を詳しくお聞かせください。Webサイトの目的やターゲット、デザインのイメージなど、お気軽にご相談ください。
企画提案・お見積もり
お客様のご要望を基に、最適なプランをご提案いたします。お見積もりもご提示いたしますので、ご納得いただけましたらご契約となります。
制作開始
デザインデータをご提供いただき、コーディング作業を開始いたします。進捗状況は随時ご報告いたしますので、ご安心ください。
納品・公開
完成したWebサイトをご確認いただき、修正点などございましたらお気軽にお申し付けください。修正後、納品となります。
対応範囲・価格
Webサイト コーディング代行:3万円〜
HTML/CSS/JavaScriptを使用した、Webサイトのコーディング代行を承ります。デザインデータからのコーディングはもちろん、レスポンシブ対応も可能です。
WordPress導入・カスタマイズ:5万円〜
WordPressの導入・カスタマイズを承ります。お客様のご要望に合わせたテーマの選定、プラグインの導入、SEO対策など、幅広く対応いたします。
Webサイト UI設計:3万円〜
WebサイトのUI設計を承ります。Adobe XD/Figmaを使用し、お客様のWebサイトのユーザビリティ向上に貢献いたします。
HTMLメール制作:1万円〜
HTMLメールの制作を承ります。キャンペーン告知や、メルマガなど、お客様の目的に合わせたHTMLメールを制作いたします。
納期
1週間〜
制作の流れ
素材準備
お客様からいただいたデザインデータを基に、コーディングに必要な素材を準備いたします。
コーディング
HTML/CSS/JavaScriptを使用し、Webサイトのコーディングを行います。レスポンシブ対応も行います。
テスト・修正
コーディングしたWebサイトをテスト環境で確認し、動作確認や表示崩れがないかなどをチェックします。
納品
完成したWebサイトをお客様に納品いたします。納品後も、Webサイトの運用に関するご相談を承ります。
サービス内容
Webサイトのコーディング代行、WordPress導入・カスタマイズ、UI設計、HTMLメール制作など、Webサイト制作に関わる業務を幅広く承ります。
Webサイトのコーディング、デザイン、UI設計でお困りではありませんか?
デザインはあるけどコーディングができない、Webサイトをリニューアルしたいけど何から始めればいいかわからない...
そんなお悩みをテックウィングが解決します!
デザインから実装まで一貫してサポートすることで、お客様の理想のWebサイトを実現します。
コーディング代行、WordPress導入、UI設計、HTMLメール制作など、Webサイト制作に関わることなら何でもお任せください。
まずは、お気軽にご相談ください!
SEOに強いWebサイト(HP・LP)を制作いたします
業務内容
Web制作のコーディングをいたします。
【可能な業務】
・word pressの導入・サイト構築
・コーポレートサイト作成
・LPページ作成
・レスポンシブサイト
・SEO解析
などを得意としております。
【使用言語】
・HTML
・CSS/Sass
・PHP
・Javascript/jquery
LP等のコーディング
業務内容
▶ ウェブページ制作
頂いたデザインから 1ページ分の HTML / CSS のコーディングを行います。
さらに追加費用なしで、以下対応を含みます。
■ レスポンシブ対応
PCはもちろん、スマホでもデザインが崩れないようにいたします。
■ スクリプト
JavaScript(jQuery)を用いた簡単な機能のコーディングを行います。
ただし、内容によってはお届け日数の延長、もしくは対応不可の場合もありますので、
ご相談をさせて頂きたく存じます。
▶ 活動時間/連絡について
できる限り柔軟にご対応させていただきます。急ぎの案件等もお気軽にご相談ください。
連絡は基本的にいつでも可能です。できる限り素早い返信を心がけますが、急ぎの仕事が入っている場合はお時間をいただくこともございます。
ご了承いただければ幸いです。
▶ 納期について
受注から7日を一つの目安としていますが、
基本的には簡単なものであれば完成できしだい、納品いたします。
まずはご相談頂けますと幸いです。
どうぞよろしくお願い致します!
WordPressサイトのコーディング リッチに仕上げます
業務内容
ご覧いただきありがとうございます。
お気軽にご相談下さい。
【 こんな方におすすめ! 】
・リッチなサイトにコーディングしてほしいWEBディレクター様・デザイナー様
・納期に余裕があるので品質を上げたい
など
【 サービス内容 】
●Webサイトをリッチに仕上げる以下のサービスが標準実装です。
・スムーススクロール(動画参照)
・マウスストーカー
・レスポンシブ
・フルイドレスポンシブ(ブレウザ文字サイズへの対応)
・ハンバーガーメニュー(既定デザイン)
・ローダー(既定デザイン)
●無料アニメーションを準備しています。
私のポートフォリオの参照動画よりエフェクトを確認いただけます。
・マウスエフェクト(マウスストーカーによるホバーエフェクト)
・スクロールに連動したアニメーション(fadeや背景色の変更など)
・Three.jsを用いた画像等のアニメーション(ホバー時のエフェクトなど)
【 料金 】
●基本料金
・トップページ:25,000円〜
・下層ページ:17000円〜
・お問い合わせフォームの設置: 5,000円(プラグイン)〜
・アニメーション&JavaScriptの実装:3,000円〜
必要な機能、ページの長さ、デザインなど
ご要望により価格が変動致します。
お気軽にご相談下さい。
【 お願い 】
●パーフェクトピクセル対応は行っておりません。
デザインデータを正確に再現するように努めておりますが、
数ピクセルずれのみなどの修正指示には対応できない場合があります。
●クオリティを確保するためにしっかりとした制作期間を確保させて頂いております。
制作期間目安
・TOPページのみ: 2週間
・TOPページ + 下層4ページ: 4週間
●ファイルでのお渡しのみとなります。
・all in one wp migrationのデータ
・容量過多の場合:themeフォルダなどを追加でお渡し
●デザインデータはfigmaのみ対応させて頂いております。
【 制作の流れ 】
① ヒアリング・お見積もり
必要な機能や納品方法、スケジュールについて
↓
②ご契約・デザインデータお預かり
↓
③コーディング
↓
⑥テストサーバーにて全体を確認・修正
↓
⑧最終確認・納品
【 注意点 】
●納期について
納期はデザインデータなどの提供素材が揃ってからカウントとしております。
●フォントについて
基本はGoogleFontにあるフォントを使用しております。
GoogleFontにないフォントをご使用している場合は、お客様に確認させていただきます。
デザインデータの中に有料フォントがある場合、お客様の方でご準備をお願いいたします。
●画像のalt属性について
スライダーなどの複数の画像を遷移させる場合、
エフェクトの特性上、正しいalt属性を設定できない場合がございます。
●HTMLのタグについて
使用しているJavaScriptライブラリの関係上、適切なタグが使用できない場合があります。
例)アンカーリンクのaタグは、spanタグを使用します。
貴方のデザインを元に質の高いコーディングを再現いたします
業務内容
▼こんな方にオススメ
・多忙でコーディングまで手が回らない方
・デザインに集中されたい方
・お店のホームページを出したい方
▼ご提供内容
・ご用意頂いたデザインデータからコーディングを行います。
・ご希望により、WordPressオリジナルテーマで実装いたします。
▼制作可能なジャンル
・HP
・ライティングサイト
・figmaによるデザイン
・WordPressオリジナルテーマ制作
▼料金プランやオプション
・デザインからのWebサイト制作
料金
・デザインのみ(バナー)5,000円〜
・ライティングページ 30,000円〜
・ 下層ページ 10,000円〜
・ WordPress化 10,000円〜
・Webサイト制作
ご用意頂いたデザインカンプからWebサイトコーディングを行います。
ご要望により、デザインからコーディング、WordPress化まで実装可能です。
レスポンシブにも対応いたします。
まずは些細なことでも、お気軽にご相談ください。
料金
・コーポレートサイト 20,000円〜
・ライティングページ 20,000円〜
・ トップページ 10,000円〜
・ 下層ページ 5,000円〜
【制作会社様・デザイナー様向け】デザインデータから丁寧にコーディングいたします
業務内容
印刷会社、デザイン会社でDTP業務をしていた経験を活かして、デザイナーさまに寄り添ったコーディングをいたします。
また、円安により海外との取引を検討している企業さまに必要な、英語翻訳、アメリカ人のプロライターによる英語の校正も同時に承ることが可能です。
【こんな方におすすめします】
デザイン会社さま、デザイナーさま、コーダーが必要な制作会社さま
【提供可能なこと】
・HTML、CSS、jQueryを使ったコーディング
・保守しやすいBEMによるCSS設計
・Gulpを使用したSassでのコーディング
・WordPressの導入、構築
【コーディング以外でできる事】
・バナー、パーツ作成
・簡単なイラスト作成
・Photoshopによる画像加工
・名刺、チラシなどの印刷物の作成
・記事の英語翻訳(パートナー翻訳家、ネイティブのライターがいます)
【作業の流れ】
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安、お見積もりに問題なければ、発注をお願いいたします。
↓
写真、テキストなどのサイトに必要な素材があればお送りください。
↓
作業開始
↓
コーディング後、確認をいただきます。
3回まで無料で修正対応いたします。
↓
納品
ここまで読んでいただきましてありがとうございます!
DTPで培った細部にこだわった作業、
迅速丁寧なコミュニケーション、レスポンス、進捗報告、
そして納期厳守を心がけています。
ご不明な点がございましたら、お気軽にお問い合わせください。
ホームページ作成いたします
業務内容
ホームページ1画面を約1日で作成いたします。
挿入する写真や文章等をお客さまで用意していただけると、時間の短縮が可能です。
VBAマクロの作成も実施しております。
お気軽に申し込みください。
【デザイナー様向け】クオリティーを落とさず誰よりも安くコーディング代行承ります
業務内容
デザインはできるけどコーディングは苦手。。
コーディング代行依頼したいけど費用をなんとかおさえたい。。
デザイナーとして活動し始めて、コーダーの知り合いがいない。。
とお悩みの方はいらっしゃいませんか?
数あるパッケージからご覧いただきありがとうございます。
HTMLコーダーをしている國平悠希と申します。
下記内容にて業務を行いたいと思います。
※wordpressは対象外となっております。
【業務の流れ】
① デザインデータと使用する画像データをご用意いただきます。
(この時点でおおよその納期をお伝えします)
② ヒアリング・納期確定
③ コーディング実施
④ 1度目のファイル確認
⑤ 修正期間(~2日まで)
⑥ 納品
【注意事項】
・こちら側の都合により、作業する時間が限られる可能性があります。その場合は事前にお伝えいたしますのでご理解いただけますと幸いです。
・フォント指定やピクセル指定がある場合は、ヒアリングの際にお申し付けください。ピクセルパーフェクトでお仕事をさせていただいたことがないので、納期に余裕がある方をおすすめします
私は、未だ業界未経験となりますが「HTML5レベル1」認定プロフェッショナルを取得しているため最低限以上のスキルと知識は持ち合わせていると自負しております。
もちろん未経験の為利益より経験を重視しており、お値段もパッケージ表示価格より相談可能でございますので、クオリティーを落とさず費用を抑えたい方は、ぜひ一度ご検討いただけますと幸いです。
長いお付き合いをさせていただける・駆け出しのデザイナー様は二人三脚で一緒に成長出来たらと思いますので、ぜひ相談だけでもご連絡ください。
親切で丁寧なコーディングを行い、お客様のアイデアを形にします
業務内容
こんな方へおすすめ
・ホームページを作成したいが、コーディングの時間がない。
・ホームページは完成したが、運用する手間がない。
お仕事の流れ
・どのようなことにお困りか丁寧にヒアリングします。
・ホームページを作成または修正、運用し、サーバにアップします。
・納品完了
こんなことが得意です
・ヒアリングをしっかりと行い、お客様の要望に忠実にお仕事をさせていただきます。
・丁寧なコーディングで、SEO対策を確実に行います。
・紙媒体のチラシ作成なども行った経験があるため、チラシ作成も可能です。
・SNSでの個人・企業の広報活動についてもご相談可能です。
「HTML5レベル1」認定プロフェッショナルがデザイン通りにサイトを作成します
業務内容
**誰よりも安くご納得いただけるまで修正いたします!
【業務概要】
・デザインデータ・画像データをご用意いただき、データ通りのサイトをコーディングし ます。
・Javascriptを用いたアニメーションの実装も可能です。
内容は私のポートフォリオサイトで実装しているものに限ります。
まずはご相談ください。
・手直し無料でご納得いただけるまで何度でも修正いたします。
利益より経験重視でやりたいと考えていますので、未経験ということをご理解頂ける方よろしくお願いします。
お客様に喜んでいただけるものを安く提供していきたいと思いますので、サイト制作にできるだけ費用をかけたくない方は、ぜひ1度ご検討頂けると幸いです。
レスポンシブ対応のHTML/CSS/JSのコーディングを承ります
業務内容
ご覧いただきありがとうございます。
本パッケージでは、デザインデータをもとに、高品質で保守性の高いHTML/CSS/JavaScriptコーディングを提供いたします。コーポレートサイトやLP、ポートフォリオ、サービス紹介ページなど、静的なWebサイトの構築をご希望の方に最適です。
⸻
✅ 提供できる内容
• HTML/CSSによる静的サイトのマークアップ
• セマンティックなタグを用いた構造
• アクセシビリティやSEOを意識した記述
• Sass(SCSS)を使ったCSS設計
• モジュール化・変数管理など保守性を考慮
• BEMや命名ルールの設計にも対応
• レスポンシブ対応
• スマートフォン・タブレット・PCに最適化
• ブレークポイントの調整やレイアウト崩れの修正
• JavaScriptによるインタラクション実装
• スライダー、アコーディオン、モーダル、タブ切り替えなどの基本UI
• スクロール連動アニメーションやフェードイン等の演出
• jQuery対応(必要に応じて)
• 既存環境に合わせたスクリプト実装も可
• 納品ファイルの整理と構造化
• 画像、CSS、JSのフォルダ分け
• READMEや簡単な操作マニュアルの付属も可能(希望者)
⸻
✅ ご依頼の流れ
- ヒアリング・ご相談
• デザインデータや参考サイト、構成などを伺います。
• 作業範囲やスケジュール、希望機能などを確認します。 - お見積もり・納期の提示
• ページ数や機能に応じて、正式なお見積もりを提示します。 - 制作開始
• HTML/CSS/JavaScriptによるコーディングを行い、途中段階での確認も可能です。 - 最終確認・修正対応
• 納品前に確認用データを提出し、軽微な修正にも対応いたします。 - 納品(ZIP形式またはGit等)
• HTMLファイルとリソースをまとめて納品いたします。
⸻
✅ 対応可能なデザインデータ
• Figma
• Adobe XD
• Photoshop(PSD)
• PDF / イメージ画像(構成が明確であれば可)
⸻
✅ 納品形式
• HTML/CSS/JavaScriptファイル一式
• ディレクトリ構成:
index.html / css / js / imgなどご希望に応じます
• GitHubでの納品やバージョン管理対応も可能です(要相談)
⸻
✅ ご依頼にあたってのお願い
• デザインデータは完成された状態でご提供ください。
• テキストや画像などが未定の場合は、仮素材での対応となります。
• CMS(WordPress等)への組み込みは本パッケージの範囲外です。
⸻
✅ このような方におすすめ
• デザインデータはあるが、コーディングを外注したいWebデザイナー・ディレクターの方
• 小規模なWebサイトを短納期・低予算で立ち上げたい事業主の方
• 保守性やSEOにも配慮したHTMLコーディングを依頼したい方
⸻
誠実かつ丁寧な対応を心がけております。
ご相談やご不明点があれば、お気軽にお問い合わせください!
C,HTML,CSS,JavaScriptのコーティングならなんでもやります
業務内容
▪️おすすめの方
・Webデザインはできたが、コーディングスキルがない方
・詳細設計まで完了したが、C言語のコーディングスキルがない方
▪️納品物
・html、css、JavaScript、Cのソースファイル
▪️進め方
・html、css、JavaScriptはVSCodeでコーディング
・C言語はLinux環境でコーディング
HTML、CSS、レスポンシブ、WordPress化ができます
業務内容
ご覧いただきましてありがとうございます。
デザインを再現するだけでなく、メンテナンスも考慮したコーディングを行います。
【このようなお悩みの方におすすめです!】
・コーダー不足で信頼できる外注をお探しの制作会社様
・デザインだけに集中したいデザイナーの方
・画像差し替え、テキスト変更などページ更新を必要な時だけ依頼したい企業様
【基本料金内サービス】
・レスポンシブデザイン
・HTML / CSSコーディング
・お問い合わせフォーム実装
・画像圧縮による表示速度最適化
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
【製作事例】
NeoPen株式会社
https://neopen.co.jp/
ミサワリノベーション様
https://misawa-renovation.co.jp/
株式会社EPIK様
https://epik.co.jp/
水素吸入サロン SUiSO SPACE様
http://suisospace.co.jp/h2o/
NEOKAMIプログラミングスクール
https://neokami.college/
合同会社Three様
http://ggtre.company
【HTML/CSS/レスポンシブ】高品質なコーディング代行します
業務内容
サービスをご覧いただきありがとうございます。
■おすすめの方
・コーディングにお金をかけたくない方
・1ページだけ作成したい方
・デザインはできるけどコーディングが苦手
■作業内容
・HTML/CSSを用いた静的コーディング
・スマホ、タブレット、PC対応
・レスポンシブ対応
・JavaScriptで動きのあるサイトの構築(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど)
■作業内容
・HTML/CSSを用いた静的コーディング
・スマホ、タブレット、PC対応
・JavaScriptで動きのあるサイトの構築(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど)
・レスポンシブ対応
■納期
ご依頼日の翌日より1週間程度で納品可能です。
※稼働状況によって変動いたします。
■制作の流れ
1、ヒアリング
2、お客様からデザインデータのお預かり
3、コーディン・テストアップ
4、ご確認・修正
5、最終チェック
6、納品
ご質問等ありましたらお気軽にご相談ください!
【*お困りごとに貢献*】ホームページ / LPのコーディング代行を行います
業務内容
✳︎----------------------------------------------
【短納期の案件もチームコーディングで解決!】
あなたのお困りごとに貢献します!
----------------------------------------------✳︎
お忙しい中、ご覧いただきありがとうございます!
WEB制作をチームで行っております、原田一樹(はらだ かずき)と申します。
Lancersの実績はございませんが、
現在、制作会社4社様とお仕事させていただいております!
お付き合いしている会社様からは、
「今回も助けてくれてありがとう!」
「たくさん迷惑かけたけど、やり切ってくれてありがとう!」
など嬉しいお言葉をいただいております。
これまでのお仕事でも、
日頃からお相手への感謝の気持ちを大事にし、
「ありがとう」を大切にお仕事させていただいております。
だからこそ、日頃からお困りごとに対して、
・どうしたらお役立てできるか
・できないことをどうしたらできるに変えられるか
を考えております!
今までのお困りごとの一例として、
【2週間で23ページのサイトのコーディング】の案件をご相談いただいたことがあります。
この時は初めての経験でしたが、
複数人でのチームコーディングを発案し、無事に納品させていただきました。
どのようなお困りごと、ご依頼も柔軟に対応させていただきます!
まずはお気軽にご相談ください!
=======================
【ご提供できること】
○WordPressを用いたオリジナルテーマ制作、カスタマイズ
○静的サイトの制作
○LP制作
=======================
【制作実績】
○株式会社ジーマデザイン様 サイト制作
https://jima-design.jp/
制作期間:2週間
2人でのチームコーディング
・コーポレートサイト制作
・採用サイト制作
・LP制作
※秘密保持契約を結んでいるため、制作会社様との実績は非公開となっております
※個別にご連絡いただけましたら、お見せできる実績がございます
=======================
【制作フロー】
①お打ち合わせ
ご依頼内容・ご希望の納期をお伺いさせていただきます
⬇︎
②ご契約
お見積もり、納期をご提案させていただきます
ご提案内容をご確認いただき、購入をお願いいたします
⬇︎
③制作・確認
制作後に、ご確認いただき、
気になる点がございましたら、修正等のご対応を行います。
※機能の追加等は、追加料金を頂戴する場合がございます
⬇︎
④納品
制作物をzipファイルまたはGitHubにてご納品させていただきます。
※サーバーアップロードをご希望の場合、FTP情報をお伺いさせていただきます
=======================
【ご用意いただくもの】
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
=======================
お忙しい中最後までご覧いただき、誠にありがとうございます。
少しでもご興味をお持ちいただけましたら、お気軽にご連絡ください!
よろしくお願いいたします!
Webデザイン〜コーディングまで、Web制作をワンストップで承ります
業務内容
ご覧いただきありがとうございます。
こちらのサービスでは、HTML/CSS/JSで制作するシンプルな静的ページや、
WordPress・Shopifyなどを導入したサイトの制作を承っております。
客様のご要望をもとに、コンテンツに沿ったご提案をさせていただきますので、まずはお見積もりからお願いいたします。
ご対応範囲(プラン共通)
- ワイヤーフレーム制作(リテイク2回まで)
- デザイン制作(リテイク2回まで)
- コーディング
- テストアップ
- PC・SPレスポンシブ対応
- ファビコン・OGPの設定(画像はご用意ください)
- キーワード・ディスクリプションの設定(テキストはご用意ください)
- 解析タグの設置(解析タグをご用意ください)
- コーディングファイル一式をZIP納品orFTPアップロード
プラン詳細
ベーシック
HTML/CSS/JSでの静的ページを制作いたします。
LPやティザーサイトの制作依頼はこちら。
作業内容:6000px程度のシンプルな静的ページを制作
制作ページ数:TOP1ページ(ページ追加はご相談ください)
料金:18,000円〜
納期:7営業日〜
スタンダード
WordPressやShopifyなどを導入したWebサイトを制作いたします。
ブログやポートフォリオ・コーポレートサイト、オリジナルグッズ販売ページなどの制作はこちら。
作業内容:WordPressやShopifyなどを導入したWebサイトの制作
制作ページ数:
- WordPressの場合
TOPページ+投稿一覧1ページ(カテゴリー・ソート機能なし)+記事ページ - Shopifyの場合
TOPページ+商品一覧1ページ(カテゴリー・ソート機能なし)+商品ページ
(ページ・機能追加はご相談ください)
料金:35,000円〜
納期:7営業日〜
プレミアム
複雑なカスタマイズを必要とするWordPressサイトや、大掛かりなアニメーションのあるサイト制作。
できるだけご自身で更新していきたい・世界観を重視したWebサイトを制作したい場合はこちら。
作業内容:要相談
制作ページ数:要相談
料金:85,000円〜
納期:14営業日〜
有料オプション例
下層ページ1ページ追加 3,000円〜
メールフォームの設置 10,000円〜
WordPressカスタム投稿の追加 5,000円〜
WordPressのカスタマイズ(カスタムフィールド・カテゴリーソートなど) 8,000円〜
404ページのデザイン・実装 3,000円〜
デザインデータの納品 10,000円〜
特急料金 要相談
など
ご利用の流れ
- 制作したいサイトの内容や、ページ構成、希望のリリース日などを添えてご相談ください
- こちらでご相談内容を確認のうえ、料金のお見積りをいたします
- お見積りに問題がなければ素材などをご共有いただきます
- 当方でワイヤーフレームを作成し、コンテンツの位置などをお客様と一緒に決定していきます
(リテイク2回まで) - ワイヤーフレームが固まったら、デザインを作成いたします
(リテイク2回まで) - デザインが固まったらコーディングに入ります
- 制作物をテストアップし、お客様にご確認いただきます
(基本的な修正は無償で行いますが、機能追加やデザイン変更が発生した場合は追加料金を頂戴いたします) - テストアップでの確認が完了しましたら、本番公開orZIP納品いたします
ウエブヤの稼働時間帯
基本的に、平日11時〜20時にご連絡の確認や作業をしております。
土日祝祭日はお休みとしておりますが、事前にご連絡いただければご対応可能です。
低価格で丁寧に!HTML,CSS,JavaScriptコーディング承ります
業務内容
【 こんな方におすすめです! 】
・デザイン業務に集中したい、コーディングは任せたいWebデザイナー様
・コーダー不足で外注先を探している方
・デザインはあるけど、コーディングは誰かに任せたい方
【 料金プランについて 】
記載の金額は目安です。
内容により、金額は変動いたしますので、まずはお気軽にご相談ください。
【 ご提供内容 】
ご用意いただいたデザインデータ通りにコーディングを行います。
・HTML・CSS(Sass)を用いたコーディング
・レスポンシブ対応(PC・タブレット・スマホ)
・jQuery(JavaScript)を用いたアニメーション
・WordPressオリジナルテーマ化
・お問い合わせフォーム設置
・表示速度向上のため画像圧縮
・基本のSEO対策(metaタグ設置等)
・ファビコン設定(画像のご提供をお願いします)
・OGP設定(画像のご提供をお願いします)
デザインとの相違がある場合、無期限で対応いたしますので、
気になる点があればご遠慮なくご連絡ください。
【制作の流れ】
①ヒアリング(ページ数、WordPressの有無等、お話をお聞かせください。)
②ご契約
③お客様よりデザインデータご提供
④コーディング・テスト
⑤ご確認・修正(無制限)
⑥納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
【 制作会社様/デザイン会社様向け 】 HTML/CSS コーディング代行します
業務内容
こちらのパッケージはコーディングの代行、WordPress構築(オリジナルテーマ制作)
のサービスです!
こんな方におすすめ
✅コーディング業務を外注したい
✅コミュニケーションコストがかからず仕事ができる人を探している
✅継続的にお願いできるパートナーを探している制作会社様
✅コーディングできる人を探しているデザイナー様、デザイン会社様
現在は制作会社様の他、フリーランスのディレクター様からのご依頼で
制作会社様、デザイン会社様からのコーディング業務をメインに
継続的にお取り引きをさせてもらっています。
丁寧なやり取り、即レス対応など当たり前を確実にし、お相手に満足していただける
サービスを提供しています!
●●パッケージ内容
▶︎静的コーディング
・LPコーディング
・コーポレートサイトコーディング
・JavaScript(jQuery)を用いた各種アニメーション対応
・PCのみのデザインデータから各種サイズのレスポンシブ対応可能
・BEM、FLOCSSを用いたCSS設計によりコードの保守性担保
・テスト環境
・基本は無料修正対応
▶︎WordPress構築
・オリジナルテーマでの実装可
●●品質チェック、対応ブラウザ・端末
品質チェック内容の詳細共有し、チェックのお手間を減らします
各種ブラウザ、端末でのチェック内容も共有
端末:Mac/Windows/iPhone/Android
ブラウザ: Chrome、FireFox、Microsoft Edge、Safari
●●納品方法
zipファイル、FTPサーバー、GitHub、WordPress環境にデータ移行
●●扱えるツール
・HTML / CSS / SCSS / jQuery / WordPress / gulp / EJS / Git,GitHub
●●対応デザインデータ
・Figma / XD / Photoshop / Illustrator
●●対応できる作業
コーディング作業全般
LP制作、コーポレートサイト制作、WordPress構築を主にお受けしております
●●実績
・HTML/CSSを用いたLP制作
・チーム開発で企業コーポレートサイト制作(EJSコーディング、Githubソース管理)
※こちらでの公開は控えますが、お見せできる実績もございますので
一度お声掛けいただけると幸いです
●稼働時間
AM3時〜PM17時まで
必要時にはご相談いただければ21時まで対応可能
土日問わず対応できます
気になることがあれば、まずは一度お声掛けください!
ご相談だけでも構いませんのでお気軽にどうぞ!
【デザインからのコーディング】HTML/CSS/JSのコーディングいたします
業務内容
ご覧いただき、ありがとうございます!
香川県丸亀市の株式会社リブサーバーと申します。
私たちはWeb制作全般・EC-CUBE・WordPress等のCMS導入や運用を得意としているチームです。Webサービスを展開する事が好きで、毎日開発業務に励んでおります。
人との出会いを大切にし、末永く皆様のお力になれるよう務めております。
どんなことでも、まずはお気軽にご相談ください。
この度、デザインデータからコーディングを行うサービスを出品させて頂きます。
【サービス内容】
・静的HTML/CSS/JSによるコーディング
・動的HTML/CSS/JSによるコーディング
・レスポンシブ対応
【本サービスの流れ】
①ご購入
②デザインデータの受領
③ヒアリング
④コーディング
⑤クライアント様の確認
⑥納品
◆コーディングの環境は下記をお選び頂けます。
・クライアント様での環境にて作業
・弊社の開発環境にて作業
◆納品は下記の方法をお選び頂けます。
・クライアント様のサーバ環境へのアップ
・zipファイルによる納品
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を用いた静的コーディング
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど何でもご相談ください)
◆制作の流れ
①ヒアリング&お見積り
②お客様からデザインのご提供
③コーディング&テスト
④ご確認・修正(当方テストサイトorご自身のサイトでご確認いただきます)
⑤最終確認・納品
■ご用意いただきたいもの
・デザイン
・画像データ
・文章(コピー&ペーストできるテキスト形式でご提示ください)
■納品形式
Zip or WordPress組込み
■納期
作業量によって異なりますが、基本的に1週間ほどお時間いただいております。
お急ぎの場合は事前にお申し付けくださいませ。柔軟に対応いたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
お試し価格でHTML/CSSコーディングさせて頂きます
業務内容
本サービスをご覧いただきありがとうございます。
お客様の安心と満足を第一に考え、迅速な対応、定期的な進捗報告、そして誠意を持った丁寧な対応を心がけております。
▼こんな方におすすめ
・コストは抑えたいけど、品質は落としたくない
・デザインに忠実にコーディングして欲しい
・進捗報告をしっかりして欲しい
・デザインは得意だけど、コーディングは苦手
・アクセシビリティに配慮したWebサイトを作りたい
・Webサイトの表示速度を速くしたい
▼サービス内容
・デザインデータをもとにHTML・CSSを使用したコーディング。
・レスポンシブ対応
・アニメーション(CSS/JavaScript/jQuery)
▼確認環境
Mac(最新OS):Chrome、Safari、Firefox、Edge ※各最新バージョン
Windows:Chrome、Firefox、Edge ※各最新バージョン
スマホ:Chrome、Safari
▼無料サービス
・画像圧縮(表示速度の高速化)
・テスト環境の構築
※必要に応じてブラウザにて実際に確認していただくことも可能です。その際は、Basic認証を設定致します。
▼価格について
・トップページ:10,000円〜
・下層ページ:1,000円〜
・LP:10,000円〜
・アニメーション:1,000円〜/1実装
(※ハンバーガーメニュー、スライダーは無料で対応致します。)
※料金は目安となりデザインやご要望によって変動致します。お客様のご予算に合わせた調整も可能ですので、お気軽にご相談願います。
▼サービスの流れ
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング・テスト
④ご確認・修正(回数無制限)
⑤納品
▼納品方法
zipファイルでの納品またはご指定のサーバーにアップロード致します。
▼修正について
・納品後も無料にてご対応
・回数無制限
※デザイン変更や、お客様の編集に起因する不具合の修正は対応外となります。
【制作会社様・デザイナー様向け】HTML・CSSのコーディングを代行します
業務内容
サービスをご覧いただきありがとうございます!
サービス出品者の宗谷(そうや)と申します。
【本サービスの内容】
本サービスは、WebデザインをHTML・CSS・JavaScriptでコーディングするサービスです。
【各プランの詳細】
※あくまで金額は目安であり、お見積もりからお願いしております。
<ベーシックプラン>
HTML・CSSを使った制作になります。
アニメーションなどを使わないため、下層ページのコーディングなどにオススメです。
<スタンダードプラン>
こちらはHTML、CSS、JavaScript (アニメーション) を含む制作になります。
トップページのコーディングなどにオススメです。
<プレミアムプラン>
こちらは静的コーディングの5ページ分の制作になります。
複数ページのコーディングを依頼されたい方はこちらがオススメです。
【納品までの流れ】
1.ヒアリング(内容の詳細をお聞かせください。)
2.お見積もりを提出 (金額と納品日をお伝えいたします。)
3.ご依頼(ご購入)
4.デザインデータのご入稿
5.制作開始
6.テストアップ
7.検収・修正対応
8.データ納品 or サーバーアップロード
【こんな方にオススメ】
<リソース不足で外注したい方>
リソース不足は私が解消します。
<品質を重視してコーディングしてほしい方>
徹底した品質管理を行い、品質が担保されたサイトを納品します。
<信頼できるコーダーを探しているWeb制作会社様、Webデザイナー様>
初回のサービス購入で信頼を掴み取り、継続して依頼されるコーディングパートナーになることをお約束します。
【最後に】
最後までお読みいただきありがとうございます。
簡単なご相談でも構いません。
お気軽にご相談ください。
/ 宗谷 (そうや)
【制作会社様・デザイナー様向け】LPのコーディングを代行します
業務内容
サービスをご覧いただきありがとうございます!
サービス出品者の宗谷(そうや)と申します。
【本サービスの内容】
本サービスは、LPのデザインをコーディングするサービスです。
【各プランの詳細】
※あくまで金額は目安であり、お見積もりからお願いしております。
<ベーシックプラン>
こちらは画像コーディングがメインの制作になります。
割合としては8 ~ 9割が画像、1 ~ 2割がコーディングのイメージになります。
<スタンダードプラン>
こちらはHTML、CSS、JavaScript (簡易的なアニメーション) を含む制作になります。
ハンバーガーメニューなどアニメーションが含まれる場合はこちらのプランからお願いいたします。
<プレミアムプラン>
こちらは定期的な更新に対応するWordPressを使用した制作になります。
更新が想定されるものを事前にヒアリングさせていただき、カスタムフィードなど使用することで簡易的にLPを更新できるようにサイトを制作します。
【納品までの流れ】
1.ヒアリング(内容の詳細をお聞かせください。)
2.お見積もりを提出 (金額と納品日をお伝えいたします。)
3.ご依頼(ご購入)
4.デザインデータのご入稿
5.制作開始
6.テストアップ
7.検収・修正対応
8.データ納品 or サーバーアップロード
【こんな方にオススメ】
<リソース不足で外注したい方>
リソース不足は私が解消します。
<品質を重視してコーディングしてほしい方>
徹底した品質管理を行い、品質が担保されたサイトを納品します。
<信頼できるコーダーを探しているWeb制作会社様、LPデザイナー様>
初回のサービス購入で信頼を掴み取り、継続して依頼されるコーディングパートナーになることをお約束します。
【最後に】
最後までお読みいただきありがとうございます。
簡単なご相談でも構いません。
お気軽にご相談ください。
/ 宗谷 (そうや)
デザインカンプを元にHP制作のコーディングを担当します
業務内容
●PhotoshopやFigmaで作られたデザインカンプから、画像や文字を読み込む(ない場合はこちらでデザインもご提案します)
●ご希望のアニメーションの確認
●VScodeにてコーディングまたはWordPressのテーマSnow Monkeyで制作
●3割完成時点で方向性の確認
●6割完成時点で方向性の確認
●9割完成時点での詳細チェック
●コーディングデータを提出し終了(サーバーにアップロード対応)
集客アップのばえるホームページデザイン代行いたします
業務内容
ホームページデザインを経験豊富な実力のあるデザイナーに頼みたい方。
SEO対策を盛り込んだ集客につながるホームページデザインを請け負います。
【HTML/CSS】Webサイトの修正・改善を承ります
業務内容
シンプルなHTML/CSSコーディングで、あなたのWebサイトを美しく、使いやすく改善します!
このようなお悩みはありませんか?
Webサイトの表示速度が遅い、デザインが古く見栄えが悪い、スマホ対応ができていない、修正に時間がかかる。
発注の流れ
お問い合わせ
お気軽にご相談ください。Webサイトの課題やご要望をお伺いします。
要件定義
詳細な要件定義を行います。修正箇所やデザインの方向性などを明確にします。
お見積もり
お見積もりを提示します。料金や納期にご納得いただけたらご契約となります。
制作開始
HTML/CSSコーディング作業を開始します。進捗状況を随時ご報告します。
最終確認
完成したWebサイトをご確認いただきます。修正点があればご遠慮なくお申し付けください。
納品・アフターサポート
納品後も1週間の修正期間を設けています。万が一不具合があれば対応いたします。
対応範囲・価格
HTML/CSS修正:5,000円〜
HTML/CSSの修正、調整。既存のWebサイトのスタイル崩れを修正し、表示速度を改善します。
レスポンシブ対応:10,000円〜
レスポンシブ対応。スマートフォンやタブレットなど、様々なデバイスで最適に表示されるように調整します。
デザイン改善:20,000円〜
Webサイトの見た目を美しく改善します。デザインのトレンドを取り入れ、ユーザビリティを向上させます。
コーディング代行:30,000円〜
HTML/CSSコーディング。既存デザインのHTML/CSSコーディング代行をします。
納期
3日〜2週間
制作の流れ
ヒアリング
お客様からWebサイトの課題やご要望をヒアリングします。
現状分析
Webサイトの現状を分析し、改善点を見つけ出します。
計画立案
修正箇所やデザインの方向性などを決定します。
コーディング
HTML/CSSコーディング作業を行います。
テスト
完成したWebサイトをご確認いただきます。
納品
修正点があれば修正し、納品します。
サービス内容
HTML/CSSコーディングを通じて、お客様のWebサイトの課題を解決し、より魅力的なWebサイトへと改善します。
Webサイトの見た目と使いやすさ、両方改善したいけど、どこから手を付ければ良いか分からない...そんなお悩み、私が解決します!
10年のプロダクトマネージャー経験で培った分析力と、3年のHTML/CSSコーディングスキルを活かし、あなたのWebサイトを「見やすく」「使いやすく」「集客できる」サイトへと変身させます。
まずは、お気軽にご相談ください。現状の課題をヒアリングし、最適な改善策をご提案します。
HTML/CSSの修正、レスポンシブ対応、デザイン改善など、Webサイトに関するお困りごとなら、何でもお任せください!
「相談してよかった!」と思っていただけるよう、誠心誠意対応いたします。
【デザイナー様・制作会社様向け】デザインデータからHP・LPのコーディングを承ります
業務内容
■制作内容
・HTML/CSSコーディング
・レスポンシブ対応
・JavaScript/jQueryを使用したアニメーション
(スライダー、スクロール、アコーディオン、ハンバーガーメニューなど)
・品質チェック
・Wordpressの導入、構築、改修
※WordPressは別途追加費用が発生いたします。
■ご予算について
記載の金額はあくまで目安となります。
ページ数や要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談くださいませ!
■購入の流れ
-
ヒアリング&お見積り
ご購入前にご相談フォームよりご依頼の内容を詳しくお聞かせください。
デザインデータや要件などを確認させていただき、お見積りいたします。 -
ご契約
お見積もりなど問題なければ、ご契約をお願いいたします。 -
お客様からデザインデータご提供
-
コーディング開始
-
お客様確認&修正
大幅な要件変更・デザイン変更等は追加費用がかかる可能性がございます。 -
納品
zipデータまたはご指定のサーバーへアップロードでの納品となります。
■納期
案件の内容や稼働状況に応じて、
変動いたしますので、まずはお気軽にお問い合わせ下さい。
その他、ご不明点等がございましたらメッセージにてご連絡下さいませ!
HTMLやCSSを使いお客様のデザインからコーディングの代行を行います
業務内容
可能業務
・コーディング代行(HTML,CSS)を使用してのコーディング
・JavaScript使用してのハンバーガーメニュー、スライダーなどの動きのあるサイト作成
実績
・サンプルサイトを作成しました。
*詳しくはポートフォリオをご覧ください。
Website and WebApplication Builderます
業務内容
process after purchage -
share you needs.
share your deadline.
and relax
デザインを形に!高品質なコーディングで理想のウェブサイトを実現します
業務内容
◆以下の悩みを解決いたします!
● デザインデータはあるが、コーディングができない
● 自分でも更新できるようにシステムを作ってほしい
● 今のサイトが古いのでリニューアルしたい
● 予算を抑えつつ、専門的な知識なしでしっかりしたサイトが欲しい
● 事業開始に向けて、問い合わせがもらえるようなサイトを作りたい
もしこれらのお悩みがあれば、私にお任せください!
迅速かつ高品質で、お客様のウェブサイトを期待以上に仕上げます。
◆サービスの特徴
1. 高品質なレスポンシブデザイン対応
全てのデバイス(PC、スマホ、タブレット)で見やすく、使いやすいサイトに仕上げます。どんな画面サイズでも、最適な表示を実現します。
2. モダンで美しいアニメーション
簡単なフェードインから、スクロールエフェクト、スライダーなど、視覚的にインパクトのあるアニメーションを実装します。サイト訪問者に強い印象を与えます。
3. SEOに配慮したコーディング
Googleなどの検索エンジンに評価されやすいように、SEO対策を意識してコーディングを行います。これにより、検索結果での表示順位向上を狙います。
4. WordPress構築・カスタマイズ
CMSを利用して、動的なコンテンツ更新が可能なサイトを構築します。既存テーマを使ったカスタマイズや、ゼロからのテーマ制作まで対応可能です。
5. 納品後も安心サポート
納品後の修正や問題対応もサポートいたします。納期内であれば、無料で修正対応しますので、安心してお任せください。
◆納品までの流れ
ご提案・お見積り
初めに、サイトの目的、デザインデータ、希望する機能などについて簡単にヒアリングし、具体的なお見積りと納期をご提案します。
ヒアリング・詳細確認
サイトのターゲットやデザインの方向性についてさらに詳しくお伺いします。必要に応じて、デザインデータ(Figma、XD、PSDなど)をお送りいただき、具体的な作業に着手します。
コーディング作業開始
ご確認いただいた内容に基づき、ウェブサイトのコーディング作業を進めます。進捗は定期的に報告し、途中でご意見をいただけるようにします。
最終確認・修正対応
完成したサイトをお客様に納品し、最終確認を行います。必要に応じて修正を加え、完璧な状態で納品いたします。
納品後のサポート
納品後も、万が一動作に問題があったり、微調整が必要な場合は追加サポートを提供します。安心してご利用いただけるように、迅速に対応します。
ホームページ制作・HTML/CSS/JavaScriptを用いた実装に対応できます
業務内容
対象
・ホームページの完成図(デザイン案)をお持ちの方のみに限定させていただきます。
・デザインはFigmaでの共有でお願いします。
修正回数について
・期限内であれば何回でも対応させていただきます。
稼働時間について
・平日 9:00~21:00
※土日祝は基本的に対応不可の時間はありません
必要なもの
・Figmaのデザインデータ(.fig)
・具体的な実装内容(担当の方とお話しさせていただくだけで十分の場合もあります)
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。