人気ランキング 期間:4月24日 〜 5月1日
内部SEOコーディング(下層ページ)
業務内容
HTML・CSSコーディングを承ります。
SEOとスピードを重視でコーディン致します。
▼お値段
TOPページ(レスポンシブ対応) ¥18000円
下層ページ(レスポンシブ対応) ¥12000円
▼注意
ランサーズ手数料とページ料金は別です。
グーグルフォームカスタマイズ(完了画面込み)
業務内容
グーグルフォーム は利用料無料。
データの保存も勝手にしてくれるしグラフ化、項目別に集計が取れるとあって人気のツールですよね。
便利なのは間違いない。でも・・
あの見た目がなんとかならないか…?って思いませんか?
こだわりのあるあなたのための、サービスです。
ーサービス内容、順序ー
・グーグルフォームにて項目、選択肢など作ったものを頂きます。(わからなければ手書き写メ可能です)
・デザイン構想(相談して作りましょう)⇦ここが一番楽しい!
・実際にコーディング
テスト送信完了後、納品となります。
フォルダ形式で納品となります。(ZIPファイル)
アップロードはサーバー情報が必要になるため、ご自身でお願いしております。
わからないことは聞いていただければわかるまで説明しますので、ご安心ください。
実際に作ったものがあるので、「どんなのか見せて!」と一声いただければURLお伝えしますね。
メッセージ、些細な質問からお待ちしてます。
(ファーストメッセージから24時間以内に返信しております!)
*納期は応相談ですが、デザイン構想の相談にお時間いただいた場合は、納期も同時にお時間頂く形となりますのでご了承ください。
ー 私のこと ー
学校生活を経て、大手エステ会社に就職。
エステティシャンとなり、その後独立。
美容ブログ運営歴5年。(現在放置中…)
3年以上、美容ブログPVランキング1位を継続。
自分で体験した嘘偽りない情報を伝えるブログスタイルが
多くの女性に支持され、
コンスタントに月間20万PVを誇るパワーブロガー(でしたw)
”みんなで創る化粧品”というコンセプトのもと、
監修化粧品を作り上げ、初回生産分即完売。
組織に属さなくても個人で、 都会ではなく地方からでも、
在宅で仕事をする起業スタイルを確立。
ブログの発信よりもデザインに魅力を感じ、
周りからは勿体無いと言われながらも
発信を思い切ってやめ、デザイン業に移行。
現在、化粧品販売、スキンケアコンサルタントとして活動する傍ら、
メディア構築の知識とデザインセンスを活かし、
バナーデザイン、サイト構築、動画編集、Web集客サポートをしている。
スピーディーかつ丁寧で温かさを感じるサポートが、 クライアントから好評。
(サービス利用後のクライアントの声引用)
趣味はパソコン、カメラ。
知らないことがあると気持ち悪い性分から、わかるまで極める癖がある。
犬と一緒に外で遊ぶこと、お酒を飲むのが大好き。
WEBコーディング・LP制作
業務内容
独学で今年の4月からプログラミングの勉強を始め、現在フリーランスとして活動している主婦です。
在宅ライターもやっておりますが、DINKS(子なし)なので基本余裕がありまとまった時間を確保可能です。趣味でHTMLやCSS・Ruby・PHPなどを用いてWebサービスを作成しています。
WordPressを用いてブログも書いており、ライティングにも自信があります。
まずはご相談からでも構いませんのでお気軽にご連絡ください。
【スキル】
・HP/LP制作
・HTML&CSSコーディング
・記事作成
【アピールポイント】
・ブログ
→「移住ブログ」「主婦向けブログ」「アウトドアブログ」3サイトの運営
合計で10万PV/月を維持しています。
HTML/CSSカスタマイズは日常で行っており、コーディングにも慣れています。
【デザイナー様向け】デザインデータからHP・LPのコーディングします
業務内容
■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
・Wordpressの導入、構築、改修
・独自チェックリストを用いた報連相
・gulpの環境構築
・gitでのコード管理
■制作内容の詳細
・静的コーディング(1ページ〜)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装:5,000円~ / 1点
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress化:内容に応じて別途お見積もり
※WordPressは別途追加費用が発生いたします。
■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
■購入の流れ
「見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えし、サイト構築開始。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。
■実績
・経歴
アパレル、美容系のECサイトの運営に従事
フリーランスとしてWebサイト制作の活動を開始
6社のWeb制作会社と業務提携を結び活動しております。
「丁寧な対応でよかった!」「より良い提案を積極的にしてくれて助かる」「金額以上のサービス内容だった」などのお声をいただいております。
・仕事に対する姿勢
丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗の報告、納期厳守
ご不明点がありましたら、
お気軽にご連絡くださいませ。
【制作会社・デザイナー様】見えない部分も丁寧で保守性の高いコーディング代行いたします
業務内容
保守運用のしやすいCSS設計、高い再現性でデザインを忠実に再現いたします。
数あるランサー様の中から、ご覧いただきありがとうございます。
web制作事務所を運営しておりますMinamiと申します。
高い再現性、レスポンシブ対応込みの高品質なコーディング代行をいたします。
見えない部分のコーディングですが、無駄なコードや不必要なコメントアウトなどはなくし、丁寧に対応させていただきます。
.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+
■こんな方にオススメ
・コーディングができる委託先をお探しの制作会社様やデザイナー様
・コーディング業務を巻き取ってお仕事を受注したいデザイナー様
・デザインが既にありホームページを制作したい個人事業主様
当方は安心・信頼していただくためにコミュニケーションを大切にしています。
単発のお仕事もお待ちしていますが、せっかくのご縁、長くお付き合いさせていただけるよう全ての案件に誠意を持って対応しております。
ホームページは納品して終わりではなく納品後育てていくことで資産となります。
納品後1ヶ月は運用方法や、ホームページ内の写真・テキストの変更は無料で対応いたします。
安心してお任せください。
.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+
■作業内容
・静的コーディング
・JavaScript / jQueryを用いたアニメーション機能実装
・レスポンシブ対応
・お問い合わせフォーム設置
・Wordpress化 (オプションより追加でご発注いただけます。)
.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+.。゚+..。 ゚+..。゚+ .。゚+..。 ゚+..。゚+
■ご相談から納品まで
①ヒアリング
事前のヒアリングにて制作希望のデザインのご案内や、アニメーションの希望、納期やご予算などお聞かせいただきます。
↓
②ご依頼、お見積もり
お見積もりをご提出いたします。その後ご依頼いただくかどうかご検討ください。ご依頼となりましたらデザインデータと制作に必要な素材(お写真、画像、ロゴなど)をご提出いただきます。
↓
③制作開始、初稿の提出
制作を開始し、完了次第初稿をテストサーバーにアップしてご確認いただきます。デザインに沿ってしっかり再現して提出させていただきますが、修正がございましたら都度修正の対応をさせていただきます。
↓
④納品
確認が完了したデータをお客様のご要望に合わせた形で納品いたします。zipファイルやサーバーへのアップなどご希望をお知らせくださいませ。
納品後1ヶ月のサポートがございます。写真変更やテキスト変更など、実際にホームページを運用して変更したくなった箇所の変更などしっかりとサポートいたします。
お客様とのコミュニケーションを何よりも大切にし、信頼してお任せいただけるよう丁寧に対応させていただきます。
大切なビジネスのパートナーとしてお選びいただけましたら幸いです。
些細なご質問でもお気軽にご連絡ください。
▼デザインから制作まで一貫したプランをご希望の方はこちら
https://www.lancers.jp/menu/detail/1233212
▼ポートフォリオ
https://www.lancers.jp/profile/programming0113/portfolio?ref=more
最短1日&SEO完備!HTMLコーディングします
業務内容
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
はじめに
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
ご覧いただき、誠にありがとうございます。
昨今は、どんな業界でもWebサイトを所持するのが当たり前の時代となりましたね。
しかしデザインイメージがあっても、Web上で形にするには様々なハードルがあるものです。
そこで本サービスでは、下記のような方のお手伝いを行っております。
○ デザインイメージはあるけれど、HTML・CSS・SEOってよく分からない
○ 独学でHTMLはある程度組めるけれど、マークアップが適切か分からない
○ 表示が高速なWebページを作りたい
○ 短期間でWebページを公開したい
お見積もりは無料で行っておりますので、お気軽にご相談ください!
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
基本サービス内容
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
■ デザイン完全再現のコーディング
✓HTML、CSS(Sass)を用いたコーディング
✓レスポンシブ対応
✓簡単な動き対応※
※ハンバーガーメニューやアコーディオン、フェードインアニメーションなど、
CSSや簡単なJavaScriptで対応可能なものです。
スライダーなどJavaScriptが多く利用されているものは、
別途お見積もりいたします。
■ メタタグの最適化(必要な場合)
✓favicon
✓apple-touch-icon
✓テーマカラー
✓OGP
✓タイトル
✓ディスクリプション
■ 高速化処理(必要な場合)
✓CSS・JSサイズ圧縮
✓クリティカルCSS適用
✓画像最適化
✓Webフォント最適化
■ Google Analytics導入(必要な場合)
✓Google Analyticsトラッキングコード挿入
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
料金について
▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
1ページ10,000円よりお引き受け可能です。
ただしデザインや動きなど、必要な工数により金額が変わります。
お見積は無料ですので、まずはお気軽にご相談ください!
【法人様・デザイナー様向け】ホームページ・LPのコーディング代行いたします
業務内容
数あるパッケージの中からご覧いただき、
誠にありがとうございます!
【こんなお悩み解決いたします】
「1ページだけでもお願いできないかなぁ・・」
「まるっと誰かにお願いできないかなぁ・・」
「ちょっとした修正案件も依頼したいんだけどな・・・」
など、
ホームページやLPのコーディングに関する
お困り事がございましたらお気軽にご相談くださいませ。
親切・丁寧に、お客様のお悩み事に寄り添いながら
解決に向けたお手伝いをさせていただきます!
【ご提供内容】
・HTML/CSS/jQueryを使った静的コーディング
・レスポンシブ対応
・保守性を意識したCSS設計
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・品質チェック
・お問い合わせフォームの実装 ※内容に応じて別途お見積り
・WordPress化 ※内容に応じて別途お見積り
【ご用意いただく物】
・デザインデータ(対応形式:Figma、Photoshop 、Illustrator、XDなど)
【料金、納期について】
プラン料金と納期は目安となっております。
ご予算に応じて調整可能ですので、お気軽にご相談ください。
【購入から制作の流れ】
①お打ち合わせ・ヒアリング
・「見積もり・カスタマイズの相談に進む」のボタンに進んでいただき、
具体的なご依頼内容をお聞かせくださいませ(ご相談はもちろん無料です)
②お見積り・スケジュール作成
・ご依頼内容を確認させていただき、お見積りと納期をご提示させていただきます。
・ご納得いただけた場合は、ご購入をお願いいたします。
③制作開始
・保守性を意識したコーディングを心がけます。
・独自の品質チェックシートを使用し、品質を担保いたします。
④初稿提出
・内容をご確認いただきます。修正希望がある場合はお申し付けください。
・修正希望の場合、2回まで無料でご対応いたします。 ※3回以上は別途お見積りいたします
⑤最終チェック・納品
・最終チェックが完了しましたら、データファイルにて納品いたします。
※お持ちのドメイン、サーバー環境へのアップロードご希望の場合は別途ご相談ください
⑥納品後フォロー
・軽微な修正であれば、納品後1週間以内であれば無料でお受けいたします。
※大きな修正の場合は別途相談
【追加の対応料金】
・下層ページ追加(1ページ) +10,000円~
【その他注意事項】
・事業内容が公序良俗・社会規範に反すると判断した場合、
ご依頼はお受けいたしませんので予めご了承くださいませ。
【私の実績】
コーディングとWordPress構築をメインに約1年半ほど活動しております。
現在は、2社の制作会社様と継続的なお取引をさせていただいております。
お客様のお悩みに寄り添いながら、ご満足頂けるお取引を心がけます。
ご不明点などございましたらお気軽にご相談くださいませ。
実績多数の敏腕エンジニアがコーディング業務を代行いたします
業務内容
デザインカンプからのコーディングをメインにさせていただきます。
そのほかの、JavaScriptによる動的コーディング、 WordPressサイトの構築・カスタマイズ
などもさせていただきます。
お客様の作りたいLPをデザイン~コーディングまで一緒に作り ます
業務内容
【シンプルで簡単なLP】
・商品概要
・よくある質問
・お問い合わせホーム
【レスポンシブ対応LP】
上記3つに加えてモバイル用のサイトも一緒に作ります!!
【お客様のご希望に沿ったLPを作ります。】
まずは内容をお聞かせください。
【Webサイト】コーディング・ホームページ制作承ります
業務内容
サービス内容
サービスについて
ご覧いただきありがとうございます。
ご相談等いつでもお受けしていますのでお気軽にご連絡ください。
◆作業内容
・HTML/CSSを用いたコーディング
・JavaScriptを用いた仕掛けの実装(ハンバーガーメニュー、スライダー、アコーディオン etc)
・お問い合せフォームの実装
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)
◆料金表
<基本料金>
・TOPページのコーディング - 10,000円〜
・下層ページのコーディング(1P) - 5,000円〜
・LPサイト制作 - 38,000円〜
・WordPressサイト制作 - 80,000円〜
※金額はあくまで目安です。作業量により増減しますので詳しくはご相談ください。
また、ご予算に応じて調整など柔軟に対応いたします。
<オプション>
・JavaScriptを用いた仕掛け実装 - 5,000円〜
・お問い合せフォーム - 12,000円〜
・サーバー/ドメイン取得代行 - 5000円
<無料オプション>
・レスポンシブ対応
・SEO対策
・サイトの軽量化(画像圧縮やコーディングファイル圧縮による表示速度の高速化)
・Googleアナリティクス連携
・Googleサーチコンソール連携
・スパム対策(reCAPTCHA)
・セキュリティ対策 ※WordPressの場合
◆制作の流れ
①ヒヤリング(※ご依頼や困りごとの内容などお聞かせください)
↓
②お見積り
↓
③デザインのご提供 ※デザインから作成の場合は除く
↓
④コーディング
↓
⑤テスト&ご確認、修正
↓
⑥最終確認、納品
※納品方法についてはご希望があればお申し付けください
◆納期について
3日〜2週間ほどお時間をいただいております。
作業量により変わってきますが、ご希望があればご相談ください。
◆実績
クラウドソーシングで主に活動しており対応件数は下記の通りです。
※ポートフォリオについてはプロフィールよりご覧ください
・ランサーズ: 7件
・ココナラ: 12件
・クラウドソーシング: 1件
◆ひとこと
納期やご予算につきましては柔軟に対応しますのでご相談ください。
購入にあたってのお願い
・基本的にはデザインや画像素材、テキストなどはお客様でご用意をお願いします。
・テキストはコピー&ペーストできるものでご準備をお願いします。
・サーバー/ドメインについてはお客様でご契約ご準備ください。
※サポートが必要な場合は遠慮なくご相談ください
【サイト修正承ります】Webサイトのお悩み解決いたします
業務内容
サービスについて
ご覧いただきありがとうございます。
サイトのちょっとした困りごと解決を目的にサイト修正承っております。
「サイトの雰囲気を変えたい」や「こうゆう機能が欲しい」、「なんか表示がおかしい」など
ちょっとした困りごとがあれば、ご相談等いつでもお受けしていますのでお気軽にご連絡ください。
◆作業内容
・新規ページ追加
・既存ページの内容変更(テキストや画像、デザイン変更)
・ブログ機能の追加
・お問い合せ機能追加
・JavaScriptを用いた仕掛け追加(スライダーやアコーディオン、モーダルウィンドウ)
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)
◆料金表
<基本料金>
・一部カスタマイズ(見出しなど一部パーツの装飾) - 2,000円〜
・既存ページの修正(テキストや画像、デザイン修正) - 2,000円〜
・JavaScriptを用いた仕掛け実装 - 5,000円〜
・新規ページ追加(1P) - 10,000円〜
・お問い合せフォーム - 12,000円〜
・WordPress化 - 30,000円〜
※金額はあくまで目安です。作業量により増減しますので詳しくはご相談ください。
また、ご予算に応じて調整など柔軟に対応いたします。
◆制作の流れ
①ヒヤリング(※ご依頼や困りごとの内容などお聞かせください)
↓
②お見積り
↓
③サイト修正作業
↓
④テスト&ご確認、修正
↓
⑤最終確認、納品
※納品方法については柔軟に対応可能ですのでご希望があればお申し付けください
◆納期について
3日〜2週間ほどお時間をいただいております。
作業量により変わってきますが、ご希望があればご相談ください。
◆実績
クラウドソーシングで主に活動しており対応件数は下記の通りです。
※ポートフォリオについてはプロフィールよりご覧ください
・ランサーズ: 7件
・ココナラ: 12件
・クラウドソーシング: 1件
◆ひとこと
納期やご予算につきましては柔軟に対応いたしますのでご相談ください。
購入にあたってのお願い
・基本的にはデザインや画像素材、テキストなどはお客様でご用意をお願いします。
・テキストはコピー&ペーストできるものでご準備をお願いします。
※サポートが必要な場合は遠慮なくご相談ください
LPコーディング代行します
業務内容
◆こんな方にオススメです
「リソース不足で案件が対応しきれない」
「コーディングを代行してほしい…」
「デザインはあるがコーディングだけお願いしたい」
「デザインを細部まで再現してほしい」
コーディング作業を代行し、お悩み解決いたします!!
◆基本料金に含まれるもの
① HTML/CSSを使った静的コーディング
②レスポンシブ対応(PC/スマホ)
③画像および、JSファイルの圧縮
④アフターフォロー(納品後1週間以内)
※納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。
◆ 活動時間/連絡について
できる限り柔軟にご対応させていただきます。急ぎの案件等もお気軽にご相談ください。
連絡は基本的にいつでも可能です。できる限り素早い返信を心がけますが、急ぎの仕事が入っている場合はお時間をいただくこともございます。
ご了承いただければ幸いです。
◆納期
受注から7日を一つの目安としていますが、
基本的には簡単なものであれば完成できしだい、納品いたします。
まずはご相談頂けますと幸いです。
◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(テスト環境にアップ or ファイル形式でのお渡し)
どうぞよろしくお願い致します!
格安にてコーディング作業承ります
業務内容
見ていただきありがとうございます。
webデザイナー、webコーダーのMarryマリーと申します。
ランサーでの案件がまだ少ないため、格安でコーディングのお仕事をいたします、
LPページ、長さなど問いません、一律1ページ3000円でコーディングいたします。
・簡単なCSSでのアニメーション、メニューバーなどは対応可能です。
・レスポンシブ対応いたします。
・修正、途中での画像差し替えなど対応いたします。
納期は契約から1週間ほどいただきます。
お急ぎの場合はご相談くださいませ。
納品は、zipファイルでの納品、もしくはお持ちのサーバーにアップにて納品いたします。
その他ご質問などご連絡くださいませ。
よろしくお願いいたします。
ホームページ/WEBサイト/LPのコーディングをします
業務内容
・WEBサイト/ホームページを作りたい
・デザインがあるのでコーディングだけお願いしたい
・スマホ対応サイトにしたい
このようなご要望に柔軟に対応いたします。
お困りごとやお悩みがあればお気軽にご相談ください。
ーーーーーーーーーーーーーーーーーーー
■代行の作業内容
・HTML/CSSでの静的コーディング
・CSS/JavaScript/jQueryでの動的コーディング
(ハンバーガーメニュー/スライダー/アニメーション/アコーディオン)
・レスポンシブ対応
・サーバーへの直接アップロード
・納品前の修正作業(何度でも)
■料金表
・1ページあたりの基本料金:3,000円~
・レスポンシブ対応:基本料金の50%
・1点の動的機能の実装:3,500円
・修正:無料
■お申込みから納品まで
①ご相談と見積り(ご要望のヒアリング)
②デザインデータ、素材をご提供いただきます。
③コーディング開始
④テスト公開
⑤ご確認・修正
⑥納品完了
■こんな方はぜひご依頼ください
・デザインはあるけどコーディングができず困っている
・単発で細かい部分の修正だけお願いしたい
・長期で継続的にコーディングをお願いしたい
・安さと品質の両方とも重要
ーーーーーーーーーーーーーーーーーーー
お仕事のご依頼お待ちしております。
「HTML5レベル1」認定プロフェッショナルがデザイン通りにサイトを作成します
業務内容
**誰よりも安くご納得いただけるまで修正いたします!
【業務概要】
・デザインデータ・画像データをご用意いただき、データ通りのサイトをコーディングし ます。
・Javascriptを用いたアニメーションの実装も可能です。
内容は私のポートフォリオサイトで実装しているものに限ります。
まずはご相談ください。
・手直し無料でご納得いただけるまで何度でも修正いたします。
利益より経験重視でやりたいと考えていますので、未経験ということをご理解頂ける方よろしくお願いします。
お客様に喜んでいただけるものを安く提供していきたいと思いますので、サイト制作にできるだけ費用をかけたくない方は、ぜひ1度ご検討頂けると幸いです。
制作会社様、デザイナー様のデザインをコーディング代行いたします
業務内容
ご覧いただき、ありがとうございます。
・コーディング業務の外注先をお探しの制作会社様
・コーディングも巻き取りたいけど頼めるコーダーがいなくてお困りのデザイナー様
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustratorなど)
LPのhtml,css構築をレスポンシブ対応込み行います
業務内容
Webマーケティングベンチャーで制作をしていた23歳が、お客様のご要望に合わせてLPの作成をお行います。
レスポンシブ化やワイヤーフレームをまだ作成していない場合も対応が可能です。
ご依頼の際は、下記をご連絡ください。
・ワイヤーフレームはすでにできているのか
・希望されるターゲット層はどのようなものか
・レスポンシブ化は必須か
お客様からの連絡へのレスポンスは最優先で行っています。
業務途中で連絡が取れなくなるような人なんてありえません。
ご依頼お待ちしております。
レスポンシブ対応はもちろん可!デザイン通りのLPページを提供し ます
業務内容
1.デザインを提供していただきます。(XDが希望ですが、Photoshopでも可能です。)
※全体像・個別画像・ファビコン画像をお願いします。
※※PC幅sp幅の指定をお願いします。
2.当方がVSCodeで作業します。
3.納期中に作業内容を確認していただく場合があります。
4.納品内容を確認していただき、修正点があれば修正します。(※追加費用無し)
5.検品していただき、問題なければ納品とさせていただきます。
【デザインからのコーディング】HTML/CSS/JSのコーディングいたします
業務内容
ご覧いただき、ありがとうございます!
香川県丸亀市の株式会社リブサーバーと申します。
私たちはWeb制作全般・EC-CUBE・WordPress等のCMS導入や運用を得意としているチームです。Webサービスを展開する事が好きで、毎日開発業務に励んでおります。
人との出会いを大切にし、末永く皆様のお力になれるよう務めております。
どんなことでも、まずはお気軽にご相談ください。
この度、デザインデータからコーディングを行うサービスを出品させて頂きます。
【サービス内容】
・静的HTML/CSS/JSによるコーディング
・動的HTML/CSS/JSによるコーディング
・レスポンシブ対応
【本サービスの流れ】
①ご購入
②デザインデータの受領
③ヒアリング
④コーディング
⑤クライアント様の確認
⑥納品
◆コーディングの環境は下記をお選び頂けます。
・クライアント様での環境にて作業
・弊社の開発環境にて作業
◆納品は下記の方法をお選び頂けます。
・クライアント様のサーバ環境へのアップ
・zipファイルによる納品
LPページコーディング 1万円〜
業務内容
LPページ作成を下請け致します。
当方事業活動初動の為、実績を積み上げたいです。
その為、格安でコーディングを代行致します。
元々ITベンチャー企業でプログラマーとして勤務しておりましたので技術力には自身があります。
大手企業サイト、LP作成も多数手がけさせて頂いております。
(前職案件の為こちらで開示できませんが、お問い合わせ頂いた際にお答えさせて頂きます。)
★javascript制作、悩み解決
業務内容
こんな動きは実現できるのか?高速化したいなど
javascriptの作成・相談を承ります。
■こんな方にオススメ
・これと同じような動きをするものを作りたい
・作りたいアイデアがあるけど、どうすれば良いかわからない
・どのように作るのが最適か知りたい
・こういう実装をしたいけどわからない
・ハマっていて抜け出せない
を一緒に解決していきます。
■容易に導入できます
基本的には既存のHTMLに以下二点を追記するだけで動作するように作成します。
・ヘッダにscriptタグ追記
・タグにidを追記
■対応できます
・jQuery, coffeescript, d3js
・Minify(圧縮によるパフォーマンスアップ)
HTML・CSS・JQuery +レスポンシブ/ コーディングいたします
業務内容
Webサイト制作における
HTML + CSSによるコーディングを行ないます。
・アコーディオンメニュー等の簡易的なJavaScript
・レスポンシブ対応
上記でしたらこちらの価格で実装いたします。
その他ご質問等お気軽にお問い合わせください。
Webサイトコーディング代行 HTML CSS jQuery 等
業務内容
ご用意いただいたデザインをwebページにいたします。
価格は1ページの単価となります。
ページのレイアウトや内容によって変動いたします。
CSSアニメーションなども対応可能ですのでお気軽にお問い合わせください。
また、WordPressのテンプレートファイル作成やカスタマイズも賜ります(別途ご相談)
既存PCサイトのスマホ対応(レスポンシブコーディング10P迄)
業務内容
■概要
既に運用中のPC向けサイトのスマホ対応をいたします。
レスポンシブコーディングにて、PCとタブレットは同じ表示、767px以下(スマホ)はスマホ対応いたします。
■仕様
・htmlサイトでパララックス(動き)のないサイトでお願いいたします。
・1サイト10ページ以内でお願いいたします。それ以上の場合はご相談くださいませ。
・ワードプレスの場合は、別途ご相談くださいませ。
楽天店舗オープン審査サポート&ページ構築「最短15日以内にオープンしたい!」ます
業務内容
楽天市場で新規出店の店舗様へ、
出店許可を取得したら、
オープン審査へ向けていろいろ書類・申請などの準備をしなければならない・・・・
RMSでの設定が面倒、機能の使い方がわからない、オープンまでの時間をかけたくない・・・
審査を通過したら、すぐ売上作れるような状態にしたい・・・・
そんなお悩み解決いたします!
最短15日以内オープンできる!
トップページ制作から審査用商品ページ作成、共通コンテンツのデザイン、様々ツール・機能の設定のサポートまでおまかせ下さい!
HTML/CSSのコーディング 勉強しながらなので安く受けれます♪
業務内容
プログラミングを学び始めて2カ月ほどです。
初心者なので経験を積むためにも安く受けさせていただきます。
JavaScriptやjQueryは勉強しながらです><
クオリティーや納品の期間が伸びます。ご了承ください。
修正については1回まで対応させていただきます。
よろしくお願い致します。
元Web制作会社勤務。制作実績数300件以上の信頼と実績でコーディングいたします
業務内容
当サービスをご覧いただきまして、誠にありがとうございます。
お客様との対話を大切に、親切丁寧な対応を心がけ、常にパーフェクトな納品を目指しております。
\ このような方に最適です /
・デザインデータはあるけど、コーディングはできない。
・リソース不足で、コーディングまで手がまわらない。
・外注先の選定で失敗したくない。
・制作会社レベルのスキルで対応してもらいたい。
★対応範囲と費用につきまして。
・静的コーディング:トップページ¥20,000〜、下層ページ¥15,000〜/1ページ
・レスポンシブ対応(1ブレイクポイント)
※ご要望に対応できますので、予めご相談ください。
・よくあるハンバーガーメニューなどはお任せいただければ無料で対応いたします。
※細かいデザイン指示などがございましたら有料対応とさせていただければと思います。(要ご相談)
・PHPファイルでの納品可能です。(着手前にご申告ください)
ヘッダーやフッターなど共通ファイルとして扱いたい場合や、
WordPressに組み込む予定がある場合などにご利用ください。
※WordPress対応も得意としておりますので、併せてご相談いただければと思います。
(別途サービス出品しております:https://www.lancers.jp/profile/syzmagic/plan/171629)
併せてご依頼いただける場合は、値引きさせていただきます。
★別途有料オプション対応目安(ご相談時にお見積りさせていただければと思います)
・cssアニメーション:¥3,000〜/1バリエーション
※マウスオーバーアニメーションなど(基本的な透過アニメーションなどは無料です)
・JavaScriptによる制御:¥5,000〜/1バリエーション
※モーダルやドロップダウンコンテンツ、スクロールに準ずる制御など
・お問い合わせフォーム:¥20,000〜/項目などにより変動
さほど手がかからずサービスさせていただく場合もございますので、
ご購入前にヒアリングさせていただければと思います。
★ご相談から納品の流れ
1.ご相談いただき、ヒアリングとお見積りをさせていただきます。
2.デザインデータをご提供ください。(illustrator/Photoshop/XD/Figmaなど)
3.コーディング作業開始
4.テストサイトにてご確認と修正
5.最終確認
6.納品
実機テスト環境は
macOS CatalinaとVentura:Chrome/Firefox/Safari
Windows11:Edge/Chrome/Firefox
iPhone13、iPad
その他はデベロッパーツールでの確認となります。
★納期につきまして
ボリュームにより変動いたします。
ヒアリング時にご希望を伺わせていただければと思います。
※リソース状況によりお請けできない場合もございますので予めご了承ください。
その他お気軽にご相談ください。
お安くコーティング作業致します
業務内容
ご覧いただきありがとうございます。
松澤 空太と申します。
”ウェブサイトのデザインは用意はあるけど、HTMLコーディングが出来なくて困っている...”
など、そんなにお金をかけたくないけど、やってくれる人はいなかなどと困っている方に是非お役に立てると思います。
まだ駆け出しのためお客様のご希望に添った金額、相談などが取りやすいと思いますので、是非一度お気軽に相談ください。
【所有スキル】
・HTML
・CSS(SCSS対応可能)
・JavaScript(jQuery)
・PHP
・Wordpress
▪️実績
ポートフォリオになります
・https://sub.howto8.com
・ブログ→https://www.howto8.com
LP制作やWordpressを使用してのホームページ制作実務経験はあります。
▪️私を採用して頂くメリット
・会社勤め10年しているのでビジネスマナーやコミュニケーション能力が
あるのでスムーズな対応が可能です
・1日あたり平均2時間の作業が可能です
・土日は8時間可能です
・1週間以内に納品致します
・平日なら18時〜22時の間は1時間以内、休日なら基本どの時間帯でも1時間以内には返信可能です
・長期的な契約も可能です
・SEO知識を考慮致します
・駆け出し実績作りの為、低価格でお受け致します。
経験は浅いですが最大限ご満足頂けるように努力致します。
また、ご不明な点などがありましたらお気兼ねなくご連絡下さい。
最後までお読み頂きありがとうございました。
ご検討のほど宜しくお願い致します。
HTML/CSSのコーディング承ります。
業務内容
WEBサイトのホームページ、LPのHTML/CSSのコーディング承ります。
レスポンシブやSEOを意識したサイト制作に対応致します。
【下層ページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
Webサイトの下層ページのコーディングを承ります。
※TOPページやLP(ランディングページ)は、各専用メニューからご依頼ください↓
【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439
【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397
このようなお悩みはありませんか?
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」
当方では、これらすべてをクリアしてコーディングいたします。
一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。
その他にも、以下のような作業を心掛けています。
・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング(BEM、FLOCSS)
デザイナーとしての実務経験もございますので、
PC用デザインのみ(スマホ用デザインがない場合)でも、
見た目の整ったコーディングが可能です。
● 作業者について ----------------------------------------------------
制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。
● 対応可能データ ----------------------------------------------------
・PSD、AI、XD、Figmaのいずれか
確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
● 動きのある要素について ---------------------------------------------
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
【オプション料金にて対応可能】
・JavaScriptを使用したアニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
● ブレイクポイント --------------------------------------------------
一箇所が料金内です。(PC・スマホの切り替え)
※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。
● 動作確認ブラウザ --------------------------------------------------
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS バージョン15
Safari
・Android バージョン11
Chrome
※いずれも最新版です。
● 納品形式 ---------------------------------------------------------
・ファイル送付、もしくはご指定のサーバーにアップロード
※特にご指示がなければファイル送付での納品となります。
● 納期について -----------------------------------------------------
標準納期は、「デザインデータ受領から」3営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【先着10名】ランサーズ最安1250円でコーディング
業務内容
【10名様限定のご案内です】
ページ内で使用する画像、文言をすべてご提供いただければ
1,000円でランディングページを制作いたします。
基本的には5日後をめどに納品いたします。
お急ぎの場合はご相談ください。
ページの制作には以下のものが含まれます。
・基本的なhtml、cssのコーディング
・「TOPへ戻る」や「お問い合わせフォームへ」等のページをスクロールさせるボタンの設置
【デザイナー様、制作会社様向け】HTML・CSSコーディングにてLP・HP制作します
業務内容
【デザイナー様、制作会社様向け】
デザインカンプからHTMLコーディング(静的コーディング)でLP・HP制作致します!
・デザインを忠実に制作
・即レス
・レスポンシブ対応可能
・Figma、PSD、Aiデータ対応(XDは対応できなくなりました)
・納品後、1ヶ月間のフォロー期間あり(無料。修正回数は3回まで)
・PC用デザインのみ、SP用デザインのみでも柔軟に対応します
・CSSアニメーション対応可能
≪納品までの流れ≫
①気になる点があり迷っておられるならば、まずはお気軽にご相談ください。
右側の「見積もり・カスタマイズの相談へ進む」からお進みください。
②見積もり・ご相談でご納得いただけましたら、ご購入していただきます。
ご購入前のご相談の際に納品までの流れや進捗報告の件などをしっかり確認いたしますので、どうぞ安心ください。
③ご購入後、お客様よりデザインカンプのデータをいただきます。
受け取り次第、制作を開始いたします。
④初稿提出いたします。
(提出するまでに、気になる点がありましたらお気軽にお問い合わせください。)
⑤修正後のチェック(修正回数は3回まで)
⑥最終チェック
⑦納品にて完了です。
(zipファイルにて納品いたします。)
WEBサイトのコーディング(HTML、CSS)を安価で行います!ます
業務内容
HTML, CSSを用いたWEBサイト作成です。
簡易なものでよければ素材をいただきデザイン作成も対応します。
まずはWEBサイトを作りたい、だけどどうやっていいかわからない方などお気軽にご相談ください。
ご相談は無料でお伺いいたします。
【制作会社様、デザイナー様】デザインカンプから忠実にHP・LPのコーディングをします
業務内容
こんな方におすすめ
「コーディングを代行してほしい…」
「デザインは完成したがコーディングだけお願いしたい」
「デザインを忠実に再現してほしい」
このようなお悩みを解決致します。
コーディング作業を代行し、業務のお手伝いをさせて下さい。
サービス内容
- 静的コーディング(HTML / CSS)
└スマホ・タブレット・PC対応 - LPコーディング
- WordPressによるCMSコーディング
└カスタムフィールド
└カスタム投稿
└お問い合わせフォーム設置 - アニメーション
└ハンバーガーメニュー
└スライダー
└フェードイン
└アコーディオンメニュー
└その他 - 修正作業・軽微な作業
※その他、実装内容はご相談下さい。
※ WordPress化は別途追加費用が発生致します。
業務の進め方
- モバイルファーストのコーディング
- パーフェクトピクセルを使用しコーディング
- 独自で品質チェックシートを作成し、品質チェックを行う
- デザイナー様の意図・想いを汲み忠実に再現します
ご予算について
記載の金額は目安となっております。
作成するページ数や設定によって金額が変動致します。
柔軟に対応致しますのでお気軽にご相談下さい。
【ご契約後の流れ】
-
ご契約前の事前打ち合わせ(オンライン)
-
仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、ご契約とさせていただき、デザインデータ等のご提供をお願いいたします。
-
制作開始
-
初稿提出・修正(2回まで無料対応)
トップページを始めに提出致します。下層ページは都度提出させて頂きます。
-
最終確認
-
納品
迅速・丁寧なコーディング代行!デザイン通りに納品いたします
業務内容
◾サービス内容
・HTML / CSS / jQuery を使ったコーディング
・保守、運用を考慮したCSS設計
・スピーディーかつ思いやりのある報連相
・gulpの環境構築
・gitでのコード管理
◾制作内容詳細
・静的コーディング(1ページ〜)
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの設置(内容に応じて別途お見積り)
・jQueryによるアニメーション実装
・WordPress化:内容に応じて別途お見積り
◾サービス料金について
上記に記載してある金額はあくまでも目安となっております。
作成するページ数や案件内容に応じて金額は変動いたします。
ご予算に応じて調整できますので、お気軽にご相談ください!
◾納品までの流れ
「見積り・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションが有る場合ご案内いたします。
↓
お見積り・サービス内容に問題がなければ、ご発注ください。
その際にサイトのデザインデータ(XD、Figma、Photoshop、Illustrator)をお送りください。
また、デザインデータから書き出すことのできない素材(画像など)に関しても、お送りいただけますようお願いいたします。
↓
最終的な納品日を再度お伝えし、サイト構築を開始いたします。
↓
コーディング完了後、ご確認いただき3回までは無料修正対応いたします。
最終チェックが完了後、データ納品となります。
◾経歴
名古屋大学工学部にて機械系システムのプログラミングを学習。(現在学部4年生)
プログラミングスクール「デイトラ(Web制作コース)」を卒業。
現在のWebサイト制作会社にて、長期インターン生として実務経験を豊富に積んでおります。
「丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗報告、納期厳守」を
常に意識し、クライアント様を不安にさせません。
ご不明点がありましたら、お気軽にご連絡ください。
【経験を積むため低価格でご提供!】デザインデータから正確・丁寧にコーディング致します
業務内容
ご覧いただきありがとうございます(^^)
WEB制作でお仕事している、ぽなぞうと申します。
\《1Pあたり4000円以下!》実績を積むため、破格のお値段で迅速・丁寧なコーディングを致します/
今なら無料オプション付き!
【おすすめの方】
- デザインはあるがコーディングができない
- とにかく忙しくてコーディングを任せたい
- できるだけ安く仕上げたい
ご希望に対して真摯に対応いたします!
【サービス内容】
- デザインデータからHTML・CSSを使用したコーディング
【無料オプション】
- レスポンシブ対応(スマホ・タブレットに対応)
- 基本のSEO対策(HTMLタグ)
【有料オプション】
- 早期納品希望
- CSSアニメーション追加
- サーバーアップ
【スキル】
- HTML
- CSS(CSSアニメーション)
- Javascript(jQuery)
- Sass
- GIT
- CSS設計(BEM,FROCSS)
- WordPress
【納品までの流れ】
-
出品者へDM(ダイレクトメッセージ)を送信
「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
納品希望日と相談内容の業種を入力していただきます。 -
出品者から相談者様へ返信
送っていただいた内容について質問や回答を行います。 -
注文・仮払い
納得いただいた場合に注文をお願いします。 -
製作開始
-
納品物の確認と修正
お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。 -
最終納品
【納品】
- html・css・jsファイルをzipでまとめて納品いたします
- サーバーへのアップロードをご希望の方は、オプションをご選択下さい。
【ポートフォリオサイト】
URLをコピペしてご確認ください。
個人ポートフォリオです。現在可能な制作物と、職歴についてご確認頂けます
業務内容
HTML、CSSを中心としたコーディング業務をさせて頂きます。
簡易な物であればjQuery実装も可能です。
更新作業がとても行いやすいコーディングをします
業務内容
業務内容
★サービス内容★
デザインカンプからの、HTML/CSS,jQuery コーディングを行います。レスポンシブ対応込み。スタンダードプランより、アニメーションの実装も含みます。ご希望時は、サーバーへのアップロードのお手伝いも可能です。
★このサービスがおすすめの方★
・フリーランスWEBデザイナー様
・WEB制作会社様
・ビジネスパートナーを探されている方
・ポートフォリオサイトを作りたい方
安心・確実なスキルで、あなた様の右腕になります。
長期でのご依頼はもちろん、単発でのご依頼もお受けさせて頂きます。
★料金について★
・初回のご依頼は1Pのみ全て、「1万円」にてご対応させて頂きます。
・2回目以降、トップページ2万円〜
・2回目以降、下層ページ1万5千円〜
★お仕事の流れ★
①契約前に、事前打ち合わせを行います。(*希望時)
→契約をする前に、お客さまに安心してお仕事をお任せ頂けるよう、無料でビデオチャットを用いての打ち合わせが可能です。お気軽にご相談下さい。
②ご契約
③お仕事開始
→お客様が不安にならないように、ご希望時は進捗状況を都度ご報告させて頂きます。
④一次納品
⑤ご確認/修正対応
→こちらでも綿密な表示確認を行いますが、修正点がございましたら即対応致します。
⑥最終納品
→納品形式は、お客様のご希望に沿った形を取らせて頂きます。ご希望がなければ、zipファイルとして圧縮しデータ一式を提出致します。
★おすすめポイント★
・即返信/即対応
→「驚くほど早い」をモットーにしております。お客さまが安心して依頼できるよう、可能な限り即返信/即対応を致します。
・お試し価格あり
→お客さまが、私を見定めることができるよう格安でコーディングをさせて頂くお試しプラン(ベーシックプラン)をご用意しております。ぜひご活用下さい。
★メッセージ★
最後までご覧頂き、本当にありがとうございます。
お客様と共に歩み、お互いに成長し合える良きパートナーとなれる日が来ることを
切に願っております。
どうぞ、よろしくお願い致します。
今
元Web制作会社専属コーダーがWebサイトのコーディング代行します
業務内容
当パッケージをご覧いただきありがとうございます。
ランサーズ認定ランサーの縞野拓也と申します。
HP制作やLP制作を中心に、売上アップ・イメージアップ・ブランディング強化のサポートを行っております。
★ 2022 ランサーランキング パッケージ売上部門 TOP 100
★ 2022 ランサーランキング クライアント訪問数部門 TOP 100
★ Web制作件数200件以上突破
こんなお悩みはありませんか?
・デザインはあるから、コーディングを依頼したい
・安いのは嬉しいけど、デザインが再現できなそうで不安
・安心して任せられるコーダーに依頼したい
・納期を守りやりとりも円滑なコーダーでないと不安
上記のような悩みが1つでもある方は、ぜひご相談ください。
コーディングのみに限らず、普段からサイト設計やデザインも行なっているWeb制作者が綺麗なコードでデザインを忠実に再現します。
Web制作会社の継続的な下請けコーディング業務や自社コーダーのいないデザイン特化のWeb制作会社の専属コーダーなども経験しております。
当パッケージをご利用するメリット
・Web制作件数200件以上のプロがコーディング
・元Web制作会社専属コーダーがコーディング
・Figma / XD / Photoshop / Illustratorなど幅広いデザインツールに対応
・更新機能やその他必要な機能もカスタマイズ可能
・納品後もご希望に応じてサポート対応可能
・継続的にご依頼いただくデザイナー様やディレクター様など応相談可能
ご依頼・制作の流れ
①「まずは相談する(無料)」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正:コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品:データでの納品・サーバーへのアップなど対応させていただきます。
※デザインの内容や量によって費用の追加をお願いする可能性がございます。
WEBサイトのhtml/css/javascriptコーディング承ります
業務内容
いらっしゃいませ!ご覧頂きありがとうございます!
長野県佐久市でフリーランスでコーダーをしております。
HP、LP制作、javasript/Jqueryでの実装など承ります。
-
デザインカンプからコーディング致します。
-
zeplin使えます
急ぎで納品してほしい、短納期、低予算、コーダーが足りないなど、かゆいところに手が届くサービスを!
例:LP=3000px程度でページ遷移なしの場合、納品まで2日程度。
【低価格・高品質】静的HTMLコーディング(スマホ・レスポンシブ対応)作業を承ります
業務内容
■サービス出品経緯
【Webサイト制作を依頼したいが、時間と費用がかかる!とお困りではありませんか?】
スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍~2倍程度かかってしまいます。
そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。
■サービス概要
当サービスは、【PCデザインからコーディング(スマホ・レスポンシブ対応)を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。
■サービス購入のメリット
【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】
少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。
スピード対応!ご希望日までにコーディングして納品いたします
業務内容
下記のようなお悩みがある場合はお手伝いさせてください
・ デザインはできるているが、コーディングができない
・ コーディングする時間がない
・ 一時的なプロジェクトのための人員確保が必要
・ プロジェクトが多くて対応が追いつかない
・ 急遽人員が必要になった
■サービス内容
・ 静的サイトのコーディング
・ WordPressのコーディング
■料金表の目安
・ 下層ページ :12,000円 / 1ページ
・ トップページ :29,800円 / 10,000pxまで
・ LP :98,400円
■納期目安(着手日起算)
・ 下層ページ :1日
・トップページ :2日
・LP :7日
■納期方法
下記よりお選びください
・ファイルの提出(本番用ファイル)
・サーバーへのアップロード
■ご購入から納品までの流れ
1.【まずは相談をする(無料)】ボタンからご相談ください
- こちらからご連絡いたします
- ご購入ください
- 必要素材をご提供ください
- コーディングを開始します
- 検証サーバにアップロードします
- お客様にてご確認いただきます
- 必要があれば修正を行い6~8を繰り返します
- 納品いたします
[HTML CSS Javascript]コーディング業務の人手不足を解決します
業務内容
貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。
■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後1週間の修正対応
■オプションサービス
・Wordpress化:15,000円
・お問い合わせフォーム:10,000円
・JavaScriptコーディング 1パーツ:5,000円
【コーディング代行も全ておまかせも!】本格的なランディングページの制作を行います
業務内容
▼こんな方へオススメ
- 初めてのホームページ作成なので、不安な部分を相談しながら制作を進めたい
- なるべく素早く納品して欲しい
- 自分の提案だけでなく、専門知識を生かした提案も聞きたい
- 確実にデザインが反映されたホームページが欲しい
- 制作後も管理できるモダンでシンプルなコーディングが望ましい
▼ご提供内容
- デザイン、コーディング、SEO対策、サーバーへのアップロードといったLP制作の流れを上流から下流までサポートします
- アニメーションやレスポンシブは標準料金内で実装いたします
- tailwind.css/dart-sass等を利用した保守性の高いCSS設計ができます
- テストサーバーなどを設置し、満足いくまでブラッシュアップしていきます
- 丁寧なヒアリングを心がけ課題選定や要件定義を行います
▼制作までの流れ
- webミーティングでヒアリングを行います
- ヒアリング内容をもとにワイヤーフレーム作成 (デザインを希望の場合)
- ワイヤーフレームからデザインを作成 (デザインを希望の場合)
- 実装開始
- テスト環境にて検証
- 修正内容確認後に検収
- ご要望の形態に合わせて納品 (ご希望があれば運用保守まで対応いたします)
ご相談、お見積もりに関しては無料で行っておりますので、まずはお気軽にご相談ください。
何卒よろしくお願いいたします。
コーディングはお任せください!あなたのデザイン再現します
業務内容
当サービスをご覧頂きありがとうございます。
フリーランスでWebデザイン、コーダーをしております しのえり と申します。
気持ちの良い丁寧なお取引を心がけております。
ぜひ最後までご一読いただき、ご検討ください。
■サービス内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ(タブレット・スマホ)対応 (プランによります)
・jQuery(スライダー、ハンバーガーメニューなど プランによります)
・基本のSEO対策(metaタグなど)
■制作の流れ
①ヒアリング・お見積り(まずはご相談下さい)
②お客様からデザインカンプのご提供
③コーディング&テスト(Google Chrome環境でPC表示、スマホ表示で問題ないか確認いたします)
④ご確認・修正
⑤納品(zipファイル納品)
■こんな人にオススメ
・コーディングは丸投げしたい
・デザイン通りにコーディングして欲しい
・長期的に依頼できるコーダーを探している
・メンテナンスしやすいきれいなコードでコーディングして欲しい(BEM記法)
■納期
1ページあたり、最短5日/最長10日営業日(除:土日祝)にて制作いたします。
内容にもよりますので、まずはご相談ください。
目安としては、
・トップページ(4~5日程度)
・下層ページ(1~2日程度)
・LP(7~9日程度)
くらいで対応させていただきます。
■その他 —- ご購入前にお読みください
・納品は原則、HTMLファイル・CSSファイルを纏めたZIPファイルでのお渡しとなります。
・納品物は私の実績としてポートフォリオに掲載させていただきます。
・購入後のお客様都合のキャンセルは原則承っておりません。購入前に事前に見積もり依頼、またはダイレクトメッセージにてご依頼されたい内容をお知らせください。
折返しメッセージにてお見積りをお伝えいたします。
お客様にご満足いただけるよう迅速、丁寧に対応いたします。
お気軽にご相談くださいませ。
◆ お客様でご用意頂くもの ◆
①デザインカンプ(Photoshop、Figma推奨)
②素材(使用したい写真やロゴなど全て)
・画像・テキスト
・デザインは、Photoshop、Figmaのデータが好ましいです。
JPEG、PDFでのデザインでも可能ですが納期が遅くなる可能性がございます。
→JPEG、PDFなどの場合には納期短縮のため、使用されている色のカラーコードを全てお教えください。
・IllustratorのAiデータは、PhotoshopのPSD形式に変換をお願いします。
◆ 対応不可なこと ◆
・フォーム送信などの通信を伴う機能の実装
(入力フォームのページは作成可能です)
・WordPress化
【レスポンシブ】LP・ホームページ・サイトコーディングいたします
業務内容
ディレクターとしての実績もございますため、
クライアント様のご要望を汲み取ったデザインを起こすことに力を入れております。
「デザインはPCのみだけれど、スマホにも対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」
このような場合でも対応いたします!
もしお見積もり金額が予算を超える場合はお気軽にご相談ください。
【制作実績】
https://y-and.net/
https://y-and.net/works/
【対応可能データ】
・Adobe Photoshop
・Adobe XD
※↓相談必須、場合により対応可能↓
・Adobe Illustrator
・Figma
【プランに含まれるもの】(オプションで選択のもの有)
・HTML/CSS(Sass)/JSを使用し静的にて構築(scssファイルは納品いたしません。)
・レスポンシブ対応
・ハンバーガーメニュー
・スライダ(1ヶ所まで)
・アコーディオン
・トップへ戻るボタン
・スマホデザインがない場合、コーディングベースにて柔軟に作成
・ファビコン作成
★WordPress構築
★ライトボックス
★出現アニメーション
★その他アニメーション
★スクリプトやPHPを使用したシュミレーション・フォーム ※※
(★は別途費用となる場合がございます。ご相談ください。)
※※シュミレーション機能について
計算式や、スロットのような動き、問題形式など様々なものに対応可能です。
金額感は変動がありますので、事前にご相談ください。
【プランに含まれないもの】
・サイト公開対応(可能な場合もありますのでご相談ください)
・サイト引っ越し
・ドメイン設定
・データベース作成
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行(埋め込みは可能)
【納品までの流れ】
①ヒアリング(ご相談・スケジュール確認)
②発注
③素材、ある場合デザインデータご入稿
④制作開始
⑤確認・修正対応
⑥納品
【対応できる時間帯】
フリーランスのためスケジュール、リソースに空きがあれば基本柔軟に対応可能です。原則期日は2週間前でお願いいたします。ただし、継続契約の場合別途相談ください。
また、私と契約のあるパートナーへ委託する場合ございますので、NGの際は事前にご連絡いただけますと幸いです。
【修正について】
基本こちらの不備である場合は対応いたしますが、
依頼の際より大幅なデザイン変更や仕様変更など、此方に不備が場合は別途相談させていただきます。
【その他】
・納品後の修正は別途相談させていただくことがあります。
・正当な品質不足以外の途中キャンセルの場合、対応分はお支払いいただきます。
・フリー素材の契約はなく、ほとんど所持しておりません。素材はご提供ください。
(レスポンシブ対応)デザイン通りにHP・LPのコーディングします
業務内容
コーダー探しで悩んでいませんか?
「デザインはあるけどコーディングはどうしようかな」
「誰かコーディングしてくれる人いないかな」
このようなお悩み、全部解決します!
◆サービス内容
基本料金に含まれるサービスです。
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・jQueryを用いた動的機能の実装
◆納期
基本的には7日~14日を目安にお考えください。
簡単なものでしたら、デザインデータお預かりから7日以内での納品も可能です!まずはご相談ください!
◆お見積もり時ご用意いただくもの
・デザインデータ(XD、Figma、Photoshop、Illustratorなど)
◆納品方法
zipファイル形式(サーバーアップロードも可)
◆ご購入前後の流れ
1、見積もり相談、ご購入
↓
2、デザインデータのお預かり
↓
3、コーディング
↓
4、テストサーバーにアップ
↓
5、ご確認・修正
↓
6、納品(zipファイル形式やサーバーへアップロード)
サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください!
◇制作会社様/デザイナー様向け◇LPコーディング代行いたします
業務内容
ご覧いただき、誠にありがとうございます。
制作会社様や、デザイナー様向け。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
HTML、CSSを用いたコーディング。作りたいサイトをコーディングします
業務内容
お金をかけずにコーディングしたい方にオススメ!
実績を作りたいです!
ご提供内容は、
作りたいイメージするサイトと、
使いたい画像を準備していただくだけです!
これをコーディングさせていただきます!!
料金は、最安の10.000円です。
まずは実績を作りたいので価格にこだわりはありません!
納期は、
作りたいサイトによって異なるので、
その都度相談させていただきたいです。
大手案件実績のあるエンジニアがあなたのデザインを形にします
業務内容
閲覧ありがとうございます。
webエンジニア兼ザイナーのmikamura006です。
▼サービス内容
・WEBサイトのコーディングを行います
・レスポンシブ(スマホ用のデザイン)対応可能です。
・アニメーションの実装にも対応可能です。
コーダーとして大手企業様の案件への納品実績がございます
デザイン制作に関するお悩みにもご対応いたします。
▼注意事項
・デザインデータはFigma または XDでの共有をお願いいたします
HTML/CSSのピクセルパーフェクトでのコーディング作業を代行いたします
業務内容
ご覧いただき、ありがとうございます。
suunni代表、石山(いしやま)と申します。
HTML/CSSの作成を依頼した時に、このようなことはありませんでしたか?
◆ HTMLの構造がグチャグチャ・・・
◆ CSSも読みづらい・・・
◆ CSSクラス名の付け方に一貫性が無い・・・
◆ コメントも無いので読み解くのに一苦労・・・
そのようなお悩みをお持ちでしたら、
HTML/CSSのコーディングでお手伝いできるかもしれません。
◆ 読みやすいコーディングを心掛けております
◆ CSSにはコメントを細かく付けております
◆ 必要でしたら、デザインカンプにクラス名のコメントをつけることも可能です
エンジニアの経験を活かし、
「読みやすいソースコード」を作成することをお約束いたします。
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
業務内容
貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。
■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後1週間の修正対応
■オプションサービス
・Wordpress化:30,000円
・お問い合わせフォーム:20,000円
・スライダー:15,000円
・フェードイン:10,000円
・アコーディオン:5,000円
【制作会社様・デザイナー様向け】HP・LPのHTML/CSSコーディング代行します
業務内容
水谷 潤と申します。
この度は数あるパッケージの中からご覧いただき、誠にありがとうございます。
大阪府大阪市在住で、普段よりクラウドソーシングなどでコーディングやWordPress関連のお仕事いただいております。
●作業内容
・HP、LPなどのコーディング業務代行
・WordPressを使った既存テーマHP制作
・WordPressを使ったオリジナルテーマHP制作
●制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
●ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
●最後に
もしお仕事いただけた暁には、もちろんのことですが、誠意をもってお仕事させていただきます。
納期の厳守はもちろんのこと、「レスポンスの速さ」や「こまめな確認」はweb制作でお仕事をいただき始めてから常に意識していることでございます。
クライアント様には、コミュニケーションでのストレスを無くす最大限の努力をさせていただいておりますので是非ご依頼の際はお気軽にご相談くださいませ。
【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を使いコーディング代行を行いお客様のご要望にあった業務を提供します
業務内容
初めまして、豊田優人と申します!
プロフィールをご覧頂きありがとうございます。
最後まで見て頂ければ幸いです。
□自己紹介
年齢20歳の学生で、コーディング代行やWeb制作を行っています。
どちらも”丁寧で見やすい、分かりやすい”をモットーに業務に取り組んでいます。
□業務可能な業務
・コーディング代行(html,css)
・Web制作
□過去の実績
Sampleサイトを作成しました。
※詳細は、ポートフォリオをご査収ください。
□案件に対しての実働時間
(目安)
html/cssコーディング(5ページ)の場合:案件受注から2週間で納品いたします
(返信可能時間)
平日:8時30分~18時00分
休日:8時30分~19時30分
上記時間帯であれば直ぐ返信が可能です。
気軽に連絡頂けると幸いです。
□最後に
ランサーズ登録開始直後で実績を積みたいため”ローコスト”での制作に対応させて頂きます。
土日祝日の作業も可能で、コスト、デザインの相談、対応速度など誠心誠意の対応を心がけております。
引き受けたお仕事は”納期厳守”で責任を持ち取り組むことがモットーです。
是非、よろしくお願い致します。
デザインカンプを忠実に再現!長期メンテナンスに優れたコーディングいたします
業務内容
★【安定した受注と売り上げ】作りのお手伝いをいたします!
★【リピートや紹介の継続受注】獲得のお手伝いをいたします!
★【重要な仕事に集中できる環境】作りのお手伝いをいたします!
■こんな経験ございませんか?
・コーディングを外注したが頓挫してしまった。
・コーディングを外注したが品質が低かった。
・上記などが原因で、ご自身で業務のカバーに入らざるを得なくなった。
・その上、更なる外注コストや時間コストの圧迫で利益がマイナス計上に至った。
そんなお悩みに対し、品質面と信頼面で安心してお任せいただける【コーディングスキル】を提供させていただきます!
たとえば...
①『Sass』、『Gulp』の採用により効率的なコーディングが可能です。コーディングで短縮した時間をより多くの案件に使える為、【安定した受注と売り上げ】作りへとつながります。
②『CSS設計』の採用によりWebサイトの長期的なメンテナンスが可能です。長期的なメンテナンスフォローによってお客様との信頼を構築し、【リピートや紹介の継続受注】獲得へとつながります。
③実際のデモサイトを見ていただく事で日々の進捗状況をご報告いたします。具体的な進捗をご確認いただき、安心して【重要な仕事に集中】していただけます。
■商品詳細
・デザインデータからのHTML・CSS静的コーディング
(XD / Photoshop / Illustrator など)
・BEM、FLOCSSによるCSS設計コーディング
・レスポンシブ表示
(※ブレイクポイント1ヶ所まで無料)
・jQueryによるアニメーション機能実装
(アコーディオン / ハンバーガーメニュー / スクロールアニメーション / スライダー など)
■価格目安
└下層ページ 7,500円 / 1ページ
└トップページ 10,000円 / 1ページ
└レスポンシブ表示追加 2,500円 / ブレイクポイント1ヶ所
└jQueryアニメーション機能実装 2,500円 / 1機能
■納期目安
└最短約3日~ / 1ページ
★ご相談・お見積りだけでも大歓迎でございます!
ご遠慮なくお気軽にご連絡いただければ大変うれしいです!
【制作会社様、デザイナー様へ】サイト、LPのコーディング承ります
業務内容
ご覧いただきありがとうございます。
「デザインは作成済み、コーディングだけを頼みたい」制作会社様・Webデザイナーの方、
「デザインやイメージは決まっているけれど誰にお願いしたらいいかわからない」とお悩みの方
ぜひお気軽にご相談ください^^
▼サービス内容
・頂いたデザインを元にHTML&CSSコーディング(1ページ~複数ページ対応可能です。)
・レスポンシブ対応(スマホ・タブレット表示対応)
・JavaScript / jQuery(スライダー、ポップアップ、スクロールアニメーション等)
・お問い合わせフォーム作成
・WordPress化
▼料金に含まれるもの
・画像圧縮による速度最適化
・誤字脱字、表示くずれ等による修正(無制限)
▼料金例
・LPコーディング ¥10000~(レスポンシブ対応込み)
・お問い合わせフォーム実装 ¥20000円(静的サイト)
¥5000(WordPress)
▼制作の流れ
①ヒアリング・お見積り
※ページのボリューム、実装内容により料金が異なりますため、デザインデータの提示をお願い致します。
頂いたデザインを元に、お見積り・納品までの概算日数をお伝えします。
②1回目の提出
内容により異なりますが最短約2~3日でご提出いたします。
③修正版の提出
修正回数に制限は御座いません!★
④納品
通常はzipファイルでの納品となります。
サーバーにアップの対応も可能ですので、そちらをご希望の場合はお見積りの際にご相談ください^^
ご確認頂きました後、納品のお手続きをさせて頂きます。
納品完了後は、ご評価をして頂けますと嬉しく思います^^
◆納期
1ページあたり2・3日程で、納品いたします。
※ページの長さ、アニメーション有無等で納期は前後いたします事あらかじめご了承ください。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。