人気ランキング 期間:11月10日 〜 11月17日
【LP制作も可能】【制作会社様 デザイナー様向け】HP/LPのコーディング代行します
[LPやWordPress]デザイン通りの高品質なHPを丁寧にコーディングいたします
【レスポンシブ対応】HTML、CSSでホームページやLPのコーディング承ります
【LP・ランディングページ】デザイン通りに実装!レスポンシブコーディングいたします
【スピード対応】LPコーディングをスピーディに対応します
【制作会社様、デザイナー様向け】HP,LPコーディングのお手伝いをします
【爆速、安価、高品質】WebサイトやLPを爆速でコーディングします
【デザイナー様/外注先をお探しの方向け】デザイン通り忠実にコーディングいたします
業務内容
すぐに対応できるコーダーをお探しの方へ
当パッケージをご覧いただきありがとうございます。
フリーランスでWordPress構築をメインにコーダーとして活動している山崎 浩史と申します。
現在、制作会社様と継続的なお取引をさせていただいております。
▼ご提供可能な内容
・HTML/CSS/Sass/JavaScript/jQuery/GSAP/WordPress
(WordPressサイト構築は、オリジナルテーマ化)
・Adobe XD・Illustrator・Photoshop・Figmaなどのデザインデータから作成可
・gulpの環境構築
・OGP,Favicon設定、W3Cチェック、サイト軽量化など
・お問い合わせフォーム(プラグイン, PHP工房)
※軽微な修正のみ等にも柔軟に対応させて頂きます
▼ご用意いただくもの
ご依頼の際に
デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
を共有いただけますと幸いです。
▼予算
概算金額であるため、デザインや要件の提示をお願いいたします。
▼実績
主に製作会社様から継続的にご依頼頂いております。
web制作10年のチームがホームページ・ランディングページのコーディングをします
業務内容
下請けを10年以上続けて制作をしているため、修正・保守しやすいコードを意識し、高品質なコーディングを致します!
・HTML/CSSを用いた静的コーディング※1
・jQueryを用いた動的機能の実装※2
・テスト環境でのチェック
・納品後3回までの無料修正
・画像圧縮によるサイトスピード高速化
※1)TOP・下層ページは 5,000px以上の長さの場合には1,000pxにつき1,000円の追加料金を頂いております。
ランディングページは、12000px以上の長さの場合1000pxにつき1000円追加料金が発生します。
※2) SPのメニュー表示・メインビジュアルの基本的なスライドショー
◆納期
簡単なものでしたら、デザインデータお預かりから3日ほどでの納品も可能です!
基本的には5〜7日を目安にお考えください。
◆ご用意いただくもの
・デザイン(XD、Photoshop、Illustrator など)
・画像素材
・テキスト
◆納品方法
zipファイル形式(サーバーアップロードも可)
◆ご購入前後の流れ
1、見積もり相談、ご購入
↓
2、デザインデータのお預かり
↓
3、コーディング
↓
4、テストサーバーにアップ
↓
5、ご確認・修正
↓
6、納品(zipファイル形式やサーバーへアップロード)
◆オプション
・5,000px以上のコーディング(1,000px追加ごと) : 1000円
サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください!
【格安でご対応!】デザインから本格LPコーディング承ります
業務内容
ご覧いただきありがとうございます!
本サービスではデザインデータをもとに丁寧にLPコーディングいたします。
【ご提供内容】
・HTML / CSS / JavaScript / jQuery などを用いたコーディング
・スマートフォン版、タブレット版、PC版の各レスポンシブ対応
・スライダーやアニメーションの実装
・画像圧縮によるサイトの表示スピード最適化、SEO対策など
【制作の流れ】〜7ステップ〜
①ヒアリング
疑問点やご質問がございましたら、遠慮なくお申し付けください。
↓
②お見積り
↓
③ご契約
↓
④デザインデータのご入稿
↓
⑤コーディング開始
デザインカンプに基づいて丁寧にコーディングします。
↓
⑥初稿提出・修正対応
初稿をご確認いただき、修正があれば対応いたします。
↓
⑦最終チェック・納品
※記載の納期は目安となります。状況により柔軟にご対応させていただきます。
【ご対応可能な時間帯】
平日:19〜23時 (4時間)
休日:9〜23時 (14時間)
※上記の間は30分以内にご返信することをお約束します。
【コーディング代行】デザインからレスポンシブ対応サイトをコーディングします
業務内容
コーディングの代行です。
スポットコーディングからフルコーディングまで対応いたします。
オプションの説明
【PCサイトデザインのみからレスポンシブ】
■こんな事ありませんか?
「デザインを外注したけどPCサイトのデザインしかなかった」
「PCサイトのデザインしかしていない」
そういった案件を何件も対応しているため、PCデザインのみからもスマホ表示を考えたレスポンシブサイトのコーディング対応できます!
デザインによって対応出来ない部分はありますが、基本的には表示方法を変えたりする提案でご対応いたします。
又それとは逆に「スマホだけで運用するつもりでスマホのデザインだけ希望したけどやっぱりPCでも使ってもらいたい!」となった時にスマホサイトをそのまま拡大するようなPCサイトではなく、しっかりとPCで見られることを意識したPCへのレスポンシブも対応します。
【Wordpressテンプレート化】
コーディング代行を利用しそのままWordpressのテンプレート化対応します。
昨今のWEBサイトはWordpressサイトが多く、そのままWordpress設置+テンプレート適用でWebサイトをお持ちいただくことが可能です。
プラン説明
【ベーシックプラン】
下層ページの1枚の追加や、既存ページの1部分にのみコーディングが欲しい場合の対応いたします。
スライドショーやアコーディオンなど基本的な動きも併せてコーディングさせていただきます。
また、既存ページへの追加の場合、じっくり現在サイトのコードを読み、追加するHTML/CSSをあわせて保守性の高いコード生成を心がけます。
【スタンダードプラン】
LPサイトやTOPページのみ出来ているデザインはこちら。
ヘッダー・フッター・サイドバーなどしっかりワイヤーフレームを活かした拡張性の高いコーディングを心がけます。
最適なタグの設置と役割に応じたクラス命名を主軸に考えてDIVの多様やわかりにくい連番でのクラス名を避け、保守性の高いコード生成を心がけます。
【プレミアムプラン】
1サイトまるまるのデザインが出来ている場合はこちら。
スタンダードプラン+4ページ程度までのサイトをコーディングします。
さらに追加のページがある場合はご相談ください。
制作の流れ・納品
【ご相談からの流れ】
1:お見積りからお願いします。
お話をさせていただきどの程度のボリューム感かを把握し、プランにあった見積をさせていただきます。
2:着手・確認
内容によりますが着手より2日程度でご確認いただけます。
ご確認後フィードバックをお願いします。
3:修正対応
フィードバックいただき次第対応いたします。
ご希望があれば電話やLINEなどの通話でリアルタイムで修正させていただきます。
4:納品
ZIPファイルでの送付・サーバー設置で納品とさせていただきます。
【納期】
着手より内容に応じて最短2~4日程度。内容の目安はプランの納期をご確認ください。
確認のご返信などにより遅れることがございます。
【納品方法】
ZIPファイルでの送付・サーバー設置
【WordPress・HTML・CSS】コーディング代行を承ります
業務内容
本パッケージはホームページのコーディング代行サービス(静的サイト、WordPress、LP対応)です。
こんな方にオススメです
- コーダー不足で外注先を探している方
- WordPressが苦手
- WordPressが難しくて自分でできない
- コーディングが苦手なWebデザイナー様
- ディレクションやデザインに集中したい方
など
納期
7日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。
納品までの流れ
- ヒアリング
- お見積り
- ご契約、仮払い
- デザインや素材のご提供
- 着手開始
- 納品(初稿)
- 検収・修正
- プロジェクト完了
【制作会社様・デザイナー様向け】Webサイト・LPのコーディングを承ります
業務内容
ご覧いただきありがとうございます。
Web制作コーダーの菊地友貴です。
コーディング代行として10社以上の制作会社様との業務経験があり、
デザインを再現する丁寧なコーディングはもちろん
「情報共有」
「品質管理」
「スケジュール管理」
を徹底しております!
こんなお悩みを解決します!
・デザインはあるけどコーディングは任せたい・・・
・デザイン以外の部分も、さまざまな端末に合わせて「良い感じ」にしてほしい・・・
・納期まできちんとスケジュール管理して安心してお取引したい・・・
このようなお悩みはお任せください!
制作する上のでお約束
①デザインを忠実に再現します
*レスポンシブまで丁寧に対応し、デザイン上にない部分も「良い感じ」になるよう調整します。
→Googleの拡張機能を使って、ブラウザ上にデザインを重ねながら、
余白のズレや、文字の間隔などピッタリと揃うように調整していきます。
→基本的には320px〜2500pxまで、中途半端な画面幅でも表示崩れのないようにコーディングします。
②進捗状況の「見える化」を行い納期を厳守します
*「案件管理シート」 を共有し、進捗状況や質問事項などがいつでもご確認いただるため、
情報の漏れや連絡のタイムラグを防ぎ、お忙しい中でのやり取りのご負担を減らします。
<案件管理シートの構成>
1)質問・回答シート
2)スケジュール管理シート
3)品質チェックシート
4)サイト情報シート
スプレッドシートのリンク1つを管理していただくだけで、
案件に関わる全ての情報がまとまっています。
③貴社のコーディングルールに合わせてコーディングします
*制作会社様によって指定のコーディングルールがある場合にも柔軟にご対応します。
<これまでの具体例>
・BEM設計
・カラム部分のみBootstrap使用
など
こんなメリットがあります!
・制作会社提携10社のコーダーによる丁寧なコーディング
・デザインツールは幅広く対応(XD、Figma、illustrator、Photoshop可能)
・納品までの丁寧なスケジュール・質問対応管理
▼ご依頼・制作の流れ
①「まずは相談する(無料)」よりお問い合わせください。
②デザインや仕様、ご依頼内容の確認をします。
(必要時にオンラインでのお打ち合わせも可能です。)
③問題なければコーディングを開始します。
④修正・確認チェック
⑤納品
下層ページの追加(別途費用)などあれば気軽にご相談ください。
【最後に】
関わっていただいた方に嫌な思いをしてほしくない、
この人に頼んでよかったと思ってもらえるよう相手の負担を巻き取りたい!
という気持ちで、1つ1つ大切にコーディングさせていただきます。
「案件管理シート」も、お忙しい制作会社様の負担を少しでも減らしたい、
どのようにすればお互いに気持ちの良いやりとりができるか、
と考えて作成しました。
一緒にクライアント様に喜んでいただけるWebサイト制作をしていけますと幸いです。
ご相談を心よりお待ちしております。
スマホ表示対応!Webサイトのコーディングをいたします
業務内容
★ WEBサイトのコーディングなら、お任せください! ★
- スマホ(レスポンシブ)対応込
- デザインを忠実に再現&正しいマークアップで構築
- ホバーアクションの指定もOK!(また、デザインに合わせて”よしなに”作成いたします!)
■ 納 期 ■
納品目安は 1ページ5営業日~ になります。
以降、1ページごとに+1営業日 追加で日数がかかります。
==========
例)5ページのサイト
5営業日 + 4ページ×1営業日 = 9営業日前後(約2週間程度)
==========
※サイトの構成によっては上記より早く構築可能な場合がございます。
==========
■ サ ー ビ ス ■
・納品前の修正は3回まで無償!
※大幅な修正は別途料金がかかる可能性がございます。
※超過分に関しましては別途料金を見積り&請求させていただきます。
・サーバーへのアップロード
FTP情報をいただければ、アップロードまでさせていただきます。
※サーバー契約・ドメイン取得に関しては、お客様でお願いいたします。
・アフターフォロー(納品後10営業日以内)
納品後、こちらのミスでデザインと異なる箇所があれば無償にて対応いたします。
また、できる範囲位でご質問にお答えさせていただきます!
■ 注 意 事 項 ■
- セキュリティ面での観点から、自作メールフォームは対応しておりません。WordPressのプラグインもしくはmailformProを使用させていただきます。
- Internet Explorerは、サポート終了に伴い対応しておりません。
実戦で学ぶ!現役エンジニアがChatGPTの活用法を徹底解説し教えます
業務内容
業務内容の概要
ターゲットクライアント: ChatGPTの活用方法について学びたいと考えている個人、ビジネスプロフェッショナル、および小規模企業。
解決する課題: ChatGPTの機能と応用方法に関する理解不足。これにより、その技術を自身の業務やプロジェクトに効果的に組み込む能力が制限されています。
提供するサービス: ChatGPTの基本操作から応用技術までをカバーするトレーニング、専門的な使用法のガイド、および個別の疑問に答えるサポート。
具体的な納品物と進め方
納品物:
詳細なChatGPT使用法ガイド
個別の疑問解決セッションのサマリー
進め方:
顧客のニーズを理解するための初期ミーティング
詳細な使用法ガイドの提供
継続的なフォローアップとサポート
自身の強みと経験
私はAIと自然言語処理の分野における豊富な経験を持ち、特にChatGPTの専門家として、多様な業界での実用的な応用を実現してきました。これらの経験を通じて、クライアントがChatGPTのポテンシャルを最大限に活用し、業務を効率化し、革新するための具体的な戦略を提供します。
このアプローチは、クライアントがChatGPTの技術を理解し、その利点を自身の業務に適用するための実践的な指導とサポートを提供することに重点を置いています。
【丁寧・迅速対応】HTML/CSS ホームページ・LPのコーディングを代行します
業務内容
ご覧いただきありがとうございます!
コーディングを中心にWeb制作のフリーランスとして活動中です。
ランサーズでのコーダーとしての実績はまだありませんが、今まで10年件以上、
Web制作会社でサイト、LPのコーディング・改修をしておりました。
【こんな方は是非ご相談ください】
・デザインは作れる、完成しているけど、コーディングが出来ない・時間がない
・自分ではコーディングするのが難しい箇所がある
【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery(javascript)による動作の実装
例)ハンバーガーメニュー、Q&A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードインなど
・WordPressの構築
・各種SNS、googleマップ、動画の埋め込み
・お問い合わせフォームの設置
【料金表】
・トップページ 20,000円~
・下層ページ 10,000円~
・アニメーションやJQueryの実装 1,000円~3,000円
・大幅な修正・追加 1箇所 1000円~
・特急料金 通常のお見積もりに+20%上乗せ
【無料サービスに含まれる内容】
・titleタグ、description、OGPの設置
・googleタグマネージャーの設置(事前に準備をお願い致します。)
・画像の軽量化
・最低限のSEO対策
・最初に頂いたデザインに対しては修正無制限
※デザイン変更については、別途料金が発生する場合がございます。
【無料対応】
・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン
※ご希望される場合は、ご依頼時にお申し付けください。
【制作の流れ】
1.ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
2.購入
3.デザインデータのご共有
4.コーディング開始
5.ご確認後、内容にご了承いただけましたら納品
【納品方法】
・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。
【HTML/CSS/JS】デザインに忠実!コーディング代行いたします
業務内容
ご覧いただきありがとうございます!
・こだわったデザインをしっかり再現してほしい
・丁寧でメンテナンス性の高いコーディングをしてくれるコーダーを探している
・レスポンスの早いコーダーを探している
こんなお悩みをお持ちの制作会社様、ディレクター様、デザイナー様、ぜひお気軽にご相談ください。
PerfectPixelの拡張機能を用い、できるだけデザインに沿ったコーディングをさせていただきます。
(※cssに不要な乱れが出るレベルのズレに関しては都度ご相談させていただきます。)
誠心誠意、心を込めて対応させていただきます!!
◾️サービス内容
・デザインカンプからのHTML/CSSコーディング
(データ形式はFigma、Adobe XD、Photoshop、Illustratorなどが対応可能です)
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応(スマホ・タブレットにて表示確認)
・WordPress化
・実機表示確認(Windows、iPad、iPhone15、Android)
◾️料金例
・コーディング(LP/トップページ) ¥10,000〜(長さにより要見積)
・コーディング(下層ページ) ¥8,000〜/ページ
・アニメーション ¥3,000円〜/1実装
・WordPress化 ¥10,000円〜(カスタム投稿など機能により変動)
◾️納品までの流れ
①ヒアリング・ご相談
↓
②お見積もり
※デザインデータを元にお見積もりを作成
↓
③正式にご依頼いただく
↓
④コーディング
↓
⑤初稿提出
↓
⑥修正
※納品までの細かな修正は回数無制限で承ります!
※大幅なデザイン修正は追加料金が発生いたします。
↓
⑦納品
※通常はZipファイルでの納品となります。
ご希望がございましたらサーバーアップでの納品も可能ですのでご相談ください。(別途お見積もり)
HTMLメールのコーディングを代行します
業務内容
数あるサービスの中から当ページをご覧いただきありがとうございます。
当方、以前MAツールの運用サポートに携わっており、主にメールマガジンの作成全般を担当しておりました。
その経験を、みなさまのお悩み解決に生かせれば幸いです。
どうぞよろしくお願いいたします。
【こんな方におすすめ】
・デザインは決めたいが、コーディングは外注したい
・HTMLエディタを使ってもコーディングに時間がかかる
・各メーラーでの表示チェックに使う手間を極力減らしたい
※One to Oneメールで差し込みやブロック出し分け用のタグが必要な場合も
対応可能な場合がありますので、まずはお気軽にご相談ください。
【サービス内容】
HTMLメールのコーディング
デザインデータからの画像素材作成
【納品までの流れ】
- ご依頼者様より頂いたデザインデータ、画像データを元にコーディングします。
プレミアムプランの場合は、併せて画像素材の作成も行います。 - 制作物をご確認いただき、必要に応じて修正を行います。
- 問題がなければ、正式に納品(zipファイル送付)となります。
【HTML&CSS , jQuery】SEOを意識したHP制作を承ります
業務内容
自己紹介
はじめまして。
福永と申します。
フリーランスでWeb制作を行っております。
海外で日本語のSEO担当者として勤務しておりますため、SEO対策とWeb制作をお任せください。
迅速かつ高品質なホームページを納品することを心がけております。
ホームページ制作を承ります
主にHTML&CSS,Javascriptを用いたホームページの制作を承っております。
ご要望がございましたら、ワードプレスで構築することも可能でございます。
・LPを安く、高品質で発注したい
・お店や企業のホームページを作成したい
・SEO対策されたホームページを作成したい
のような方は、ぜひお気軽にお問い合わせくださいませ。
料金について
コーディングのみ : ¥7,000 / 1ページ
デザインのご提案とコーディング : ¥30,000 / 1 ページ
デザインのご提案とコーディング + SEO対策 :¥50,000 / 1ページ
※上記の料金は、レスポンシブ対応(スマホ・タブレット)を含んだ料金です。
※コーディングのみの場合でも、基本的なSEOのルールに沿ったコーディングを行います。
※WordPressのテーマ開発に関しましては、承っておりませんのでご了承ください。
直近の実績
KSAソフトテニススクール様
https://ksa-softtennisshcool.com/
デザインとコーディングを担当いたしました。
【修正します】お手持ちのWebサイトの修正・コンテンツ追加、対応いたします
業務内容
今ある既存のWEBサイトの修正をいたします!
「住所や電話番号の変更がしたい・・・」
「コンテンツの追加や文章を変更したい・・・」
「サイトにバナーやウィジェットを設置したい・・・」等、
ちょっとしたサイトの修正がしたい方、
ご相談内容からお見積させていただきますので、まずはお気軽にご相談ください!
※ドメイン移管や、既存WordPressテーマの大幅なカスタマイズのご依頼はお断りさせていただいております。
==================
■修正について(税抜)
==================
・テキストの修正:1箇所につき1,320円~
(例:電話番号、住所、リンク先の変更など 基本的にHTML・CSS・JSの修正を伴わない箇所のみ)
・HTMLやCSSの書き換えが伴う修正:1箇所につき7,920円~
・JSの書き換えが伴う修正:1箇所につき13,200円~
・CMSの追加:1箇所につき22,000円~
html/css/scss/jqueryを使ったWeb制作、単純な量産も請け負います
業務内容
既存サイトの量産から、新規ページの構築、メンテナンス等請け負ます。
Adobe DreamWeaver SCSS SVN などが扱いやすい環境になっております。
HTML/CSS/JavascriptのWebサイトをコーディングします
業務内容
ご覧いただきありがとうございます。あおきと申します。
都内のWeb制作会社でフロントエンドデベロッパー/ディレクターとして7年間勤務しておりました。2024年4月より独立し、アニメーション表現を軸にWebサイト制作をしています。
こちらは、お客様にいただいたデザインデータをもとにWebサイトの静的コーディングを代行するパッケージです。
まずは、デザインデータ(figma、xd、psd、ai)をお送りください。
お見積りさせていただきます。
こんなときもご相談ください!
- スマホデザインが完成していない…
- TOPのデザインはあるけど下層ページが完成していない…
- デザインはあるけどアニメーション演出の方向性が定まらない…
→デザインルールを踏襲して実装させていただきます。まずはご相談ください。
オプションで以下も対応可能です
- WordPress構築
- サイト全体のアニメーション演出
- canvasでの2Dアニメーション作成
ご依頼・制作の流れ
- 「まずは相談する(無料)」よりお問い合わせください。
- デザインのご共有:ご相談時はデザインが未完成でも問題ございません。
- デザイン確定:コーディングを開始します。
- ご確認・修正:必要に応じて対応いたします。
- ご納品:zipでの納品・サーバーへのアップなど対応いたします。
レスポンシブなLP制作のコーディングを高品質・高速で担当します
業務内容
こんな方にオススメ!
とにかくWebサイトをはやく作りたい方。
アイデアやデザインは用意できるが肝心の実装者が見つからないという方。
ドメインの取り方などが分からない方。
とにかくコーダーの手が足りないという方。
SEOの知見が欲しいという方。
コードレビューをお願いしたいという方。
ミーティングについて
コミュニケーションに関しては、基本的に平日19時以降か土日にはなってしまいますが、週に2回ほどであれば、お昼過ぎのMTG参加などは可能です。
レスポンシブサイトの高品質なフロントエンドコーディング承ります
業務内容
◽︎こんな方におすすめ
・デザインカンプはあるけどコーディングの手間を省きたい
・デザイナーとしてカンプは用意できるがコーディングまで手が回っていない
・ポートフォリオ制作で、コーディングだけを代行してほしい
・PC、スマホのみしかないデザインをよいように解釈してレスポンシブにしてほしい
・WordPressやstudioではできない演出をサイト上に実装したい
・特殊な実装をしているサイトを改良したい
◽︎対応範囲
・1ページ
・レスポンシブ(スマホ、PC)対応
・基礎的なSEO対策
◽︎対応技術
・HTML Living Standard
・CSS 3
・SASS(SCSS)
・JavaScript
・TypeScript
◽︎開発環境(ご指定がない場合)
・Astro.js
・Vite
・SCSS
◽︎制作のすすめかた
①カンプ確認、すりあわせ
デザインカンプを確認しながら、ヒアリングを行います。
②コード制作
カンプをもとに、コーディングを行います。
③最終確認、納品
確認していただいたのち、納品を行います。
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を低価格かつ高品質でコーディングいたします
業務内容
ご覧いただきありがとうございます!
ホームページやLPのデザインカンプをもとに、コーディングいたします。
お客様とのコミュニケーションはもちろん、品質やスピードを大切にコーディングをします。
■当サービスの内容
・HTML/CSSによる静的コーディング
・レスポンシブ対応(デザインが大幅に変わる場合は別途料金が発生します)
・内部SEO対策
・画像圧縮などのサイト表示速度の向上対策
・修正対応
■オプション(一例)
・WordPress化(3,000円〜)
・お問い合わせフォームなどの動的実装(10,000円〜)
その他にもご要望がございましたらご相談ください!
■当サービスの特徴
・バリデーションツールによるHTMLの構文チェック
・imgタグの属性(レイアウトシフト対策やload属性、alt属性)
・必要に応じてCSSのベンダープレフィックスの付与
・CSS設計を考慮した記述(指定がなければFLOCSSで記述いたします)
・自作のCSSフレームワークを活用した効率的な記述
・各種ブラウザの表示確認(Chrome, Safari, Firefox)
■お取引の流れ
お見積もり依頼 または お問い合わせ
↓
お見積り提出→ご購入
↓
デザインデータや指示書などのご提供
↓
コーディング開始
↓
初稿提出
↓
ご確認・修正
↓
ご納品
■納品方法
コーディングデータをzipファイルで送付
サーバーにアップロード(1,000円)
■デザインデータ形式
Illustrator / Photoshop / XD / Figma に対応しております。
使用する画像は事前に書き出しをお願いします。(こちら側で書き出す場合別途料金1,000円〜)
■納期
作業量により異なりますが3日〜10日ほどお時間をいただいております。
お急ぎの場合は事前にお問い合わせくださいますようお願いいたします。
ご不明点がありましたらお気軽にご連絡くださいませ。
簡単なHTML/CSSのコーディング作業を請け負います
業務内容
▼こんな方におすすめ
- 作ったサイトの誤字脱字を確認してほしい
- サイトが上手く動かないけど原因がわからない
- デザインは決まってて後はコーディングだけ
上記のような悩みを持つ方、ぜひ私にお任せください!
▼提出までのイメージ
【STEP1】
まずどのような業務内容か、すり合わせを行わせてください。
成果物のイメージに、できるだけ誤差がないようにします。
【STEP2】
計3回の途中報告を行います。
サイトのページ等を見ながら、成果物のイメージと誤差があれば指摘を頂きます。
【STEP3】
成果物を一緒に見てもらい、問題ないかを確認します。
※やり取りは文面、もしくはZOOMのビデオ通話等の非対面で行わせてもらいます。
▼私のつよみ
プログラミングの勉強を始めてまだ日が浅いので、実績の数としては少ないですが、これから勉強を進めていきどんどん成長していきたいと考えています。
一度ご縁のあったクライアント様とは、今後も良い取引ができたら嬉しいと考えているので、特別で案件を引き受けさせていただくこともあるかと思います。
【デザイナー様、制作会社様向け!】Webサイトのコーディングを迅速・丁寧に代行します
業務内容
【はじめに】
即レス&短納期で、責任を持って最後まで対応いたします!
ご要望に合わせて柔軟に対応いたしますので、まずはお気軽にご相談ください。
【対応可能な業務】
✅ Webサイトの修正・コーディング(HTML・CSS・JavaScript)
✅ ホームページやランディングページのコーディング・修正
✅ WordPressサイトのカスタマイズ・修正対応
「デザインはあるけど、コーディングができない」「スマホでの表示崩れを直したい」など、どんな小さなご依頼でもお気軽にどうぞ!
【こんな方におすすめ】
✅ Webサイトの不具合を直したい
✅ デザインデータをコーディングしてほしい
✅ サイトのコンテンツを変更・追加したい
✅ スマホ対応・レスポンシブ調整をしたい
✅ なるべく安く・早く対応してほしい
✅ Webサイトに関する相談をしたい
【料金プラン】
✅修正・更新案件 → 3,000円~
✅ランディングページ(LP) → 20,000円~(ページサイズにより変動)
✅ホームページ(HP) → 50,000円~(WordPress対応可)
※詳細なお見積もりは、事前にご相談ください!
【制作の流れ】
① ヒアリング・お見積もり(まずはご相談ください!)
② ご契約(仮払いで正式契約)
③ デザインデータのご提供(Figma / XD / Photoshop / PDF など対応)
④ コーディング・テスト(ブラウザチェック・レスポンシブ対応)
⑤ ご確認・修正(回数無制限)
⑥ 納品(zipファイルまたはサーバーアップロード)
【納期目安】
✅修正・更新案件 → 最短即日対応
✅LPコーディング → 3日~
✅HPコーディング → 8日~
※納期は案件の内容やボリュームによって前後する場合があります。
【制作事例】
https://shun117223.wpx.jp/tetote/
『制作会社様・デザイナー様向け』HP・LPのHTML/CSSコーディング代行します
業務内容
正確なコーディングをお求めの方に!
◆はじめに◆
この度は本サービスをご覧いただきありがとうございます。
本サービスでは下記のような方のお手伝いをさせていただいております。
・コーダーを探している
・デザインはあるけどコーディングは苦手なので、誰かに丸投げしたい
・コーディングする時間がない
・スマホ版もいい感じにコーディングしてほしい
・デザイン通りにコーディングしてほしい
無料で迅速にお見積もりさせていただきますので、お気軽にご相談ください。
当方プロフィールよりご参照ください
◆サービス内容◆
・HTML/CSSを用いたデザインカンプからのコーディング
・スマホ対応(レスポンシブ)
・Webページアニメーション機能実装(スライダー、アコーディオン、ハンバーガーメニューなど)
・Wordpressの導入、構築、改修(カスタム投稿・カスタムフィールド・検索機能なども対応可)
・お問い合わせフォームの実装
・品質チェック(表示崩れチェックなど)
◆料金◆
・ページ修正コーディング:10,000円〜
・トップページコーディング(スマホ対応):15,000円~
・下層ページコーディング(スマホ対応):10,000円~
・アニメーションの機能実装:3,000円~ / 1点
・WordPress化コーディング:7,000円〜
<無料オプション>
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ導入、Alt入力
◆サービス購入の流れ◆
①ヒアリング&お見積り
「見積もり・カスタマイズの相談に進む」より、ご依頼内容の詳細をご教示ください。
デザインや納期などを確認させていただき、お見積もりさせていただきます。
↓
②お客様にて仮払い
見積もりや納品日に問題がなければ、こちらから見積もりの回答をさせていただきます。
ご確認いただき、仮払い手続きをお願いいたします。
↓
③コーディング開始
仮払い確認後に、コーディングを開始いたします。
↓
④お客様にてご確認、報告書提出
テスト環境より構築したページを確認いただきます。
また、その際に報告書も併せて提出させていただきます。
↓
⑤修正対応
修正がございましたら最大3回まで対応させていただきます。
↓
⑥最終チェック
修正箇所も含めて最終の確認をお願いいたします。
↓
⑦ファイル一式をzipファイル化し納品(別途希望がありましたらご相談ください)
最終チェック完了後、データを納品させていただきます。
◆納期◆
最短3日にて納品させていただきます。
※リソース状況や実装内容により変動ございます
丁寧な仕事を心がけております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご連絡ください。
【制作会社様・デザイナー様向け】Webサイトのコーディング承ります
業務内容
✨サービス詳細をご覧いただき、誠にありがとうございます✨
当サービスは「Webサイトの更新・修正」、「LP・ホームページのコーディング」に対応したサービスです。
▼こんな方におすすめのサービス
- 自社サイトを更新・修正できる人がいない!
- コーダーのリソースが足りない!
- コーディングのみ外注したい!
▼基本料金
- 既存サイト更新・修正
10,000円~ - LP / トップページのコーディング
38,000円~ - トップページ + 下層3ページのコーディング
68,000円~
※正確な「料金」については、個別にお見積りいたしますので、お気軽にご相談ください。
▼納期目安
- 既存サイト更新・修正
3日~ - LP / トップページのコーディング
6日~ - トップページ + 下層3ページのコーディング
10日~
※正確な「納期」については、個別にお見積りいたしますので、お気軽にご相談ください。
▼基本料金に含まれる内容
- レスポンシブ対応(スマホ/タブレット/PC)
- 簡単なアニメーション実装(ハンバーガーメニュー、ドロワー開閉、アコーディオンメニュー)
▼オプション
- お問い合わせフォームの設置
- WordPressの実装
▼動作確認
- Chrome
- Edge
- Firefox
- Safari
※SafariブラウザのみE2Eテストツール上での動作確認となります
※IE11は非対応
▼制作の流れ
- ヒアリング(DMよりご相談ください)
- お見積り
- ご契約(ご購入)
- 素材のお預かり
- 制作開始
- 検収(確認・修正)
- 納品(ファイル送付 or 指定サーバへのアップロード)
ここまでご覧いただきありがとうございました。
ご不明な点がございましたら、お気軽にお問い合わせください。
お客様にご満足いただけるよう、責任を持って対応させていただきます。
デザインカンプから丁寧にHTML/CSSコーディングします
業務内容
デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ(FTP)
・scss、gulpfile(ご希望あれば)
別の納品方法のご指定がある場合にはご相談ください。
デザインカンプを丁寧にかつ更新しやすくコーディングを行います
業務内容
デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ(FTP)
・scss、gulpfile(ご希望あれば)
別の納品方法のご指定がある場合にはご相談ください。
デザインカンプを丁寧に、HTML/CSSでコーディングします
業務内容
デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ(FTP)
・scss、gulpfile(ご希望あれば)
別の納品方法のご指定がある場合にはご相談ください。
HP・LPのコーディングを承ります 低価格・丁寧な対応を心掛けております
業務内容
ご覧いただき、ありがとうございます。
Webコーダーの中津葉月と申します。
大阪府を拠点にWeb制作のフリーランスとして活動しており、主にランディングページ(LP)やWebサイト制作のコーディングを承っております。
まずはお気軽にご相談ください。
【内容】
・HTML/CSS (静的コーディング)
・レスポンシブ対応可
・ javascript(jQuery)によるアニメーション実装
ハンバーガーメニュー、アコーディオンメニュー、モーダル、タブ、スライダー等
【制作の流れ】
1.ヒヤリング&お見積もり
2.お客様からデザインの提供
3.コーディング
4.ご確認・修正
5.最終確認・納品
【デザインデータ形式】
Figma
※他要相談
【テスト環境】
WindowsのChrome、Safari、Firefox、Edgeにて
確認いたします。
【納期】
・Webサイトの種類やボリュームにより異なりますが、ご依頼日より1~2週間を目安にしております。
お急ぎの場合は事前にご連絡お願いいたします。
【納品方法】
zipファイルにて納品予定
・制作物はポートフォリオサイトなどに掲載させていただければ大変嬉しく思います。
掲載不可の場合は事前にお声掛けください。
ホームページ・LPのHTML・CSSコーディング承ります
業務内容
ご覧頂きありがとうございます。
Webページ、LPなど、デザインからのコーディングを行います。
デザインはあるけどコーディングにお困りの場合など、ぜひご相談ください!
■作業内容
●デザインカンプからの静的コーディング(HTML・CSS)
●レスポンシブ対応、Javascript対応(ご相談)
■制作の流れ
まずは、お客様のご依頼内容についてお伺いさせて下さい。
お見積もり・納期の目安をご連絡させて頂きます。
1.ご依頼内容の確認・お見積もり・納期の目安のご連絡
2.ご購入後、制作要件についてのご確認、デザインカンプ等の必要なデータの受け取り
3.制作開始
4.完成品の提出とご確認(修正箇所の確認)、納期の確認
5.修正対応
6.修正品の提出とご確認
7.最終納品
■納品方法
コーディングデータをzipファイルにて納品させて頂きます。
■デザインカンプデータ
Adobe Illustrator, Photoshop, XD, Figmaに対応致します。
■納期
お急ぎの場合など納期についてのご相談も可能です。
■こちらでの検証環境
Mac最新OSにてChrome, Safari, FireFox
iPhone最新OSにてChrome, Safari, FireFox
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■その他、ご質問などありましたら、お気軽にお問い合わせ下さい。
レスポンシブ対応込み!デザイン通りのコーディングを行います
業務内容
WordpressやLPのコーディングをお願いしたい!と少しでも思った方、お気軽にご相談ください♪
【低価格の理由】
ランサーズでの出品が初めてでランサーズ内での実績が少ないため低価格で出品しています。
2名様限定で実績が付き次第、本来受注している料金まで上げる予定です。
低価格での出品は現在だけですのでご了承ください。
【修正回数無制限!】
実際にコーディング後に「ここをもう少し変えてほしい・・・」などの要望がございましたら、何度でもご納得いただけるよう修正いたします!
※大幅なデザイン変更は別途追加費用をいただきます。
【ピクセルパーフェクト】
デザインに忠実なコーディングを心がけます。
【WordPressオリジナルテーマ構築】
1からのオリジナルテーマ構築も承ります。お気軽にご相談ください!
◆ 基本内容 ◆
・HTML / CSSでの静的コーディング
【以下追加費用が必要になります】
・JavaScript (JQuery) での動的実装
・Wordpress構築
◆ 制作費の目安 ◆(全てレスポンシブ対応込み)
・HTMLコーディング1P 10000円~
・サイトへのWordPress入れ込み 3万円
・LPコーディング 3万円~
・WordPressサイトコーディング(10ページ) 7万円~
◆ 制作の流れ ◆
1.「見積り・カスタマイズを相談する」よりご相談ください。
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認
6. 納品
◆ 納品方法 ◆
zipファイルもしくはサーバーへのアップロードなどご相談ください。
その他ご不明な点がありましたらお気軽にダイレクトメッセージでお問合せ下さい。
デザインカンプからの丁寧なコーディングを安く対応します
業務内容
★★★最安値で柔軟な高品質の提供に挑戦中★★★
ご覧いただきありがとうございます!
以下、サービス内容をご確認ください。
■こんな方向けのサービスです
・デザインカンプはあってコーディングを依頼したいデザイナー様
・リソース不足のコーダー様、WEB制作会社様
■サービス内容・対応範囲
◎デザインカンプからのHTML/CSSを用いたコーディング
◎JavaScript(JQuery)を用いたアニメーション実装
◎WordPress化
◎レスポンシブは320px以上の画面幅ですべて綺麗に表示されるようにします。
◎こまめで柔軟なコミュニケーションと、丁寧なコーディングを心がけます。
■料金
<基本料金>
・基本的なコーディング一式 - 10,000円〜
※金額はあくまで目安です。内容により増減しますので詳しくはご相談ください。
また、ご予算に応じて調整など柔軟に対応いたします。
<無料オプション>
・レスポンシブ対応
・最低限のSEO対策
・サイトの軽量化(画像圧縮やコーディングファイル圧縮による表示速度の高速化)
<オプション>
「サービス内容・対応範囲」に記載のないものに関しては適宜ご質問、ご相談ください。
まずはDMもしくはお見積もり相談よりご連絡くださいませ。
ご相談だけでも問題ありませんので、お気軽にお問い合わせください。
■制作の流れ
①ヒヤリング(※今回のご依頼の目的やお困りごとの内容などお聞かせください)
②お見積
③デザインのご提供
④コーディング(適宜進捗のご報告をいたします)
⑤成果物の確認、修正対応
⑥最終確認、納品
■納品方法
圧縮ファイル(ZIP)での納品。
※直接サーバーにアップロードをご希望の場合はご相談ください。
■納期
工数によって変動しますが、ご希望がありましたらご相談ください。
他のお仕事と調整しつつ対応いたしますが、可能な限り早い納品を心掛けます。
■ご準備いただくもの
以下のデザインカンプをご準備いただき、どのファイルになるか事前にお知らせください。
・AdobeXD
・Figma
・Photoshop
・Illustrator
■サーバー/ドメインについて
お客様でご契約ご準備ください。
※サポートが必要な場合は遠慮なくご相談ください
■最後に一言
納期やご予算につきましては柔軟に対応しますのでご相談ください。
個人だからこそできる、小回りの利いた、柔軟なコミュニケーションを心がけていきますので、HP制作に関するちょっとしたお悩みでもお気軽にご相談ください!
【制作会社様、デザイナー様向け】コーディング、WordPress制作サポートします
業務内容
webサイトのコーディングを承ります!
「デザインは用意できるけどコーディングは外注したい」
「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
「自分でコーディングしている時間がない」
「サイトの一部箇所の修正をお願いしたい」
などのコーディングのお困りごとに丁寧に対応させて頂きます。
お気軽にご相談ください。
【制作内容】
・静的コーディング
・LPコーディング
・WordPressコーディング(オリジナルテーマ)
・WordPress既存テーマのカスタマイズなど
・レスポンシブ対応
・スマホ(またはPC)デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成 など…。
【実績】
WordPressホームページ制作
・既存テーマカスタマイズ
・トップビューアニメーション
・オリジナルホームページ制作
詳しくはポートフォリオをご覧ください。
【簡単な修正、コーディング代行】
簡単な画像の差し替えや、部分的なコーディング、修正は1箇所大体5,000円からご対応します。
内容によってはもっとお安く対応する場合もございますので、一度ご連絡頂ければと思います。
パッケージのシステム上ベーシック最低10,000円以上からの設定しか出来ないため、
簡単な修正内容希望の方は一度ご相談いただければ幸いです。
【ご依頼・制作の流れ】
①「まずは相談する(無料)」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正:コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品:データでの納品・サーバーへのアップなど対応させていただきます。
【対応可能データ】
XD、Photoshop、Illustratorのいずれか
Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
※デザインの内容や量によって費用の追加をお願いする可能性がございます。
【ホームページ・ランディングページ】コーディング案件承ります
業務内容
デザインデータからWebサイトのコーディング、WordPress制作・カスタマイズのサービスです。
◆ サービス内容
・静的コーディング
・LPコーディング
・WordPressコーディング(オリジナルテーマ)
・CSSアニメーション
・WordPressの実装(オリジナルテーマ制作 / カスタマイズ)
・WordPressのお問い合わせフォーム実装
◆ 基本料金内
・jQuery/JavaScriptの実装
・レスポンシブ対応
・画像圧縮による表示速度最適化(Webp対応あり)
・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・テスト環境のご用意
・修正無料
・アフターサポート
納品後14日以内のテキストや画像の差し替えなど、軽微な修正可能。
web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください。
◆ページ料金目安
・トップページ:30,000円~
・下層1ページ:10,000円~
・複製ページ:2,000円~
・LPコーディング:50,000円~
・WordPress実装:要相談
◆ こんな方におすすめ
・コーダー不足で外注先を探している方
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方
サービス運営者様、会社経営者様、個人などでも可能ですので
まずはお気軽にご相談ください。
◆ 製作の流れ
①ご相談・ヒアリング
②契約
ご相談の上、ご検討していただきお申し込みいただけたらと思います。
③制作開始
④ご確認・修正
⑤納品
デザインに忠実にHTML/CSS及びjQuryコーディングをいたします
業務内容
「デザインは用意できたけど、コーディングができる人を探さなきゃ...」
その悩み、解決いたします!
デザイン通りのコーディングをいたします!
jQueryを用いたものや、WordPress化まで対応!まずは気軽にご相談ください
テキスト修正や画像差し替えなど、WEBサイトの修正を承ります
業務内容
★★★最安値で柔軟な高品質の提供に挑戦中★★★
ご覧いただきありがとうございます!
以下、サービス内容をご確認ください。
■こんな方向けのサービスです
◎HTML/CSSでコーディングされた既存サイトに修正を加えたいが知識がないため対応をお願いしたい方
◎リソース不足のコーダー様、WEB制作会社様
■サービス内容・対応範囲
◎既存ページの内容変更(テキスト修正、画像差し替え、デザイン変更など)
◎一部カスタマイズ(ボタンなど一部パーツの装飾、変更など)
◎JavaScript(JQuery)を用いたアニメーションの追加(スライダーやモーダル、アコーディオンなど)
◎レスポンシブ対応
◎その他、お困りごとがありましたらお気軽にご相談ください
■制作の流れ
①ヒヤリング(※今回のご依頼の目的やお困りごとの内容などお聞かせください)
②お見積
③サイト修正作業
④成果物の確認、修正対応
⑤最終確認、納品
■納品方法
圧縮ファイル(ZIP)での納品
※ご希望がありましたらご相談ください
■納期
工数によって変動しますので、ご希望がありましたらご相談ください。
他のお仕事と調整しつつ対応いたしますが、可能な限り早い納品を心掛けます。
デザインカンプからのコーディングからWordPress化までを提供します
業務内容
HTML/CSS/jQuery/JavaScriptを用いたコーディングや、WordPress化を提供します。
CSSについては、BEMを用いたCSS設計でコーディングをすることができます。
WordPress化については、カスタム投稿タイプ・カスタムフィールド・カスタムタクソノミーを用いて使いやすいサイト構築を行います。
格安でデザインに忠実なHTML/CSSコーディングを代行します
業務内容
出品ページをご覧いただきありがとうございます!
ご提供頂いたホームページまたはLPのデザインカンプを元に、
格安価格の1ページあたり10,000円~から、HPやLPのコーディングを代行します。
ココナラで活動始めて間もなく、実績を積みたいため、
格安でコーディングを代行させて頂きます。
HTML/CSS/Javascript(jQuery)の基礎をしっかりと学んでおりますので、
ご提供頂いたデザインを忠実に再現します。
■提供サービス
・HTML/CSSを用いた静的コーディング
・スマホ・タブレットにも対応したレスポンシブデザイン
・JavaScript(jQuery)を駆使したダイナミックな機能実装
例)スライダー、アコーディオン、ハンバーガーメニュー、スクロールアニメーションなど
・既存サイトの一部修正
※対応できないこと
・イラストや画像等サイト内で使用する素材の作成
■サービスの魅力
・格安価格で、あなたのWeb制作を飛躍させます
・追加料金不要の無料オプションもご利用いただけます
・緊急案件にも迅速に対応します
■料金プラン
1ページあたり、10,000円からご提供いたします。
※無料でお届けする特典
・レスポンシブ対応
・修正対応3回まで
■制作のステップ
ヒアリング・見積もり
コーディング内容や実装機能を詳しくヒアリングし、お見積もりを提供いたします。
↓
ご購入
↓
デザインデータ確認
Photoshop、Illustrator、XDのデータに対応しています。デザインデータをご確認ください。
↓
コーディング作業開始
↓
ご確認・修正
最大3回まで修正対応いたします。ご確認いただき、ご要望をお知らせください。
↓
ご確認完了後、納品
ご確認いただいた後、完成したコーディングデータをzipファイルで納品いたします。
■納期
コーディング内容や実装機能をヒアリングしたうえ、目安をお伝えいたします。
■その他
コーディングの成果物は、制作実績として自身のポートフォリオに掲載することがあります。
もし掲載を希望されない場合は、事前にお知らせください。
コーディング・WordPress構築代行いたします
業務内容
- コーディング,WordPress構築を外注できるパートナーが欲しい
- Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
- どれくらいのスキルがあるのか分からなくて外注できない
などのお悩みを抱えているWeb制作会社様・個人事業主様はいらっしゃいませんか?
Kyoto Web Designでは長期での契約を優先させていただいています。
もちろん単発でのご契約も可能です!
デザインを別で用意していただくことも、デザイナーをこちらで探すことも可能です。
テンプレートを修正する形でデザインなしも可能です。
高品質・高効率のコーディングサービスをいたします
業務内容
==============================
サービス内容
==============================
■用意いただいたデザインをコーディングして納品します(zipファイルを予定しています)
HTML/CSS/JavaScript(jQuery)に対応しています。
オプションから購入いただければ、Googleフォームも設置いたします。
※デザインや依頼内容の希望によっては追加料金をいただく場合があるので、お見積りの際は、出来る限り詳細内容をお伝え下さい。
サービス内の料金は、1ページごとの料金です。
追加ページを希望の場合は、オプションから購入という形でご依頼ください。
内容も、既存ページの流用という形であれば、格安で追加できます。
■■サービス詳細
・HTML/CSS/JavaScript(jQuery)に対応
・レスポンシブ対応(PC / スマートフォン、タブレットは最低限の見栄えを確保)
・外部サービス連携対応(SNSやマップ、Google Forms、埋め込みのみ)
・素材は3点までこちらでフリー素材から用意できます
・納品後は1ヶ月間の無料不具合対応
==============================
こんな方におすすめ
==============================
・デザインは用意できたが、コーディングしてくれる人材がいない。
・経験と実績があるプロに高品質なコーディングをお願いしたい。
==============================
料金の目安
==============================
・トップページ(8000円〜20000円 / 1ページ)
・下層ページ(6000円〜10000円 / 1ページ)
・LP(8000円〜20000円 / 1ページ)
※デザインやアニメーション他の実装によって料金が変わります
==============================
サービスの流れ
==============================
はじめに【購入時のお願い】をご覧ください。
見積もり・相談内容を確認後、双方で合意ができればスタートです。
ヒアリングを行いつつ、テストと確認を繰り返しながら、作業を進めてまいります。
【限定2名様特別価格!】元エンジニアがHTML/CSSコーディングいたします
業務内容
こんな方におすすめのサービスです
「デザインはあるから、コーディングだけお願いしたい!」
「時間がないので実装はまるっとお任せしたい」
「早いレスポンスで円滑に進めたい」
そんな方にぜひお力添え致します!
当サービスの特徴
■XD / Figma / photoshop / illustrator 等、どのカンプでもご対応
■スマホやタブレット等のレスポンシブ対応付き
☆ランサーズ参入記念で、通常よりお安くご提供させていただきます!
制作の流れ
①ヒアリング(イメージの共有やデザインのご確認)
②お見積もりをご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品
お客様ご自身で更新作業もされたいという方は、WordPressを用いた開発も可能です!
お気軽にご相談ください!
Webコーダーがレスポンシブコーディングを代行いたします
業務内容
業務内容
サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。
◆こんな方にオススメです
デザインはできるけどコーディングが苦手
コーダー不足で外注先を探している制作会社
コーダーのパートナーを探しているデザイナー
◆基本料金に含まれるもの
HTML/CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
テスト確認用サーバーの設置(こちらで用意)
アフターフォロー(納品後2週間以内)
→表示崩れの修正は無期限で無料対応いたします。
◆基本料金に含まれないもの
スマホ用デザインカンプがない場合のレスポンシブ対応:合計金額の30%を加算
アニメーションの実装(一部無料、ご相談ください):5,000円〜
お問い合わせフォームの実装:17,000円〜
静的の場合は「PHP工房」のメールフォーム使用を想定しております。
◆納期
4日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。
◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
◆お見積り参考例
【長さ10,000pxのランディングページコーディング例】
・ページ長さ10,000px:20,000円
・ページトップボタン:無料
・ドロワーメニュー(ハンバーガーメニュー):5,000円
参考価格:25,000円
※WordPress導入も含む場合はプラス44,000円〜
【お気軽にご相談ください】高品質のWebページコーディングを承ります
業務内容
Webページのコーディングを承ります。
制作済みのデザインカンプを元に、LPやHPの高品質なコーディングを実施します。
パッケージプランに当てはまらない内容でも、まずはお気軽にご連絡ください。
パッケージプランをベースに詳細なお見積りをさせていただきます。
✔︎このパッケージで解決できるお悩み
・コーディングを外注したい!
・急遽コーダーのリソースが必要になった!
・高品質でアニメーション付きのコーディングを頼みたい!
✔︎大切にしているポイント
・お客様から拝借したデザインカンプに基づいて忠実なコーディングを実施する
・途中段階でもこまめな進捗報告を行う
・お客様とお約束した納期を厳守する
■基本内容
・HTML/CSSコーディング
・レスポンシブ対応
・デザイン完全再現
・読み込み速度を考慮したパフォーマンス対策
・スクロール時の要素出現アニメーションの実装
・スライダーやアコーディオン、モーダルなどのアニメーション実装
・最新ブラウザでの動作確認
・テスト環境での動作確認
・指定サーバーへのアップロード
・納品後1週間の修正対応
■オプション内容
・納期の短縮
・表示高速化の対応
(次世代画像フォーマットによる読み込みスピードの高速化を実施)
・おまかせスマホ対応
(スマホ版デザインカンプがなくてもPC版デザインを踏まえたスマホ版レスポンシブコーディングを行います)
・お問い合わせフォーム実装
(必要な項目を備えたお問い合わせフォームを作成し、送信があった場合には自動送信メールを送付する機能をPHPを使用して追加いたします)
■ご対応可能なファイル形式
・Figma
・Adobe XD
・Adobe Photoshop
・Adobe Illustrator
使用画像は「埋め込み」でお願いいたします。
■納品形式
・ファイル送付
・指定サーバーへのアップロード
※サーバーアップロードの場合は事前にFTP情報をお伺いいたします。
以上です。
ご不明な点についてはお気軽にお問い合わせください。
よろしくお願いいたします。
■プロフィール
恐縮ですが、私の経歴をご紹介します。
2017年〜2021年
インフラエンジニアとして主にシステム設計構築を担当
AWS、Linux、VMware などを扱う
2021年
Webデザインスクールに通学
在学中にクライアントワークコンペで選抜される
2022年
Web制作会社に勤務、デザイナー兼コーダーとして活動
大手デザインスクールにてAdobe XD講師を経験
2024年
フリーランスとして独立
大手デザインスクールにてトレーナーとして活動
HTML,CSS,JavaScriptのコーディングやってます
業務内容
自己紹介
こんにちは!私は、Web開発を専門とするフリーランスの[あなたの名前]です。HTML、CSS、WordPressの技術を駆使して、美しく機能的なウェブサイトを制作しています。
スキルセット
HTML & CSS: モダンでレスポンシブなデザインを実現し、ユーザーフレンドリーなインターフェースを構築します。
WordPress: テーマのカスタマイズからプラグインの開発まで、WordPressを使ったサイトの構築に豊富な経験があります。
JavaScript: インタラクティブな要素の追加やアニメーションの実装が可能です。
SEO: 検索エンジン最適化の知識を活かして、ウェブサイトの検索順位を向上させます。
経験と実績
これまでに様々な業界のクライアントと協力し、以下のようなプロジェクトを手掛けてきました。
企業サイトの新規構築: 企業のブランドイメージに合わせたカスタムデザインのウェブサイトを作成。
ECサイトの開発: WooCommerceを用いて、高機能なオンラインストアを構築。
ブログサイトのカスタマイズ: ブログ運営者のニーズに応じたテーマとプラグインのカスタマイズ。
ポートフォリオサイト: クリエイターやアーティストのための魅力的なポートフォリオサイトをデザイン。
私の強み
柔軟な対応: クライアントの要望に応じた柔軟な対応が可能です。プロジェクトの規模や内容に関わらず、最適なソリューションを提供します。
コミュニケーション: クライアントとのコミュニケーションを大切にし、プロジェクトの進行状況を随時報告します。
納期厳守: 期限内に高品質な成果物を提供することをお約束します。
下層ページHTML・CSSのコーディングのみ承ります
業務内容
1.レスポンシブHTML・CSSのコーディングのみのご依頼を承ります。
1ページの目安は、縦幅が6000px以内でお願い致します。
2.bootstrapにてレスポンシブ対応(タブレットは除く)
以下2種類サイズ対応
(例)横幅480px以上(PC、タブレット)横幅480px以下(スマホ)
スライダー等、開発が必要なものに関しては、別途お見積もりとなります。
3.対応ブラウザ
win:ie10++,chrome最新,firefox最新
mac:safari最新
4.納品形式
htmlファイル一式をzipでの納品
【デザイナー様・制作会社様向け】ホームページ・LPのコーディング代行します
業務内容
本サービスをご覧頂きありがとうございます。
こんな悩みを抱えていらっしゃるデザイナー様・制作会社様におすすめです。
・リソースを増やして、事業拡大を検討している
・簡単なコーディングを外注化して、自分にしかできないことに力を入れたい
・コーデイングも含めた案件を獲得したい
そんな方の頼りになるパートナーになります!!!
ー私の強みー
お客様との信頼関係を築く上で最も大事だと考えており、普段からレスポンスの速さには、
気をつけており、ありがたいことに今までのお仕事させていただいた方々からは、
「日々の進捗状況の報告や質問への解答などが円滑で、スムーズに作業の進行ができた」
「連絡できない時は、事前に連絡くれて、レスポンスがないことに不安にならなかった」などのお言葉をいただいており、今後も継続していきたいと思っております。
ーサービス内容ー
・HTML/CSS/Javascript(jQuery)を用いたコーデイング
・レスポンシブ対応(PC、タブレット、スマホ対応)
・WordPress構築
・お問い合わせフォーム
ー制作の流れー
1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
丁寧で迅速なコーディングを行います。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
【コーダーをお探しのデザイナー様へ】あなたのLPデザインをコーディングします
業務内容
コーディング依頼は"やしぼう"にお任せください!
サーバー周りの設定やクライアントワークのフォローまで柔軟に対応いたします!
サービスを閲覧いただきありがとうございます。
やしぼうと申します。
Webサイトのデザインデータをもとにコーディングを代行いたします。
◆作業内容
標準作業
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・JavaScriptを使用した動的実装
オプション
・写真素材準備
◆料金表
標準作業
・HTML/CSS/JavaScriptコーディング
・トップページ:33,000円
・下層ページ:11,000円/1ページ
オプション
・問い合わせフォーム制作:22,000円
・写真素材準備:5,500円/~5点
・WordPress構築:22,000円~
◆制作の流れ
1、ヒアリング&お見積り
2、デザインデータのご提供
3、コーディング(テスト含む)
4、ご確認・修正
5、最終確認・納品
※納品物はHTML/CSSを記述したテキストファイルを想定しています。
納品方法はご都合の良い手段で対応可能です。ヒアリング時にご相談ください。
◆納期
ページ数に応じて納期を決定させていただきます。
例えば、10ページ程度のWebサイトで2週間程度となります。
※具体的にはデザインデータを拝見した上で決定とさせてください。
ご希望の納期がある場合はご相談くださいませ。
※詳しくはお見積り時にご相談ください。
迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
格安対応!デザイン通りにLPやHPのコーディング致します
業務内容
この度は私のパッケージをご覧いただきありがとうございます。
千葉県在住、フリーランスのWebエンジニアとして活動している石田哲朗と申します。
◆サービス内容
・HTML/CSSを用いた静的コーディング
・JavaScript(jQuery)を用いたアニメーションを実装(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
・基本的なSEO対策(alt, metaタグなど)
・WordPress導入
修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします!
※もし何か不手際がありましたら、全額返金させて頂きます。
■料金
10,000円(サービス内容すべて込み)
※複数ページでも10,000円にて対応させて頂きます。(追加料金は一切かかりません!)
◆制作の流れ
1.「見積り・カスタマイズを相談する」よりご相談ください。
2.デザインデータお預かり
3.コーディング(毎日進捗のご共有をさせて頂きます。)
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
・サーバーへのアップロード(FTP情報(ホスト名、ユーザー名、パスワード)のご共有をお願い致します。)
◆納期
受注から5日~14日程度でございます。
※あくまで目安とさせていただき、内容によりご相談させてください。
発注していただいた際は、納期の厳守、迅速なレスポンスを徹底し誠心誠意取り組ませていただきますのでご検討のほどよろしくお願いします。
1ページ5万円からコーディング
業務内容
フリーのwebエンジニアとして大手企業から個人サイトまで多数のサイト制作をおこなっております。
コーディングでお困りのことがある方や、サイト改善のヒントを探している方がおりましたら、ぜひお声がけください。
制作会社様、デザイナー様のデザインをコーディング代行いたします
業務内容
ご覧いただき、ありがとうございます。
・コーディング業務の外注先をお探しの制作会社様
・コーディングも巻き取りたいけど頼めるコーダーがいなくてお困りのデザイナー様
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustratorなど)
HTML、CSS、boostrapを使ってコーディングを格安で承ります
業務内容
まずヒアリングを行いお客様の考えを認識致します
その後コーディング作業に移り
お客様に確認を行って頂きます。
不明点などあればお気軽にお問い合わせくださいませ。
デザインカンプからコーディング、サイトの制作を致します
業務内容
デザインカンプ(AdobeXD、figma)からコーディング致します。
▼こんな方にオススメ
・なるべく費用を安めに済ませたい方。
・安いからといってあまり妥協したくない方。
・そこまで急いでない方
▼使用スキル
・HTML/CSS
・Sass
・Gulp
・Javascript
・Jquery
・PHP
・Wordpress
▼制作の流れ
デザインカンプを送っていただいてから制作スタートと致します。
キリの良いところ(1ページの完成、レスポンシブの対応等)まで制作しましたら、
随時報告致しますので確認お願いします。
納品ですが、圧縮ファイルにして納品いたします。
【HTML/CSS】デザイン通りにHPやLPコーディングいたします
業務内容
\\ デザインカンプ通りにコーディングします //
「低価格で新規LPを頼みたい」
「デザインはあるけど、コーディングができない」
上記などをご要望の方、お気軽にご連絡ください。
◆サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いた動的な実装
(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
修正回数については、無制限です。
ご満足いただけるまで責任をもって対応いたします!
※大幅なデザイン変更については、
別途料金が発生する場合がございますのでご相談ください。
とにかく迅速丁寧なコーディングでホームページ制作を行います
業務内容
▼このような方へおすすめ
・模写コーディングを求めている方
・1からホームページを制作したい方
・ホームページをリニューアルしたい方
・ECサイトを作成しネットショップを始めたい方
・迅速に作業を進めて欲しい方
▼ご提供内容
・模写コーディング[HTML,CSS,Java]
・WEBデザイン制作の斡旋
・ECサイトの制作
▼ご購入後の流れ
・WEBデザイン、素材の受け取り(素材ありの方)
↓
・ページ制作後ご確認
↓
・修正箇所があれば修正
↓
・完了・納品
↓
※指定期間内であれば画像やテキスト修正を行いますのでご依頼下さい。
▼制作可能なジャンル
・HTML,CSS,Javaを使用したホームページ、ECサイトの制作
※違法なサイト以外には業種は基本的に問いません。
▼納期や料金プラン、オプション
・ご相談頂きましたら出来る限り対応させて頂きます。
【デザイナー様・制作会社様】デザイン通りにHPコーディング代行を承ります
業務内容
ご希望のデザインを完全再現いたします!
頂いたデザインデータを忠実に再現し
想いをカタチにすることを心掛けています。
銀行での人事部での経験から、徹底したタイムスケジュール管理と柔軟な対応でお客様のご要望を組み込み、迅速・丁寧な作業をするのが得意です!
確かなスキルでデザイン通りに制作いたします。ご納得いただけるまで修正いたします。
・HTML/CSSコーディング
・基本的なSEO対策
・保守性の高いコーディング
上記はすべて基本料金に含まれています。
※ご依頼後にデザインに変更があり実装が変わる場合は、追加で費用をいただく場合がございますので予めご了承願います。(簡単な変更の場合はご不要です)
▼作業内容
・静的コーディング
・LPのコーディング
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどのアニメーションの実装
・JavaScriptの機能実装
・WordPress化:内容により別途でお見積り
★おすすめなお客様★
・お手持ちのデザインデータを再現したい!
・コーディングを外注したい!
・デザインはできるけどコーディングは苦手
・コーダー不足で外注先をお探しの制作会社様
・コーダーのパートナーをお探しのデザイナー様
・デザイン素材はあるがコーティングを任せたい方
■ご予算について
作成するページ数やご要件に応じて金額は変動いたします。ご予算に応じて調整可能ですので、お気軽にご相談下さい。
〜ご依頼の流れ〜
①「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
②納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
③お見積もりなど問題なければ、発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
※画像の加工・作成のご依頼も承っています。必要な場合、別途ご相談ください。
※デザインが制作途中の場合はワイヤーや全体の構成図がわかるものをお送り頂ければ先行して作成致します。
↓
④最終的な納品日をお伝えし、サイト構築開始。
↓
⑤コーディング完了後、ご確認をいただき無料で修正対応いたします。
最終チェックが完了後、データ納品となります。
●納期について
デザインデータ受領翌日からの日数を頂いております。
ご希望納期がある場合はご相談ください。
●納品形式
ZIPにてファイル送付致します。
ご希望あればサーバーアップロードも行います
「誠心誠意」丁寧な対応を心掛け、お客様のご要望を組み込みながらデザインの完全再現ができるよう、丁寧に柔軟な対応を心掛けています。
ご不明点などございましたら、見積もり・カスタマイズの相談あるいはメッセージでお気軽にお問い合わせください。
HTML/CSSを使用したホームページ制作・修正ができ ます
業務内容
HTML/CSS , WordPress , Wixを使ったサイト作成
【使用言語】
・HTML
・CSS
【使用ツール】
・Wordpress
・Wix
・Photopea
・pixabay
実績作成中のため初めての方はコーディングを無料で実施します
業務内容
ご覧いただきありがとうございます!
はじめまして!kouと申します。
私は独学でプログラミングを学んでいる学生です。学校生活の傍ら、少しでもスキルを磨きたいという思いで、毎日プログラミングの勉強に励んでいます。
まだ大きな実績はありませんが、その分、お一人お一人のご依頼に全力で向き合い、丁寧に対応させていただきます。初めての方でも安心してご依頼いただけるよう、柔軟な対応と誠実さをモットーにしています!
「未経験だからこそ、成長の可能性に期待してほしい。」
そういった思いで、このスキルマーケットに挑戦しました。技術はまだまだですが、その分努力と真心でサポートさせていただきます。ぜひ、応援の気持ちも込めて、あなたのプロジェクトのお手伝いをさせてください!
初めての方にも安心していただけるよう、納品後の修正やサポートも柔軟に対応します。
どうぞよろしくお願いいたします!
◼︎サービス内容
・HTML/CSSを使用した静的コーディング
・jQueryを用いたアニメーション実装(ハンバーガーメニュー、スライダー)
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)
◼︎料金表
・アニメーション ¥2,000〜
(ホバーアニメーション、ハンバーガーメニュー、スライド、フェードインは無料対応)
・問い合わせ機能 ¥5,000~
(サンクスページ込み)
・WordPress構築 ¥8,000~
※アニメーションやWordPressについては内容により異なりますので、ご依頼時にお申し付けください。
◼︎制作の流れ
1.「見積り・カスタマイズを相談する」よりご相談ください。
2. デザインデータのお預かり
3. コーディング
4. ご確認・修正
5. 納品
◼︎納品方法
・zipファイルの送付
・サーバーへのアップロード
HTML、CSSでのWebサイトの制作のコーディング代行、受注します
業務内容
ご覧いただきありがとうございます!
kouと申します。
実績成績のため、値段交渉を承ります。
ご気軽にご相談ください。
【現在実績制作のため、20件まで特別価格で承ります!】
◼︎サービス内容
・HTML/CSSを使用した静的コーディング
・jQueryを用いたアニメーション実装(ハンバーガーメニュー、スライダー)
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)
◼︎納品方法
・zipファイルの送付
・サーバーへのアップロード
【理想のデザインを再現】HP/ LPのコーディングいたします
業務内容
【サービス詳細】
はじめまして🙇♀️
ページをご覧いただきありがとうございます🙏
Web制作をしております、
muuと申します😊
早速ですが、
「 自分の想像した通りのデザインにしたいけれど、コーディングが難しくて手が出せない... 」
「 綺麗で信頼されるWebサイトを作りたいけれど、技術的な限界を感じている 」
このような悩みを抱えていませんか😭?
私は、ご依頼者さまの理想を形にする
Webサイトのコーディングを専門としており、
いただいたデザイン案を元に
HTML、CSS、jQueryの知識と経験を活かして
ご依頼者さまのイメージ通りのサイトを実現します!!
WordPressでの入稿など幅広く対応可能です🙇♀️
こちらのサービスをご利用いただくことで
🔶技術的な悩みから解放され、お客さまの得意に集中できます!
🔶専門家の手による高品質なコーディングで、使いやすく美しいサイトが完成します。
🔶時間を大幅に節約し、他の重要な業務に注力できます!
こちら私が過去に制作させていただいたWebサイトになります🙏
お手数ですが、ご覧いただけると嬉しいです😊
https://web-tamakuro.com/
提供させていただくサービスの詳しい内容は以下の通りです🙏
🔶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にて
ご提供いただけますと幸いです🙏
丁寧にヒアリングさせていただき
全力でお作りさせていただきますので
🔶自分でデザインはできるが、コーディングが苦手なクリエイターさん
🔶ビジネスオーナーさんで、洗練されたウェブサイトを持ちたい方
🔶個人で活動しているアーティストやブロガーさん
上記に該当する方は特にご依頼お待ちしております😆
少しでも気になってくださった方は
お気軽にお見積りだけでもご相談ください🙏
最後まで読んでいただきありがとうございました🙇♀️
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。