人気ランキング 期間:4月30日 〜 5月7日
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
1ページ10,000円から!LPやシングルページのコーディング、書きまくります
アンケートの自由回答処理・アフターコーディング
先着2名まで限定価格!デザインデータを元にコーディングいたします
業務内容
ご覧いただきありがとうございます。
デザインデータに忠実にコーディングいたします。
お気軽にご相談ください。
【基本サービス内容】
・HTML / CSS / JQueryを用いたコーディング
・レスポンシブ対応(スマホ・PC)
【オプション】
・下層ページ追加:10,000円~
・アニメーション(jQuery)追加:5,000円(1点)
・アニメーション(jQuery使用無)追加:3,000円(1点)
・お問い合わせフォーム追加:8,000円
・スピード納品:20,000円~
【制作の流れ】
①ご相談 *1
②ヒアリング
③お見積もり
④ご購入
⑤デザインデータの共有
⑥コーディング作業
⑦確認作業 *2
⑧修正
⑨納品(zip形式)
*1 「見積もり・カスタマイズを相談する」より、ご依頼内容の詳細をお聞かせください。
*2 テスト環境 Chrome / Safari / FireFox
【納期について】
■デザインデータをいただいてから最短5日程で納品いたします。
ただし、作業量によって前後する可能性があります。
【その他】
■コーディング実績として掲載させていただくことがございます。あらかじめご了承願います。
ご不明な点がございましたら、お気軽にご連絡ください。
どうぞよろしくお願いいたします。
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
Word・Excelは任せてください。プログラミング(HTMLCSS勉強中)ます
業務内容
プログラミングのほうは本当に勉強中なので簡単なものを挑戦させてくれる人に限ります。パソコンもコードが入っているパソコンはないので買うまでに時間がかかります。
ですがWord・Excelができるパソコンはもっていますので是非たも任せてください。
動画編集のほうはスマホで行います。
よろしくお願いします。
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
【制作会社・デザイナー様向け】静的コーディング・WordPress構築代行いたします
業務内容
HTML / CSS / JavaScript のコーディングを代行し、ご支給のデザインデータを明快なコードで正確に再現いたします。
デザインデータは、Figma / Adobe XD / Sketch / Adobe Illustrator でのご支給に対応します。
Webサイト制作会社様はもちろん、Web制作の経験が少ないデザイン事務所様など、デザインワークを Webメディアに広げたい企業様もお気軽にご相談ください。
グラフィックデザイナー様からのご依頼案件も実績が多数ありますので、デザインデータ制作に際してのご質問に、ガイドラインをお示ししてお答えできます。
貴社の Web制作プロジェクトをお手伝いできればうれしいです。
具体的な案件について、お気軽にご相談ください。お問い合わせをお待ちしております。
[対応業務]
・HTML / CSS / JavaScript コーディング
・WordPress でのCMS構築 / カスタマイズ
* その他 Webサイト関連業務については、別途ご相談ください。
[対応デザインファイル形式]
・Figma
・Adobe XD
・Sketch
・Adobe Illustrator
* Aiでの支給の場合は、PDFファイルを添付してください。
[対応コミュニケーション手段]
・Lancers メッセージ
・Slack
・ChatWork
* 継続的なパートナー関係の構築後、Eメールや携帯電話などでのコミュニケーションや、Zoom などでのオンラインミーティング、対面での打ち合わせ(名古屋市・近郊)も可能です。
[料金について]
基本料金の金額及び納期は目安です。
詳細な要件を確認後、正式な見積もりをご提案いたします。
<制作会社・デザイナー様向け>HP・LPのコーティング真心込めて代行致します
業務内容
【出来ること】
・HTML/css/jQueryを使ったコーティング
・WordPressの導入、構築、改修
・独自チェックリストを用いた報連相
・内部SEO対策
⇒metaデータの設定
⇒favicon・apple-touch-icon・ogpの設定
⇒URL正規化
⇒構造化データのマークアップ
・レスポンシブ対応(スマホ用データ無くても可)
・独自チェックリストを用いた報連相
【作業内容詳細】
・静的コーティング(1ページ~)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、
ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・WordPressの導入、構築、改修
・独自チェックリストを用いた報連相
【デザインデータ】
・Photoshop
・illustrator
・XD
・Figma
【デザインデータに関する注意事項】
・有料フォントを使用されている場合、
読み込みタグをご共有くださいませ。
・カラー設定はRGB、サイズ設定は
pxなどWebデザインに最適化して
いただきますようお願いします。
・切り出しのできない画像を
設置されている場合、お客様の方で
画像のご用意をお願いします。
【about】
【心がけていること】
・デザインを正確に
・レスポンシブにも対応
・迅速丁寧な作業
【実績】
・ワインに関するECサイトの運営(BASE)
・フリーランスとしてWebサイト制作の活動を開始
・現在、2社と業務提携をして活動中です。
【仕事に対する姿勢】
・丁寧なコミュニケーション
・迅速なレスポンス
・定期的な進捗の報告
・納期厳守
【ご購入の流れ】
依頼内容を下記の【注文時のお願い】に沿って
詳しくお聞かせください。
⇓
納品日の目安と追加で有料オプションが
必要な場合、ご案内いたします。
⇓
お見積もりなど問題なければ、
ご発注を お願いいたします。
⇓
最終的な納品日をお伝えし、サイト構築開始。
⇓
コーディング完了後、ご確認をいただき
無料で修正対応致します。(軽度なものに限る)
最終チェック完了後、データ納品となります。
【注文時のお願い】
この度は、当サービスにご興味を
お持ちくださり誠にありがとうございます。
以下の項目についてご記載いただきますよう
お願いいたします。
・ご希望納期(大体で大丈夫です。)
・デザインデータ
(お見積もりの段階では画像でも結構です。)
・ご予算
・アニメーション実装の有無
(動きのイメージもご提示ください。)
・WordPress対応の有無
・納品方法(データ送付、サーバーアップなど)
・実績掲載の可否
【ご予算について】
記載の金額はあくまで目安です。
作成するページ数やご用件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談ください。
【注意事項】
・サーバー、ドメインはお客様でご用意ください。
・納品はデータのお渡しとなります。
・別途消費税がかかります。
・制作させていただいたwebサイトは
実績としてポートフォリオに掲載させて
いただく場合がございます。
掲載不可の場合は予めお知らせくださいませ。
・ご依頼後のデザイン変更は別途追加費用を
いただく場合がございます。
予めご了承くださいませ。
(文章の一部など軽度なものに関しては不要です。)
HTML/CSSを使用してデザインに忠実に静的コーディングをします
業務内容
▼ こんな方へおすすめ
・デザインデータはあるけど、コーダーがいない
・デザインデータに忠実にコーディングしてほしい
▼ 提供内容
HTML/CSSを用いた静的コーディング
(WordPressを用いた動的サイトの構築は別のパッケージにて提供しております)
▼ ご購入後の流れ
① デザインデータの確認
② 制作開始
③ 納品
※ ご希望であれば制作前にオンラインミーティングも可能です
▼ 納品方法
制作ファイルもしくはサーバーアップロード
シンプルなホームページをHTMLとCSSを使って作成します
業務内容
ホームページのデザインがある程度決まっている方のページを、HTML CSSを使ってブラウザーで表示が可能な形にします
React, TypeScript, Next.jsでデザイン通りコーディングします
業務内容
【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング(1ページから大量ページまで対応可能です。修正のみも対応可能)
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します)
【制作の流れ】
・ヒアリング/お見積り(お気軽にご相談ください)
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。
【納期】
実装内容により異なりますが、基本的には1〜2週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。
定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。
【限定2名様特別価格!】元エンジニアがHTML/CSSコーディングいたします
業務内容
こんな方におすすめのサービスです
「デザインはあるから、コーディングだけお願いしたい!」
「時間がないので実装はまるっとお任せしたい」
「早いレスポンスで円滑に進めたい」
そんな方にぜひお力添え致します!
当サービスの特徴
■XD / Figma / photoshop / illustrator 等、どのカンプでもご対応
■スマホやタブレット等のレスポンシブ対応付き
☆ランサーズ参入記念で、通常よりお安くご提供させていただきます!
制作の流れ
①ヒアリング(イメージの共有やデザインのご確認)
②お見積もりをご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品
お客様ご自身で更新作業もされたいという方は、WordPressを用いた開発も可能です!
お気軽にご相談ください!
WordPress対応_HTML/CSSコーディング承ります
業務内容
業務内容
本パッケージはWebサイトのコーディング、WordPress構築・カスタマイズのサービスです。
▼こんな方におすすめ
・デザインのみ依頼したい方
・コーダー不足で外注先を探している方
など
Webデザイナー様や制作会社からも受注実績があります。
サービス運営者様、会社経営者様、個人などでも可能ですのでまずはお気軽にご相談ください。
▼内容
・静的コーディング
・WordPressコーディング(オリジナルテーマ)
▼実績
弊社のクリエイティブチームが参考としているWebサイト集です。
下記URL内のサイトであれば実装可能です🙇♀️
▼納品までの流れ
①ヒアリング
②ご契約、仮払い
③制作開始
④確認・修正
⑤納品
ウェブサイトのhtml/cssコーディング代行承ります
業務内容
ご覧いただきましてありがとうございます。
HTML・CSSを使用して、WEBサイトのコーディングを行なっています。
実績を作りたいためお安く承っております。
料金交渉も可能です。
【基本料金】
10,000円
・ホームページ1ページのHTML/CSSコーディング
※簡単なアニメーション、レスポンシブ対応無料でおつけ致します。
【サービス内容】
・ホームページのHTML/CSSコーディング
【こんな方にオススメ】
・デザインはあるけどコーディングができない
・費用を抑えたい
【納品までの流れ】
❶メッセージでご相談ください
❷デザインと素材のデータをご用意ください。
完成したデザインデータと使用するロゴ、写真、テキスト等の素材をご提供いただきます
❸コーディング / 修正
ご提供いただいたデータをもとにコーディングに着手いたします
❹最終チェック
❺納品
制作実績として自身のポートフォリオへの掲載を御了承ください
低価格で良い品質のホームページをご希望の方にばぜひ参考になると思います
業務内容
ホームページが欲しい方!ぜひ最後までご覧ください。
埼玉県所沢市在住48歳のWEBデザイナーです。
コロナの影響で皆様の生活が苦しくなっていると思います。
僕も大変な時期を過ごしています
お互いに頑張りましょう
というわけで、個人的にホームページの制作依頼を受け始めました。
低価格で良い品質のホームページをご希望の方がいらっしゃればぜひ参考になさってください
サイト構成のサンプルはこちらからでご確認できます。
http://omwebcr.com/temp/store/
サンプルサイトのようなページ構成での制作になります。
WEB制作会社様の外注業務としてのお問い合わせも歓迎致します。
メインのお仕事以外の副業としての作業になりますので
1か月に受けられるサイトの数は限られております
ご依頼が多くなると作業のご受け入れができない場合も
ございますのでご了承ください。
なお、ECサイトや大型プロジェクトのご依頼は
時間が許せないため丁重にお断り致します。
■こんな方にお勧め致します。
-高くてデッカイサイトまではいらないがホームページは欲しい方
-低価格で良い品質のホームページをご希望の方
-チラシ、名刺などにQRコードを掲載してお店や事業を広報したい方
-SNSなどを利用してお店や事業を広報したい方
■サイト制作費用
制作費用:25,000円
サーバー代:1,000円(+消費税)月
ドメイン費用:2,000円(+消費税)/1年
制作初期費用:28,000円
サイト完成からの月費用:1,150円(+消費税)/月(ドメイン費用含め)
■制作の流れ
-打ち合わせ
・埼玉県東部地域、西東京方面は訪れ可能です
-サイト制作
・原稿と画像などが全て揃ってから7日間以内
-サイト確認修正
-納品
■サイト制作の準備事項
-依頼者様事業内容
・商号
・電話番号,FAX番号
・営業時間
・住所
-お店、事業の紹介文または事業者様の挨拶文など
-サイトに必要な画像、動画、ロゴ画像など
-その他(必要場合)
・飲食店の場合メニューの画像と値段、簡単な説明など
・スタッフの写真やプロフィールなど
・その他
-アピルポイントの提案
・お店または事業者様が持ってる強みを強調
■サイトスペック
-反応型(レスポンシブ)ウェブサイト
・PCとモバイルに合わせてデザインが変わる
-常時SSL標準対応
-基本SEO対応
-メールアドレス作成
※チラシ、名刺のデザインも受け入れております。
最後まで読んで頂きましてありがとうございます。
ご連絡お待ちしてます。
【デザイナー様向け】LP・HPのコーディング代行を行います
業務内容
サービスを閲覧いただきありがとうございます。
まずはお見積もりからお願いしております。
■作業内容
・HTML/CSSを用いた静的コーディング(1ページ〜制限なく複数ページまで作成します)
・レスポンシブ対応
・JavaScriptの動的実装
・お問い合わせフォームの実装(静的ページの場合はGoogleフォームでの対応となります)
※ご希望の方には、お問い合わせフォームの参考ページをお送りします。
■料金表
◎基本プラン
・トップページのコーディング※:20,000円
・LPのコーディング※:20,000円
・下層ページのコーディング※:10,000円~/ 1ページ
・部分コーディング、既存ページの修正:3,000円〜/1箇所
※PC版縦5,000px以上より1,000pxにつき1,000円加算させていただきます
◎オプション
・JavaScriptの機能実装:2,000円~ / 1点
(ハンバーガーメニューは無料)
・お問合せフォームの設置:15,000円
<無料オプション(ご希望の場合)>
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築
■制作の流れ
1、ヒアリング&お見積り
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法は基本的には、zipファイルとなります。
サーバーアップをご希望の場合は事前にご相談ください。
■納期
最短で5日〜
ご希望の納期がある場合はご相談くださいませ。
納期は「2、お客様からデザインのご提供」完了後からとなります。
■その他
迅速・丁寧にコーディングいたします。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談ください。
こちらコーディング代行サービスとなっておりますので
デザインとサイトに使用する画像素材は全てお客様の方でご用意をお願いいたします
・画像加工には対応できませんのでご了承くださいませ。
・デザインは、 Photoshop / XD / Figmaなどに対応しております。
上記以外の形式をご希望の場合は一度ご相談くださいませ。
【企業様・個人事業主様向け】デザインデータから高品質なHP/LPを作成します
業務内容
【可能な業務】
・デザインカンプからのコーティング〜WordPress構築・公開まで
・ランディングページ制作、スマホ対応
・WordPressの導入・構築・改修(既存テーマでの構築、HTMLサイトのWP化)
・WordPressテーマ「Snow Monkey」を組み込んだホームページ制作(デザインからも承ります)
【制作内容の詳細】
・静的コーティング(1ページ〜)
・タブレット対応、スマホ対応
・お問い合わせフォームの実装(内容に応じて別途お見積り)
・スライダー、スクロール、アコーディオン、ローディング、スクロール、ハンバーガーメニュー等の実装
(各1点5,000円~)
・WordPress化(内容に応じて別途お見積り)
※記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
Web関係の知識がなくても安心して下さい!
お客様のご要望に全力で対応させていただきます。
少しでもご興味を持っていただけましたら、お気軽にお問い合わせください。
何卒、よろしくお願いいたします!
HTML・CSSコーディングにてLP・HP制作します。ます
業務内容
Figma、XD、PSD、AiのデータからHTML/CSS/JSでLPやHPの制作
レスポンス対応可能です。
ランディングページ(LP)、ホームページのコーディングを爆速で対応いたします
業務内容
■サービス内容
まずはご購入前に事前にメッセージでご相談ください!
ご覧いただきありがとうございます。こちらはHP、LP(ホームページ、ランティングページ)コーディングのサービス出品でございます。
「デザインはできるけどコーディングが苦手」
「外注先を毎回探す手間がかかる」
「コーダーのパートナーを探している」
「外注先の制作費用が高い」
こんなお悩みをお持ちではないでしょうか?本サービスならそのお悩みを解決できます。
【爆速納品、素早いレスポンス】
これらを実現できます。
1,爆速納品
主にコーディングを得意としており、素早く、細部にこだわったコーディングを心掛けてます。
ご依頼いただいた際は、期待を裏切らないよう成果にコミットします。
コーディング時にはHTML、CSS、SASS、jQueryを使いコーディングします。
また、単にコーディングするだけではなくSEO対策を施したコーディングいたします。
SEO対策をすることで検索上位に表示され、集客につながりやすいです。
そのため、SEOを意識したコーディングには力を入れております。
2,素早いレスポンス
普段から素早いレスポンスを心掛けており、
素早いレスポンスでお客様を不安にさせることはさせません。
どんなに遅くても24時間を超えることはありません。
■ベーシックプランに含まれる具体的な内容
・コーディング
・レスポンシブ対応
・簡易的なSEO対策(レスポンシブ対応、Webサイトの表示速度改善)
・アフターサービス(1週間、ご質問承ります。)
以上になります、ご検討の方はお気軽にご相談ください!
購入時のお願い
購入にあたってのお願い
■本サービスの流れ
①ご購入
②コーディング&修正【1週間】
③納品(zipファイル送付)
④アフターサービス(1週間)
■用意していただくもの
依頼者様に用意していただくものが以下になります(後は丸投げで構いません)。
・デザインカンプ
・会社や個人のロゴの背景透過画像
・ホームページに使用する画像
上記の中で、ご用意が難しい場合にはこちらでご用意が可能です!
それでは納品まで何卒よろしくお願いいたします。
HTML/CSS/JavaScriptを用いたコーディング、簡単なLP作成できます
業務内容
▼こんな方へオススメ
HTML/CSS/JavaScriptのコーディングで困っている方
▼ご提供内容
HTML/CSS/JavaScriptコーディングのファイル
▼ご購入後の流れ
案件の詳細を確認
納期の確認
コーディングファイルの確認及び納品
▼作成可能なジャンル
HTML/CSS/JavaScriptを用いた簡単なLP作成
LP(ランディングページ)のHTML•CSSのコーディング代行を行います
業務内容
◆こんな方にオススメです
・ デザインはできるけどコーディングが苦手
・ コーダー不足で外注先を探している制作会社
◆ご提供内容
•HTML/CSSコーディング
•レスポンシブ対応
(スマホ用のデザインカンプあり・なしの場合は追加オプションとなります。)
•アフターフォロー(納品後1週間以内)
◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品
ホームページ、LPのコーディング(HTML, CSS, JS)格安で承ります
業務内容
■作業内容
HTML/CSS/jQueryを用いたコーディング
レスポンシブ対応(PCやスマホなど画面サイズが異なる場合でも適切に表示させるためのものです)
JavaScriptを用いた動的な実装(サイトに動きをつけたい場合に使用します)※jQueryを使用
■料金表
トップページのコーディング:12000円 / 1ページ
下層ページのコーディング:10000円/ 1ページ
レスポンシブ対応:無料
アニメーション・JavaScriptの動的実装:+2000円 / 1点
SEO対策用metaタグ設置:無料
■対応していないもの
WordPress
お問い合わせフォームの送信プログラム(フォーム自体はHTML/CSS/JSにて実装可能です)
■制作の流れ
ご購入
↓
ヒアリング(直接購入された場合は購入後にご依頼内容についてお聞かせください)
↓
デザインデータをいただきます
↓
コーディング作業に入ります
↓
コーディングしたものをご確認いただきます(①データファイルをお渡し、又は②こちらのサーバーにアップして確認どちらかお選びいただけます)
↓
修正希箇所があればお知らせください
↓
内容についてご了承いただけたら納品
■納品方法
コーディングデータをZipファイルで送付
■デザインデータ形式
Adobe Photoshop / Illustrator / XD に対応しております。
■納期
事前にご相談ください。
通常は3日程度(1ページあたり)いただいております。
「費用は抑えたい」「でも高品質なサイトを作りたい」
そんなお客様のニーズに第一に考えております。
是非web制作に詳しい方はもちろん、詳しくない方でも対応いたします。どんな些細なことでいいのでお気軽にお見積り、相談ください。
【HTML/CSS】デザイン通りにHPやLPコーディングいたします
業務内容
\\ デザインカンプ通りにコーディングします //
「低価格で新規LPを頼みたい」
「デザインはあるけど、コーディングができない」
上記などをご要望の方、お気軽にご連絡ください。
◆サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いた動的な実装
(ハンバーガーメニュー、スライダー等)
・レスポンシブ対応
修正回数については、無制限です。
ご満足いただけるまで責任をもって対応いたします!
※大幅なデザイン変更については、
別途料金が発生する場合がございますのでご相談ください。
【サブスクじゃない!】1回作って完結の申し込みフォームを制作します
業務内容
▼こんな方におすすめ!
・サービスをスモールスタートしたい。
・月額コストをかけたくない。
・あわよくば自分で修正したりしてフォームを管理したい。
▼納品内容
■下記2ページ分
フォーム入力画面
フォーム送信後画面
▼ご利用後の流れ
打ち合わせをzoomまたは直接お会いして行う。
制作をする内容をヒアリングさせていただき、すり合わせを行います。
↓
制作を開始します。
↓
初稿を提出いたします。
↓
修正内容を反映し再度提出いたします。
↓
内容が問題ないことを確認し納品。
▼オプション
フォームを2個以上制作したい場合、
2個目からは、フォームの数分の料金から5000円引きをさせていただきます。
例:3万円プラン3つフォームを制作の場合、3万+2万5千円+2万5千円=8万円
デザインデータからホームページ・LPのコーディングを行います
業務内容
ご覧いただきありがとうございます!
Webサイトのコーディングを承ります。
▶︎こんな方にオススメ!
・デザインはできるけどコーディングが苦手な方
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様
▶︎基本料金に含まれるもの
ベーシックプラン
・HTML/CSSを使用したWebサイトコーディング
・レスポンシブ対応(PC/スマホ)
※ハンガーガー・ドロワーメニュー込み
・画像ファイルの圧縮(必要な場合はお申し付けください)
・テスト確認用サーバーの設置(こちらで用意)
・アフターフォロー(納品後1週間以内)
納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。
スタンダードプラン
・ベーシックプランに加えてフェード表示
ホームページをリッチに!
プレミアムプラン
・ベーシックプランに加えてページ内フォーム設置(Wordpress利用)
入力項目はお名前、メールアドレス、問合せ内容
※入力項目の追加は別途見積り
・サーバーへのWordPressインストール
▶︎オプションサービス(基本料金に含まれないもの)
・Javascript(jQuery)を使用したアニメーションの実装:3,000円〜/1点
トップスクロール / スムーススクロール / スライダー
アコーディオン / タブ / モーダルウィンドウ 等
▶︎納期
7〜14日程度で納品が可能です。
※稼働状況やページ内容により変動します。
◆納品までの流れ
- ヒアリング(ご相談、デザインデータのご確認、料金見積もり、スケジュール確認)
↓ - ご購入
↓ - コーディング ・テスト
↓ - ご確認・修正
↓ - 納品
・ベーシック&スタンダードプラン
→ zipファイル送付、またはFTPでレンタルサーバーへアップロード
・プレミアムプラン
→ サーバーへのWordPress導入
『制作会社様・デザイナー様向け』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日にて納品させていただきます。
※リソース状況や実装内容により変動ございます
丁寧な仕事を心がけております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご連絡ください。
ホームページのコーディング HTML、CSSをおこないます
業務内容
◇こんな方におすすめ
デザインデータがあり、コーディングをしてほしい方
デザインはご自身で行いコーディングを外注したい制作会社様、デザイナー様 など
◇サービス内容
HTML / CSS / DartSassを用いた静的サイトのコーディング
WordPressサイトのコーディング
スマホ標準対応(レスポンシブ)
◇料金の目安
・トップページコーディング:10,000円~
下層ページコーディング:1ページ7,000円~
jQueryも対応可能ですのでご相談ください。
※デザインデータによりお見積もりさせていただきますので、お気軽にご相談ください
◇制作の流れ
①ヒアリング・見積もり
ご契約前に、内容のヒアリングをさせていただきます。
質問・疑問点などございましたら、お気軽にお問合せください。
↓
②ご契約
↓
③デザインデータをいただきます
↓
④制作
↓
⑤ご確認・修正
修正回数は特に設けておりません(デザイン等の大幅修正は除く)。
↓
⑥納品
■納品方法
コーディングデータをzipファイルで送付します。
※サーバーアップをご希望の場合はご相談ください。
WordPress対応 Web制作/HTMLコーディング致します
業務内容
ホームページ制作いたします。
WordPress(php)対応可能
レスポンシブ対応可能
HTML/CSS/JavaScript
既存webサイトの文章修正や画像差し替え、CSS対応をお手伝いいたします
業務内容
webサイトの修正を承ります。
既存のWebサイトで訴求しているサービス内容が変更になった!
価格表の金額やプラン名を変更したい!
表示している画像を新しいものに差し替えたい!
など、必要な時に十分なスキルでコーディング対応が可能で、
これまでご依頼いただいたお客様からも高い評価をいただいております。
★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。
★ 対応可能データ★
・PSD、AI、XD形式のいずれか
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
★ 動作確認ブラウザ★
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS11以降
Safari
・Android5.0以降
Chrome
※いずれも最新版です。
※IEへの対応は終了いたしました。
★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード
★ 納期について★
標準納期は「ご依頼内容の共有をいただいた日から」2営業日となります。(ベーシックプランの場合)
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【レスポンシブ】HTML&CSSコーディング代行します
業務内容
現役のWEBデザイナーが対応します!
「デザイン作業だけに集中したい」「コーダーが不足している」などお困りごとがありましたら
是非お気軽にご相談下さい。
<サービス内容>
◎1ページ(レスポンシブ対応します)
◎PSDファイル、AIファイル、Figma、AdobeXDなどにてデザインデータの提供をお願いいたします。
(デザインからこちらで請け負う場合はお見積りとなります。)
◎納品方法はファイル納品、サーバへのアップロードどちらにも対応します
◎納品後の修正は3回以上はお見積りとさせて頂きます。(こちらのミス等はカウントしません)
<制作の流れ>
①ご依頼内容についてヒアリング
②お見積り
③ご契約
④お客様よりデザインデータのご提供
⑤コーディング
⑥お客様にてご確認・修正作業
⑦納品
<私について>
インハウスのWEBデザイナーとして10年間WEBデザイン&コーディングを行ってきました。
LPやトップページ制作の他、ウェブ解析、SEO対策、ライティングの経験もあるため幅広くご相談に乗ります。
★スピード感 ★メンテナンスのしやすさ ★ページの表示速度
を意識してコーディングを行います!
<実績>
実績に関しては、個別にお問合せ頂けましたらお伝えいたしますのでお気軽にお声がけください。
【スピード対応】LPコーディングをスピーディに対応します
業務内容
「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」
上記のような様々なご要望をお持ちの方はぜひご連絡ください。
【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です
【ご依頼について】
①ご相談
制作要件をご教示ください
(基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です)
②お見積もり〜サービスのご購入
③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします
④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります
レスポンシブ対応可能!デザイン通りにHP、LPのコーディング承ります
業務内容
■サービス内容
ーーーーーーーーーーーー
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーション実装
(ハンバーガーメニュー、スライダー、アコーディオン等)
・レスポンシブ対応
修正回数については無制限です!ご満足いただけるまで責任をもって対応いたします!
※大幅なデザイン変更については、別途料金が発生する場合がございます。
◆料金表(レスポンシブ対応含む)
・コーディング:3,000円(10,000pxまで)
※10,000pxを超える場合は、1000px毎に1,000円。
・アニメーション実装(スライダ―・ポップアップ・アコーディオン等):
1カ所につき1,000円~
※ホバーアニメーション、ハンバーガーメニューは無料。(アニメーション内容によては追加オプション対応になる場合がございます)
※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。
◆制作の流れ
1.ご相談よりお見積もり
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
HTMLコーディング(コード修正)、画像の編集(トリミング他)できます
業務内容
HTMLの更新、画像編集はお任せください。
HTML+CSSのコーディングは日々携わっておりますので、更新作業等は得意分野としております。
画像編集も1時間にかなりの量はこなせますので、更新作業を必要とされる場合はお声掛けください。
また、文章チェックやコードチェック等にも対応いたします。
HTML5 CANVAS
業務内容
スマートフォンがインターネットコンテンツの主流になる中、かつての簡単なFLASHコンテンツをうまく流用できないかというご相談が増えています。
ただの動画やスライドショーなどはjQueryや他のファイルに差し替えることができますが、今回のご提案は、HTLM上で展開していたスクリプトの伴うFLASHをHTML5とCANVASの機能を使ったスマホ対応のコンテンツにFLASHをコンバートするというご提案です。
Flashコンテンツをスキップして、スマホ対応のHTMLコンテンツの作成も可能です。
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。
その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。
【初受注のため特別価格】LPデザイン・制作/コーディング/レスポンシブ対応
業務内容
ランサーズ初受注のため特別価格で提供中です。
▼作業内容
・HTML、CSS、JavaScriptを用いたコーディング
・LP全体の修正とご提案
▼オプション
・デザイン+5,000円〜(+1週間〜)
【格安・高品質保証】LP,コーポレート制作 コーディング
業務内容
LP、コーポレートサイト等なんでも格安・高品質・スピーディにコーディングします
レスポンシブ対応、モダンコーディングで対応いたします。
「過去実績 クライアント評価」(10/28現在)
24件 ★4.9
作業フロー
【要件インプット】
・動き、挙動、リンク先等共有
・デザインデータ共有
・テストアップ日、納品日決定
↓
【コーディング】
↓
【テストアップ】
・修正、指摘部分まとめ(★クライアント様)
↓
【フィードバック修正】
↓
【納品】
・zip形式、直接サーバーアップ
対応ブラウザ
・Internet Explorer 11 以降
・Microsoft Edge 最新版
・Mozilla Firefox 最新版
・Safari 最新版
・Google Chrome 最新版
【低価格・高品質】静的HTMLコーディング(スマホ・レスポンシブ対応)作業を承ります
業務内容
■サービス出品経緯
【Webサイト制作を依頼したいが、時間と費用がかかる!とお困りではありませんか?】
スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍~2倍程度かかってしまいます。
そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。
■サービス概要
当サービスは、【PCデザインからコーディング(スマホ・レスポンシブ対応)を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。
※当サービスは、「静的サイト(WordPressなし)を前提とした構築」がメインですが、
WordPress実装の案件も承っております。
↓ ↓ ↓
▼【低価格・高品質】WordPress構築+コーディング(スマホ・レスポンシブ対応)作業を承ります。
https://www.lancers.jp/menu/detail/1239400
■サービス購入のメリット
【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】
私はデザインとコーディングともに経験を積んできましたが、
コーディング(WordPress構築)をより得意としています。
そして、PCデザインからスマホ対応Webサイトの制作は70件以上こなしていますので、
ご要望どおりの制作が可能です。
少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。
HTML/CSSによるコーティング代行
業務内容
HTML/CSSでのHPの制作をさせていただきます!
小規模なサイトや、試しで安くページを作りたい!
と、いう方にオススメです。
お客様に満足いただくために何度でもやり直しを承ります!
webサイトのコーディング
業務内容
作成されたモックを元にwebサイトのコーディングを実施します。
3ページまでを承り、納品までは基本的に2週間を見積もっております。
お客様との話し合いを重ね、双方で納得をしながら進めていきたいと考えておりますので、
まずはお気軽にご連絡いただけますと幸いです。
何卒よろしくお願い致します。
HTML、CSS、javascriptで本格的なホームページを作ります
業務内容
こんな人がおすすめ!!
ネットショップ、ECサイトを出したい人、個人経営でお店をやっていてwebサイトが欲しい人
Googleでのクラウドサーバーの強み
とにかくアクセスした際の処理が早い!
モダンなデザインとの相性がよき!
機能面でのカスタマイズが可能!
HP,LP制作(HTML/CSSコーディング,WordPress化)を承ります
業務内容
ご覧いただき、ありがとうございます。
コーディング代行をお探しの方、ぜひ私にお任せください。
安心してお任せいただける様に、お問合せには迅速にご回答いたします。
◆内容
・デザインデータからHTML/CSSを用いたコーディング
・レスポンシブ対応
・jQueryを用いた動的実装
・HTMLサイトのWordPress化
◆制作の流れ
(1)ヒアリング,お見積り
(2)デザインデータの確認
(3)コーディング作業
(4)コーディングデータのご確認及び修正
(5)最終確認,納品
購入にあたってのお願い
デザインや必要な素材はご用意ください。
納期については、ご案件の内容をヒアリングの上決定させていただきます。
【制作会社様・デザイナー様向け】デザインデータから丁寧にコーディングいたします
業務内容
印刷会社、デザイン会社でDTP業務をしていた経験を活かして、デザイナーさまに寄り添ったコーディングをいたします。
また、円安により海外との取引を検討している企業さまに必要な、英語翻訳、アメリカ人のプロライターによる英語の校正も同時に承ることが可能です。
【こんな方におすすめします】
デザイン会社さま、デザイナーさま、コーダーが必要な制作会社さま
【提供可能なこと】
・HTML、CSS、jQueryを使ったコーディング
・保守しやすいBEMによるCSS設計
・Gulpを使用したSassでのコーディング
・WordPressの導入、構築
【コーディング以外でできる事】
・バナー、パーツ作成
・簡単なイラスト作成
・Photoshopによる画像加工
・名刺、チラシなどの印刷物の作成
・記事の英語翻訳(パートナー翻訳家、ネイティブのライターがいます)
【作業の流れ】
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安、お見積もりに問題なければ、発注をお願いいたします。
↓
写真、テキストなどのサイトに必要な素材があればお送りください。
↓
作業開始
↓
コーディング後、確認をいただきます。
3回まで無料で修正対応いたします。
↓
納品
ここまで読んでいただきましてありがとうございます!
DTPで培った細部にこだわった作業、
迅速丁寧なコミュニケーション、レスポンス、進捗報告、
そして納期厳守を心がけています。
ご不明な点がございましたら、お気軽にお問い合わせください。
【トップページ】トップページのコーディング承ります!ます
業務内容
▽作業内容
・HTML/CSS/jQueryを用いたコーディング(1ページ)
・タブレット、スマホ対応
・ハンバーガーメニュー・ページトップの実装
・上記以外のjQueryを使用したアニメーションは相談ください。
(無料もしくは追加料金あり)
▽提供可能業務
・デザイン制作
・スライダー、スクロール、アコーディオン
・お問い合わせフォーム
・下層ページ制作
・WordPressの導入・構築
(投稿内容、投稿数によって変動あり)
★内容はあくまで目安になりますのでお気軽にご相談ください!★
※※基本料金は料金の目安になります。ご相談ください!
HTML.CSS.javascript.WordPressでお手頃web作成します
業務内容
こんな方にお勧め!!
-
自分のウェブサイトが欲しい…!!
-
今のウェブサイトをもっとよくしたい…!!
-
ウェブサイトの管理を楽にしたい…!
-
自分の活動を広めたい…!
自己紹介
営業経験約2年で40名以上のクライアントとお話しさせていただいていました。
誠心誠意お話しさせていただいて本人が自覚している課題の裏にある本当の課題に対して直接アプローチして共通認識としてその課題を持つことができます。
ほかのクリエイターとの違い
-
潜在的な課題の共有
-
課題解決の協力
-
アフターフォロー
【即レス・高品質】静的コーディング or WordPress構築します
業務内容
- コーディング,WordPress構築を外注できるパートナーが欲しい
- Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
- どれくらいのスキルがあるのか分からなくて外注できない
などのお悩みを抱えているWeb制作会社様・個人事業主様へ。
◆サービス内容
・静的コーディング
→ LPやホームページなどの静的コーディングをレスポンシブで対応させて頂きます。
・WordPressのオリジナルテーマ開発
→ 複雑なカスタマイズや構築なども対応可能ですのでご相談ください。
デザインもパートナーに依頼することが可能ですのでご相談ください。
◆実績
・制作会社様公式HP
・某市の移住公式サイト
・某島の観光公式サイト
・サービス費用シミュレーションサイト
など実績は幅広くございます。
ご相談いただければ実績URLなどをお送りできますのでお気軽にお問い合わせください。
◆料金
Topページコーディング:30,000円〜
下層ページコーディング:10,000円〜
WordPressオリジナルテーマ制作:100,000円〜
LPコーディング:30,000円~
料金表を基にお見積りを出させていただきます。
上記あくまで目安ですのでご相談可能です。
ボリューム・機能によって変わってきますので、まずはご相談いただければと思います。
◆契約までの流れ(簡単3ステップ)
①ヒアリング
→ ビデオ通話もしくはテキストでのやり取りでご依頼内容をご確認させていただきます。
②こちらからの提案
→ ヒアリング後、1 ~ 2日後に詳細のお見積りをご提案させていただきます。
③契約
→ 契約させていただきLancers上で手続きが完了次第、着手とさせていただきます。
◆制作の流れ
①契約
↓
②お仕事開始
↓
④ご確認・修正
・・・ご確認いただき修正点があった場合、迅速に修正させていただきます。
↓
⑤最終確認
↓
⑥納品
- zipファイル納品
- WordPressへのマイグレーション
- FTPツールを使用してサーバーへの納品
- Git納品が対応可能です。
*指定の業務進行方向がございましたら、貴社の指定の方法に従います。
◆最後に
最後までご覧いただきありがとうございました。
ご相談、お見積もりに関しては無料で承っております。
またLancers上のツールを使用したビデオ会議も可能ですのでお気軽にお問合せください。
主に、HTML,CSSコーディング代行を請け負ってます
業務内容
▼業務提供内容
・プログラミングコーディング代行
・動画編集
・その他編集代行
▼金額
・¥10,000~¥70,000
・金額相談可能
レスポンシブ対応・簡単なアニメーション込みのコーディング代行いたします
業務内容
数あるサービスの中からご覧いただきありがとうございます!
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メルマガを作ります
業務内容
HTMLメールはメルマガ配信ツールなどで、
簡単に作成することができますが、
CSSやVIEWPORT設定まで対応していないツールもあり、
端末やメールクライアントによって、文字化けや表示崩れを起こすケースが多いです。
PCだとOutlookやWindowsメール、
モバイルではAndroidなど対応していないCSSがほとんどです。
これではせっかく時間をかけてメールを作成しても、
メール内リンクからの回帰は望めません。
本サービスの3つの特徴
①メール到達率を改善
可能な限りファイルサイズを抑えることで
各社サーバーの原稿容量制限と画像容量制限をクリアし、
より多くのリードリストにメール配信を可能にします。
②開封率を改善
プリヘッダーテキストを使用し、
メール一覧画面に表示される冒頭文を
訴求効果の高いキャッチコピーに変更します。
③回帰率を改善
幅広い環境で快適に閲覧可能なメールから、
正常に表示されるCTAボタンにより、
リンククリック率を改善します。
▼制作の流れ
1.ご購入
2.当方より打ち合わせ日程のすり合わせ
3.簡単なワイヤーフレームを提出いたします。
4.問題が無ければ画像とロゴデータのURLをご教示ください。
5.納品 ※納品ファイルはHTMLファイルのソースコード形式となります。
HTML/CSS/Queryを用いたコーディングを承ります
業務内容
デザインカンプをもとにHTML、CSS、jQueryを用いたコーディングを行います。
チャット、テキストとどのような形でも対応可能ですのでお気軽にご相談ください。
10時〜23時の間はすぐに返信します。
【価格】
5000円〜
【作業手順】
①figmaかxdによるデザイン、素材のお預かり
②頂いたカンプをもとにヒアリングとお値段・作業完了までの日数の見積もり
③コーディング
④提出
⑤お客様による確認と修正
⑥再提出
(⑤、⑥は何回でも対応可能)
【納品方法】
zipファイルによる提出かお客様のサイトにアップロード
【納期期間】
3日〜1週間程度
作業量により前後する場合がございますのでご了承ください。
【活動実績】
https://ordermade.thisisgallery.com/wallart_lp/
https://ordermade.thisisgallery.com/hospitalart_lp/
https://ordermade.thisisgallery.com/officeart_lp/
https://ordermade.thisisgallery.com/custommade_lp/
【3ページまで10,000円】デザインデータを基にHTMLコーディングを行います
業務内容
■こんな方へおすすめ
格安でのコーディングを依頼したい方
■ご購入後の流れ
ご購入後、デザインデータや画像素材などをお送りして頂きます。
その後、こちらでコーディングを行い、完成し次第、HTMLやCSSをお渡し致します。
■料金について
パッケージとしては、3ページで10,000円~12,000円で出品をさせて頂いておりますが、
規模によってはお安くさせて頂く場合がございます。
3人のクルーでコーディングを代行いたします
業務内容
ご観覧ありがとうございます。
私たちは埼玉県羽生市商店街のオフィスで
3名でコーディングを行なっているMOVE-INです。
◆こんな場合にオススメです◆
- コーダーのリソースが足りない
- コーダーのパートナーを募集している
◆基本料金概要◆
①HTML/CSSを使った静的コーティング
②レスポンシブ対応(PC/スマホ/タブレット)
③Word Pressの設置
④テスト確認用のサーバー設置
◆制作の流れ◆
- 「見積り、カスタマイズの相談に進む」からご連絡ください
- お打ち合わせ(リモート)
※デザインを確認をさせて頂きます(XD FIGMA AI PSD etc....) - お見積書のご提出
- 制作開始
- 修正
6. 納品/公開
静的コーディング致します
業務内容
こちらのサービスをご覧いただきありがとうございます。
『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
方、ぜひ私にお任せください!
デザインデータからHTML・CSSを使用したコーディングを代行いたします。
静的コーディングになります。
レスポンシブ対応(スマホ・タブレットに対応)も有料にて承っております。
◆制作の流れ
①ヒアリング・お見積もり
→ページ数・内容量に応じてお見積もりします。
②契約
③デザインデータ確認
→Photoshop、Illustrator、XDのデータに対応可能です。
④コーディング作業開始
⑤ご確認・修正
→修正は3回まで無料で対応いたします。
⑥最終確認
⑦納品
→zipファイルでの納品、またはサーバーにアップでの納品となります。
まずは、「見積り・カスタマイズの相談をする」からお気軽にご相談ください。
購入にあたってのお願い
【注意事項】
※ご注文後のキャンセルはお断りしております。
※ご購入前にお見積りのご相談をお願いいたします。
【お客様にご用意いただくもの】
◎デザインデータ
psd、ai、XDのいずれかをお願い致します。その他の場合はご相談ください。
◎画像、文章などの素材
HTML ,CSS ,JavaScriptを使いHPを1から作ります。ます
業務内容
ーHP制作
・HTML ,CSS ,JavaScriptを使いHP制作をさせて戴きます。
・金額:5万円〜10万円
ープログラミングスクール
1WEB言語(HTML CSS JavaScript)を使いHP制作
2WordPress制作(HPやLP等)
3業務用システム開発(Laravel)
・金額:1万円〜3万円/月
ーその他
案件数が少ないため格安で受けさせて戴きます
ぜひ宜しくお願い致します
スクレイピング、データ入力、web 制作などを承ります。 ます
業務内容
-
こんな方にオススメ
単発で依頼をなさりたい方 -
何ができるの?
簡単なデータ入力、スクレイピング -
経験など
本業は飲食を行なっておりますが、2年程独学をした成果を試したいと思い lancers を利用しています。
未熟者ですがよろしくお願いします。 -
時間など
夜勤なので平日は時間が空いておりますので、比較的にスピーディーに対応できるかと思います
【レスポンシブ込み、修正だけでも】ホームページ・LPのコーディングをします
業務内容
《自己紹介》
プロフィールをご覧いただきありがとうございます、はぎ と申します。
フリーランスとして、ホームページ・ランディングページの制作を行なっております。
《提供可能なこと》
【HTML・CSS・JavaScript(jQuery)のコーディング、WordPressでのサイト制作】
ホームページ、ランディングページのデザインデータからのコーディングを行ないます。
また、修正のみのコーディングやページ内の一部のコーディングにも対応します。
【デザインデータをお持ちでない場合での、ホームページ制作】
中小企業・個人店のお客様でデザインデータをお持ちでないお客様でも、
通常の製作期間よりは長くなってしまいますが参考サイトをご提示いただければ
サイト制作のご相談に対応いたします。
またサイト制作に使用される画像やイラストが無い場合でも各種素材を準備していますので
お気軽にご相談ください。
【料金内で対応可能な動きのある要素】
・スライダー(複数枚の画像を次々と切り替えて表示するもの)
・ハンバーガーメニュー
・ページトップへ戻るボタン
【オプション料金で対応可能なもの】
・アコーディオン(項目をクリックしたりタップしたりすることで、隠れている詳細画面を表示させるもの)
・タブメニュー(Webページを移動することなく指定範囲の表示内容を切り替えられるもの)
・ローダー(ページOPEN時のロゴなどを表示させるもの)
・お問い合わせフォーム
・スクロール時に要素がふわっと動くなどのアニメーション
・スクロール時に背景画像に影響させるアニメーション
その他、実装に工数が多く掛かるものや1ページの長さが5000pxを超えるものについては
別途お見積もりをさせて頂きます。
《お約束事》
・お客様への分かりやすく丁寧なサポートを心掛けて作業を進めていきますので、ホームページ制作のご依頼が初めての方でもご安心ください。
・作業は迅速に、途中経過も確認できる形で進めていきます。
最後までご覧いただきありがとうございます、
ご依頼いただいた際は『お客様への分かりやすく丁寧なサポート』『作業の途中経過の報告』を
心掛けてお客様の求める以上の作品を納品いたします。
気になることがありましたら、お気軽にご連絡くださいませ。
よろしくお願いいたします、以上となります。
webページの細かい修正・変更を低価格でお受けいたします
業務内容
HTML/CSSの修正・変更をなるべく安く済ませたいという方にピッタリの内容です。
業務内容としては、修正・変更を行っています。
仕事量によっては納期が変わることがあります。
HTMLやCSSを使いお客様のデザインからコーディングの代行を行います
業務内容
可能業務
・コーディング代行(HTML,CSS)を使用してのコーディング
・JavaScript使用してのハンバーガーメニュー、スライダーなどの動きのあるサイト作成
実績
・サンプルサイトを作成しました。
*詳しくはポートフォリオをご覧ください。
爆速コーディングで、あなたのデザインを完全再現いたします
業務内容
① デザインデータをいただき次第、作業開始。
(XD,Figma,Ai,PSDに対応。
必要であれば打ち合わせ可能です。)
② HTML/CSS/JavaScriptコーディング。
(どんなアニメーションにも対応可能。
WordPress組み込みまでも承っております。)
③ 品質チェック
表示チェックやエラー確認、デバイス表示チェックを行い、
品質チェックシートと一緒にご提出いたします。
④ 納品
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。