人気ランキング 期間:7月8日 〜 7月15日
自社サイトのテキスト修正、画像差し替え等、Webサイトの更新を代行します
7月分受付中【Wordpress HTML/CSS】デザイン通りコーディングします
【Studio実装】FigmaデザインをStudioで実装します
コーディング苦手なデザイナー向けにコーディングを代行します
【デザイナー様・制作会社様向け】デザインデータから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)
・具体的な実装内容(担当の方とお話しさせていただくだけで十分の場合もあります)
【HP/LP/WordPress】忠実なコーディング代行をいたします
業務内容
ご覧いただきまして、ありがとうございます!
ご安心してお取引していただけるよう、丁寧な対応とご連絡を心がけております。
ご不明な点は、お気軽にお問い合わせくださいませ。
どうぞよろしくお願いいたします。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
当サービスはデザインデータからのコーディングを承っております。
1ページから50ページ前後の中規模サイトまで対応しています。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
◾️提供内容
- HTML・CSSの静的コーディング
- jQuery/JavaScriptを用いたアニメーションな実装(ハンバーガーメニュー、スライダー等)
- レスポンシブ対応
- CSSアニメーション
- WordPressの導入、構築(オリジナルテーマ)
- お問い合わせフォーム実装
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
◾️基本料金
- トップページ:30,000円~
- 下層1ページ:10,000円~
- 複製ページ:2,000円~
- LPコーディング:50,000円~
- WordPress導入、構築:20,000円~
※料金は目安となります。お一人ずつお見積りをしております、一度ご相談ください。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
■制作の流れ
- 「見積り・カスタマイズを相談する」よりご相談ください。
- デザインデータお預かり
- コーディング
- ご確認・修正
- 最終確認・納品
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
◾️納期
- トップページ:2~4日
- 下層ページ:2日~
※※デザインデータ受け取り翌日からの日数です。
デザイン、ボリューム、稼働状況により変動いたします。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄
◾️納品方法
- zipファイルの送付
- サーバーへのアップロード
- その他、ご相談くださいませ
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日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。
納品までの流れ
- ヒアリング
- お見積り
- ご契約、仮払い
- デザインや素材のご提供
- 着手開始
- 納品(初稿)
- 検収・修正
- プロジェクト完了
実戦で学ぶ!現役エンジニアが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&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/
デザインとコーディングを担当いたしました。
html/css/scss/jqueryを使ったWeb制作、単純な量産も請け負います
業務内容
既存サイトの量産から、新規ページの構築、メンテナンス等請け負ます。
Adobe DreamWeaver SCSS SVN などが扱いやすい環境になっております。
レスポンシブな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
◽︎制作のすすめかた
①カンプ確認、すりあわせ
デザインカンプを確認しながら、ヒアリングを行います。
②コード制作
カンプをもとに、コーディングを行います。
③最終確認、納品
確認していただいたのち、納品を行います。
簡単な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ファイルで納品いたします。
■納期
コーディング内容や実装機能をヒアリングしたうえ、目安をお伝えいたします。
■その他
コーディングの成果物は、制作実績として自身のポートフォリオに掲載することがあります。
もし掲載を希望されない場合は、事前にお知らせください。
【限定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円〜
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日程度でございます。
※あくまで目安とさせていただき、内容によりご相談させてください。
発注していただいた際は、納期の厳守、迅速なレスポンスを徹底し誠心誠意取り組ませていただきますのでご検討のほどよろしくお願いします。
制作会社様、デザイナー様のデザインをコーディング代行いたします
業務内容
ご覧いただき、ありがとうございます。
・コーディング業務の外注先をお探しの制作会社様
・コーディングも巻き取りたいけど頼めるコーダーがいなくてお困りのデザイナー様
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustratorなど)
デザインカンプからコーディング、サイトの制作を致します
業務内容
デザインカンプ(AdobeXD、figma)からコーディング致します。
▼こんな方にオススメ
・なるべく費用を安めに済ませたい方。
・安いからといってあまり妥協したくない方。
・そこまで急いでない方
▼使用スキル
・HTML/CSS
・Sass
・Gulp
・Javascript
・Jquery
・PHP
・Wordpress
▼制作の流れ
デザインカンプを送っていただいてから制作スタートと致します。
キリの良いところ(1ページの完成、レスポンシブの対応等)まで制作しましたら、
随時報告致しますので確認お願いします。
納品ですが、圧縮ファイルにして納品いたします。
【HTML/CSS】デザイン通りにHPやLPコーディングいたします
業務内容
\\ デザインカンプ通りにコーディングします //
「低価格で新規LPを頼みたい」
「デザインはあるけど、コーディングができない」
上記などをご要望の方、お気軽にご連絡ください。
◆サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いた動的な実装
(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
修正回数については、無制限です。
ご満足いただけるまで責任をもって対応いたします!
※大幅なデザイン変更については、
別途料金が発生する場合がございますのでご相談ください。
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を使用したコーディング
・レスポンシブ対応(スマホ・タブレットに対応)
・WordPress化
◆サービスのメリット
・他クラウドソーシングサイトにて100件以上のコーディング実績がございます。
ランサーズでの実績を積むため、格安でサービスをご提供いたします。
・通常プラス料金を頂くメニューも無料で行います。
・保守性の高いコーディングを行います。
◆料金
コーディング料金
∟トップページ 10,000円(税抜)
∟下層ページ 5,000円(税抜)/1ページ
∟ WordPress化 10,000円(税抜)
☆以下、無料で行いますのでご希望の方はお申し付けください☆
・レスポンシブ対応
・基本のSEO対策(metaタグなど)
・OGP設定
・テスト環境のご提供
◆制作の流れ
①ヒアリング・お見積もり
→ページ数・内容量・アニメーションに応じてお見積もりします。
→ デザインデータまたはデザイン構成、ご希望納期がございましたらご共有くださいませ。
②ご契約
③コーディング作業開始
④ご確認・修正
→修正は3回まで無料で対応いたします。
⑤最終確認
⑥納品
→zipファイルでの納品、またはサーバーにアップでの納品となります。
◆納期
1ページあたり3日程度で納品いたします。
また1ページあたりの量によってはさらに早い納品が可能です。
※デザインデータを頂いた日から3日程度の納品となります。
連絡を密にとり、迅速、丁寧に対応いたします。
お気軽にご相談くださいませ。
【安価で高品質】保守性の高い高品質なHP・LPのコーディング致します
業務内容
【ご提供内容】
・HTML/CSS(SCSS)/jQueryによるコーディング
・レスポンシブ対応
・BEMによる保守性の高いコーディング
【制作の流れ】
・デザイン確認
デザイン確認後、デザインやアニメーションについての不明点の確認を行います
・初稿
初稿提出後内容を確認いただき、修正点があれば2回まで修正いたします。
・納品
サーバーにアップロードまたはコーディングファイル一式を納品いたします。
【制作会社様、デザイナー様向け】デザインデータからHP・LPのコーディングします
業務内容
■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
■制作内容の詳細
・静的コーディング(1ページ〜)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装:5,000円~ / 1点
・お問合せフォームの設置:内容に応じて別途お見積もり
WEBテンプレート作成
業務内容
HTML/CSSテンプレート作成します。
1ページ4000円~承ります。
コーディングのみのご依頼も可能です。
作成物は、画像や見出し、テキストを入れるスペースなどを配置したテンプレートとしてご利用いただける状態です。
テンプレートではなく、実際のテキスト等のコンテンツまですべて入ったウェブページの作成は作業時間の関係でお受けできません。
HTML / CSS(Sass)コーディング代行します
業務内容
デザインカンプから『Visual Studio Code』で行います。
Sassで修正や追加しやすいようにCSS設計を意識してコーディングをします。
納品は.zipで圧縮してのお渡しを考えております。
■■■ 個人情報の取り扱いに関して ■■■
個人情報に関しましては、一切当方で保存・複製は致しません。
作業完了後は責任を持って提供頂いた情報の破棄を致します。
安心してご依頼ください。
HTML、CSS 、jQueryでお客様の要望に応えたHPを制作します
業務内容
こんな方へおすすめ
・すぐにホームページが欲しい
・初めてホームページ制作を依頼する
ご提供内容
・HP、LP制作
⚠️デザインの制作は行なっておりません。必ずデザインがある状態での案件依頼をお願いします。
扱っている言語
・HTML
・CSS
・jQuery
料金プラン
15000円←すぐにHPが欲しい
30000円←しっかりとしたHPが欲しい
10万円←ページ数が多く30000円のプランを大幅に超えてしまう方におすすめ
HTMLとCSSのみWebクリエイター上級初心者。基本的なホームページ作成を行います
業務内容
HTML/CSSを入力する時間の無い方。
急ぎでない案件の方。
Wordで文章を書いて欲しい方。
高品質 & スムーズ!! サイトのコーディングをします
業務内容
サービスページをご覧いただき、ありがとうございます!
当方では、HTML・CSS・JavaScriptを使用したコーディングを行っております。
いただいたデザインをもとに、丁寧でスピーディーなコーディングを行うことが可能でございます。
是非お気軽にご相談ください。
【料金目安】
トップページ:50,000円〜
子ページ: 20,000円〜
お問い合わせページ:8,500円〜
※サービス料金は目安でございます。お打ち合わせ後に正式なお見積りを提示させていただきます。
【サービス内容】
・HTML・CSS・JavaScriptを使用したコーディング
・レスポンシブ対応(スマホ・タブレットサイズへの対応)
※いただいたデザインと相違点がある場合には、無償で修正対応いたします。着手後、デザインに変更がある場合には追加料金を頂戴し、修正を行うことが可能でございます。
制作開始後のキャンセルは如何なる場合も受け付けておりませんので、予めご了承くださいませ。
●ご用意して頂くもの
・デザインカンプ(Adobe XDもしくはFigmaで制作したもの)
・画像や動画等の素材
・会社やショップのロゴ
【取引の流れ】
①メッセージにてお問い合わせください
②ヒアリング
③お見積もり(実際のデザインを拝見した上で、正式にお見積りを出させていただきます。)
④購入のお手続き
⑤制作・修正
⑥納品
お気軽にご相談下さい。
HTML/CSS/jQueryでホームページ制作のコーディングします
業務内容
▼こんな方へオススメ
WordPressではできないような動きのあるホームページを作りたい方。
料金表にイメージボタンを設置し、ボタンを押すとサンプル画像が出るなど、効率のよいホームページを作りたい方。
どこかのサイトがとても気に入ったということで、それと似たようなホームページを作ってほしいという方。
ポートフォリオ:
https://gracepages.web.fc2.com/
▼ご提供内容
1.HTML/CSS/JSにてホームページを制作します。
2.他者のサイトで、気に入ったものをご提示くだされば、それと似たようなサイトを制作します。利用する写真は、似たようなものを有料・無料の画像素材サイトから探します。
▼ご購入後の流れ
24時間以内にお返事メールいたします。
詳しい内容をお聞きして、ご利用したい写真や、記載する文章、理想的な他者のWebサイトのURLなどをいただきます。もしそれらがなければ、「おまかせ」ということでもかまいません。
さらに、契約済のサーバーのパスワード等、ドメインをいただきます。
納期はご契約時に2週間や4週間で決めさせていただいておりますが、ある程度できた段階で、一旦御覧いただいて、修正点など伺います。このような修正を数回行い、契約納期内にご指定の納品いたします。
▼制作可能なジャンル
こちらのパッケージではECは含まれていません。
ECサイトをご希望でしたら、当方の別のパッケージ「BASEにてHTML方式でWeb制作します」をご利用ください。
▼料金やオプション
特別なテクニックを要するものは、別途相談で承ります。
契約後の制作途中でページを増やしたいなどのご要望がありましたら、ご相談承ります。
サーバー契約やドメイン取得はお客様でしていただきとう存じます。もしこちらで行う場合、実費のほかに別途料金として1万円ほどをいただきます。
もし、完成納品物が理想とかけ離れたものであれば、その度合いに応じて最大50%までお値引きさせていただきます。
▼納期
納期後に当方の都合で微調整などさせていただくこともあります。それは無料です。
どうぞよろしくお願いいたします。
HTML、wordなどのコーディング作業引き受けさせていただきます
業務内容
コーディング作業でプログラムを書くことで、顧客のニーズに合ったソフトウェアやウェブアプリを実現します。
•こんな方にオススメ
個人で活動していて
コーディングなどのめんどくさい作業を
任せて別事業に集中をしたい方
企業様で
コーディング要員が足りてない方など
複雑な業務の場合はあらかじめ説明していただければ、指示通りに仕上げますのでよろしくお願いいたします。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。