人気ランキング 期間:5月12日 〜 5月19日
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
【WordPress構築まで対応!】貴社のコーディングを代行いたします
業務内容
【 先着3名様まで!通常価格より30%引きでお受けいたします! 】
数あるサービスの中からこちらをご覧いただき、誠にありがとうございます!
◆ただいま【 無料相談 】を実施中です!
- 制作リソースが足りずに困っている。。
- 一緒に制作をしてくれるパートナーがほしい。。
- 最後までやりきってくれるか不安。。
- コミュニケーションが取れずに困っている。。
制作会社様、フリーランスのディレクター様、デザイナー様など、
このようなお悩みを抱える方々からのご依頼を承ってまいりました。
前の制作者と連絡がつかなくなってしまった案件をフォローしたり、
炎上してしまった案件の解決に参画させていただいたりと、
数多くのお困りごとに取り組み、解決してまいりました。
お困り事がございましたら、まずはお話をお聞かせください。
解決策を一緒に考えさせていただきます。
■提供可能なこと
- デザインを忠実に再現し、保守・運用がしやすいコーディング
- ユーザー目線に立った積極的なご提案
- クライアント様の運用を考えたWordpressの構築
- 管理シートを用いての案件管理・スケジュールや確認事項の共有
■制作内容の詳細
・静的コーディング(1ページ〜)
・各種アニメーションや機能の実装
・お問い合わせフォームの設置と実装(HTML、WordPressのどちらでも可)
・WordPress化
※WordPressの導入については、別途追加費用が発生いたします。
※アニメーションや機能の実装については、ボリュームによって別途追加費用が発生する場合がございます。
■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
■購入の流れ
1.無料相談
ご依頼の内容についてお伺いいたします。
2.ご提案
内容を整理し、実装方法や具体的なお見積もり、納期についてご提案いたします。
ご準備いただくもの(デザインデータや素材など)についても確認させていただきます。
3.ご契約
内容を互いに確認したのちに、契約をさせていただきます。
4.作業開始
実際に作業を開始いたします。
定期的に進捗をご報告しつつ、ご不明点はその都度確認させていただきながら進めてまいります。
5.初稿提出〜修正対応
コーディング完了後ご確認をいただき、修正点があれば対応してまいります。
6.納品
最終チェックを完了したのち、データ納品となります。
納品後の管理・運用については、ご希望に合わせてレクチャーなどを行うことも可能です。
■私について
9年間高校の教師として勤めたのち、独学でWeb制作のスキルを習得いたしました。
現在は複数の制作会社様のWeb制作専門外部パートナーとして活動しており、
【 WordPressサイトやLP 】を、
【 デザインからコーディングまで一貫した体制 】で制作しております。
1500名以上の生徒や、保護者や地域の方々との関わりの中で培ってきた「信頼関係を構築するプロ」としての経験がございます。
- 丁寧なヒアリングと用件のすり合わせ
- 積極的なご提案
- 不安を与えないコミュニケーション
これらをWeb事業にも活かし、ディレクター様やデザイナー様から高評価をいただいております。
ここまでお読みいただきましてありがとうございました!
ご不明な点がございましたら、いつでもお気軽にメッセージをいただければ幸いです。
ご連絡をお待ちしております!!
webサイトやwebシステムの構築から運用まで幅広く対応します。ます
業務内容
何処に依頼すれば良いかと迷われたら、是非一度ご相談下さい。
しっかりと対応していきます。
よろしくお願いします。
Web申し込みフォームとZoho CRMを連携しデータが反映されるようにします
業務内容
■ 概要
Web申し込みフォームから送信されるデータを自動でZoho CRMに連携し、効率的な顧客管理を実現します!
■ こんな方におすすめ
・Zoho CRMを導入したけど、申し込みデータのCRM手動登録が手間になっている
・どの経路から登録された見込み客かをCRMから確認できるようにしたい
・Zoho CRMの導入に合わせて、新規フォームやLPを作成したい
■ 自己紹介
元エンジニア(4年)の現マーケター(7年)で、効率的なシステム設計だけでなく、集客目線での最適化も可能です。Web周りの知識が0でも安心いただけるよう、丁寧な説明を心がけています。
【自己紹介スライド】
https://docs.google.com/presentation/d/1wGt4RPbWEnXT65pcJTrpASkhot3c2wjiPmx8Wp8o9p4/edit#slide=id.p1
■ 備考
・Wordpressフォームへの実装も可能です。
・新規のWebフォームやLPを作成することも可能です。
・Zoho CRMの導入~運用コンサルティングも可能です。
・Webの経路情報として各種パラメータ(utm)を連携することも可能です。
■ 契約~対応までの流れ
1.事前のヒヤリング・ミーティング
2.見積提示
3.契約
4.要件整理
5.開発
6.納品
まずはお気軽にご相談ください!
貴方のデザインを元に質の高いコーディングを再現いたします
業務内容
▼こんな方にオススメ
・多忙でコーディングまで手が回らない方
・デザインに集中されたい方
・お店のホームページを出したい方
▼ご提供内容
・ご用意頂いたデザインデータからコーディングを行います。
・ご希望により、WordPressオリジナルテーマで実装いたします。
▼制作可能なジャンル
・HP
・ライティングサイト
・figmaによるデザイン
・WordPressオリジナルテーマ制作
▼料金プランやオプション
・デザインからのWebサイト制作
料金
・デザインのみ(バナー)5,000円〜
・ライティングページ 30,000円〜
・ 下層ページ 10,000円〜
・ WordPress化 10,000円〜
・Webサイト制作
ご用意頂いたデザインカンプからWebサイトコーディングを行います。
ご要望により、デザインからコーディング、WordPress化まで実装可能です。
レスポンシブにも対応いたします。
まずは些細なことでも、お気軽にご相談ください。
料金
・コーポレートサイト 20,000円〜
・ライティングページ 20,000円〜
・ トップページ 10,000円〜
・ 下層ページ 5,000円〜
HTML/CSSでLPやホームページなどのコーディングを行います
業務内容
■こんな方におすすめ
- デザインは作成できるが、コーディングができない方
- 急いでLP/HPを完成させたい方
- デザインから相談してページを作成したい方
■納品物
- HTML/CSSで作成したページのソースコード
■進め方
①デザインがあるかないかの確認
①-1 デザインがある場合はデザインを受領し、コーディング着手
①-2 コーディング完了後、納品物をお渡し
②-1 デザインが定まっていない場合は打ち合わせを設定し、デザインを作成
②-2 デザイン作成完了後、確認
②-3 デザインが確定後、コーディング着手
②-4 コーディング完了後、納品物をお渡し
■納期
画面数・デザインの難易度によりますが
最短2日でご提供します。
【ホームページ・ランディングページ】コーディング案件承ります
業務内容
デザインデータから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デザイナー様
・ディレクションやデザインに集中したい方
サービス運営者様、会社経営者様、個人などでも可能ですので
まずはお気軽にご相談ください。
◆ 製作の流れ
①ご相談・ヒアリング
②契約
ご相談の上、ご検討していただきお申し込みいただけたらと思います。
③制作開始
④ご確認・修正
⑤納品
LPコーディング代行します!【SEO・プログラミング・アニメーション】ます
業務内容
現在Web・デザイン制作会社に勤務しながらフリーランスとして
活動している「なんり」と申します。
Web関連の業務経験はトータルで8年ほどになります。(2022年現在)
ランサーズでの活動はまだ間もないため、実績を積むまでの期間は
特別価格でご提供します!
こちらはLPコーディング専用のスキルパッケージになります。
基本的にSEOを意識してコーディングします。
また、納期の中でできるだけ早めの納品を心がけます。
ご希望に応じて、SEO対策、デザインからプログラミングまでオプション追加対応可能ですので
お気軽にお声掛けいただけたらと思います。
HP(ホームページ)やLP(ランディングページ)のコーディング承ります
業務内容
本サービスをご覧いただきありがとうございます。
本パッケージはWebサイトのコーディング、WordPress制作・カスタマイズのサービスとなっております。
▼こんな方におすすめ
①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手
このような方はぜひお任せください!
サービス運営者様、会社経営者様、個人様など幅広く対応しておりますので、まずはお気軽にご相談ください。
■サービス内容
【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・テストアップ後の修正作業 …etc
■納品までの流れ
①チャットやビデオ通話によるヒアリング(ご相談・スケジュール確認)
↓
②お見積もり提出
↓
③ご依頼(ご購入)
↓
④デザインデータのご入稿
↓
⑤制作開始
↓
⑥テストアップ
↓
⑦ご確認・修正対応
↓
⑧データ納品
■納期
デザインやページ数によって変動いたします。
正式な納品日は、デザインデータの確認後にお伝えします。
▶︎目安 LP=4日〜6日
HP=トップページ:4日
下層ページ. :1日〜2日
ご購入いただくにあたってのお願い
■ご用意いただきたいもの
・デザインデータ(XD、figma)(※1)
・画像素材 / 動画 / 文章(※2)
※1)レスポンシブ対応をご希望の場合は、事前にお伝えください。
※2)デザインデータから書き出せない画像・動画・文章などございましたら、事前にご用意ください。
【先着3名様限定!!】HTML&CSSコーディング代行いたします
業務内容
ランサーズを始めたばかりのため実績作りとして【先着3名様限定】特別価格でご提供いたします。
制作させていただいたwebサイトは実績としてポートフォリオに掲載させていただく場合がございます。
▼こんな方におすすめ
「忙しいのでコーディングだけやってほしい!」
「デザインは出来るけど、コーディングが出来ない!」
「シンプルなトップページだけほしい」
「文章や画像の差し替えだけやってほしい」
など
デザインカンプを元に忠実に再現いたします。
レスポンシブ対応無料!(PC、タブレット、スマホ)
その他、修正、画像、テキスト差し替えなど細かなお困り事にご対応いたします!
お気軽にご相談ください。
▼スキル
[言語]
HTML / CSS(SCSS) / Javascript
[フレームワーク等]
jQuery / Bootstrap
[使用ツール]
Figma / Adobe XD / Photoshop / Illustrator
▼得意業務
・LPの作成
・コーポレートサイトの作成
・既存サイトの修正
・画像・テキスト差し替えなど
その他、細かなお困り事に対応いたします!
▼稼働時間
平日: 21時~0時 土日祝: 終日対応(週20〜40h)
稼働時間内であれば、メッセージを頂いて2時間以内には返信いたします。
ただし、お急ぎの場合は稼働時間を越えて柔軟に対応しますので、
そのときはご相談ください。
▼制作の流れ
1.まずは無料相談でご希望をお聞かせください。
2.見積り、納品日を提示。問題がなければ発注&仮払いをお願いいたします。
3.デザインデータ、画像等の必要なものを全て送付ください。
4.コーディング開始
5.ご確認・修正(初回に頂いたデザインに対しては修正は無制限で対応いたします。大幅なデザイン変更などは別途料金が発生します。)
6.最終確認・納品(zipファイルにて納品させていただきます。)
見積もは無料ですので、お気軽にご相談ください。
どうぞよろしくお願いいたします!
【高品質】レスポンシブ対応で丁寧にコーディング代行いたします
業務内容
ご覧いただきまして、ありがとうございます。
当サービスはデザインデータからWebサイトのコーディングを承っております。
■このようなお悩みのある方におすすめ
①コーダーの手がたりない
②信頼できるコーダーと仕事をしたい
③デザインはできるけど、コーディングは苦手
■サービス内容
【料金に含まれているもの】
・HTML / CSS コーディング
・CSSアニメーション
・jQuery
・javascipt
・WordPress
・レスポンシブ対応
・お問い合わせフォーム実装
・タグ最適化
・gulpによる画像圧縮(表示高速化)
・テストアップ後の修正作業
■実績
Webコーダー歴は、1年。
個人で頂いた案件数は、5件以上。
現在は、Web制作会社と業務委託契約を結び、案件を頂いております。
■クライアントの声
ご契約いただいたクライアントの方からは、
・予定していた納期よりも早かったのでとても助かった。
・素早い連絡で、スムーズに案件を進められた。
・こちらの要望に柔軟に対応してくれた。
こちらのお声を多数いただいております。
■無料アニメーション一覧
・簡単なスクロールアニメーション
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
■納期ーデザイン、ボリューム、稼働状況により変動いたします。
・トップページ:3~4日
・下層ページ:2日~
※デザインデータ受け取り翌日からの日数です。
ご満足いただけるよう、責任をもって対応させていただきます!
ご不明な点があれば、お気軽にご連絡ください。
html5やcss3を使って、ホームページを作成します
業務内容
会社、店、病院などの、
宣伝として、知名度アップ、サイト訪問者数アップを目指します
納品物
貴殿のサーバーにアップします
素材など(画像、文章など)を準備していただき、それを使って作っていきます
今までたくさんのサイトを作ってきました
HTML CSS JavaScriptを使用したwebサイトを制作するであります
業務内容
・Next.js (Rreact) を使用したwebサイト制作。
・HTML CSS JavaScriptを使用したwebサイト制作。
プロのエンジニアがLP・ホームページ・ワードプレスの独自テーマのコーディング承ります
業務内容
こういった悩みをお持ちではありませんか?
・きちんとしたクオリティで納品されるか不安
・納期内に納品されるか不安
・技術がよくわからないので、きちんとしたサイトを作ってくれているか不安
・知識が無い為、どういう流れで発注したらいいかわからなくて不安
こんにちは、関東で活動するフリーランスのフロントエンジニアの武田です。
もしこういった不安がある方は15年以上のプログラミング歴があるプロのフロントエンジニアが、高いクオリティでコーディングをおこないますので、安心してお任せいただけます!
普段はWebサイトのコーディングの他に
・ITスクールの経営
・HP制作の個別講義
・企業様へのサイト運営コンサルティング
などをやらせていただいておりますので、経験や知識量にも自信があります。
それから以下のような媒体で発信もしておりますので、
どんな人物なのか?どんなスキルを持っているのか?
を知りたい方は参照ください。
Youtube
https://www.youtube.com/channel/UCVCL3vTcA9NcxmMWhz8bS7Q
Twitter
https://twitter.com/pianojazz2012
コーディングを発注いただく際には
・レスポンシブ対応(スマホ・タブレットなど可)
・クロスブラウザ対応(Chrome, Safari, Firefox, Edge, IEなどへの対応)
・基本的なSEO対策
などはもちろん実装した上で、
・ランディングページのコーディング(LP)
・コーポレートサイトコーディング
・ワードプレスを使ったCMSの1からの構築(独自テーマ)
・アニメーションをフル活用したサイトの作成(CSSアニメーション)
などコーディングをおこなうことができます。
言語・ツールとしては、
・HTML / EJS / Pug / Haml / Slim
・CSS / Sass / Scss / Stylus / Less
・JavaScript / jQuery / Vue.js / Nuxt.js
・TweenMax, anime.js, chart.js
・Wordpress
・Git / npm / yarn / Gulp / Webpack
など対応可能ですので、幅広く対応できるかと思います。
まずは一旦ご相談いただいてからでも問題ありませんので、
一度ご連絡いただければ幸いです。
納期・料金などもご相談いただけます。
【Wordpress対応可】HTML/CSSコーディング承ります
業務内容
ごあいさつ
この度、数ある中からサービスの中から見て下さり、
ありがとうございます。
私、コーディング・WordPress構築をメインに
Webサイト制作専門のコーダーとして活動しております
「なかがわ」と申します。
現在、制作会社様2社さまとフリーのディレクター様と
業務提携を結ばせていただき、お仕事をさせていただいております。
私がご提供できること
ーーーーーーーーーーーーーーーーーーーーーーーーーー
公開前終盤の細かい修正や、追加のコーディングなど
クライアントのこだわりにとことん寄り添って、
何度も、何度も、何度でも、スピード対応でお応えします!
初稿2日前、納品1日前で制作サイトを
お渡しさせていただきます!
もちろん品質も、しっかり仕上げます!
短い納期のご依頼には、睡眠1〜3時間!!
お客様の人生を背負って、ご対応しますので、
安心してお任せ下さい!
ーーーーーーーーーーーーーーーーーーーーーーーーーー
サービス内容
・静的コーディング
・LPのコーディング
・レスポンシブ対応
・アニメーションの実装
・WordPress構築
スキル
■HTML/CSS / Sass(DartSass)
・デザインを忠実にコーディングいたします。
・CSS設計手法(BEM・FLOCSS)を使用した保守性の高いコーディングを
実装することで、追加・修正をしても崩れにくいコードを提供いたします。
・画面幅を変更しても、各デバイスで表示崩れが無いように
レスポンシブ対応いたします。
■jQuery / JavaScript
jQeruyやJavaScriptプラグインを用いたアニメーションの実装
モーダル、アコーディオンやスライダーなどを用いて、
サイトに躍動感をもたせることができます。
■Gulp
タスクランナーを使用して、煩雑な業務を自動化することで、
納期を短縮することが可能です。
■WordPress
オリジナルテーマの構築、カスタマイズ。
お問い合わせページの実装や、
カスタム投稿、カスタムフィールドを使用した実装により、
お客様のご要望に寄り添った唯一のWebサイトを構築する
ことが可能です。
■Photoshop
画像の加工やトリミングなど、かんたんな業務であれば可能です。
細かな業務でもお任せください。
ご依頼からの流れ
①「まずは相談する(無料)」より、ご依頼内容を詳しくお聞かせください。
納期の日程や、具体的なお見積りをさせていただきます。
②事前のお打ち合わせ
ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
③ご契約・作業着手
デザインデータ、写真やテキストなどの素材データをお送りください。
進捗状況はチェックシートを共有させていただきます。
こまめにご報告をしながら、一緒に制作を作り上げていきます。
④ ご確認(テスト環境)
コーディング完了後、品質チェックを行い、ファイルとチェックシートを
送らさせていただきます。
⑤ 修正
ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
⑥ 納品
修正が完了いたしましたら、zipファイルデータを納品いたします。
サーバーへのアップロードも対応可能ですので、
お気軽にご相談ください。
ーーーーーーーーーーーーーーーーーーーーーーー
どんな小さなことでも、お気軽にご相談ください。
丁寧にご対応をいたしますので、安心してお任せいただければと思います。
【高品質】最短2日!内部SEOに最適なコーディングで迅速に対応いたします
業務内容
本パッケージはホームページのコーディング、WordPressコーディング・カスタマイズのサービスです。
ただ作るだけじゃない!作業スピードと品質を最重要視したコーディングを行います。
【業務内容】
当社のコーディング代行サービスでは、静的サイトコーディングからWordPress導入まで、お客様のニーズに合わせた幅広いサービスを提供しております。
全プランに共通するものとして、内部SEO対策、表示スピードを意識した高品質なコーディングを実施いたします。
基本的なプラグインのコードで表現できるアニメーションは無料で対応いたします。
プレミアムプランでは、オリジナルテーマ作成やカスタマイズも承っておりますので、お気軽にご相談ください。
【こんな方におすすめ】
・Webサイトを作成したいが、コーディングに不慣れである方
・自社でWebサイトを作成するには時間・技術的なリソースが不足している方
・新規事業を始める方
・Webサイトのリニューアルを考えている方
【ご購入後の流れ】
お問い合わせ
ご希望内容のヒアリング、お見積もり提出
契約締結、入金確認
コーディング開始
納品、ご確認いただき、ご指摘いただいた箇所の修正
最終納品
料金、納期について
ベーシックプランは最短2日で納品いたします。
ページ数、仕様、ボリューム・デザインなどで変動しますので、お見積もり時にお伝え致します。
【料金が追加となる例】
・スマホデザインがない
・PC、スマホでレイアウトが大きく違う
・作業ボリュームの多いアニメーションの実装
・静的サイトでのお問い合わせフォームの実装
など
HTMLコーディング代行します!【SEO・プログラミング・アニメーション】ます
業務内容
現在Web・デザイン制作会社に勤務しながらフリーランスとして
活動している「なんり」と申します。
Web関連の業務経験はトータルで8年ほどになります。(2022年現在)
ランサーズでの活動はまだ間もないため、実績を積むまでの期間は
特別価格でご提供します!
こちらはホームページコーディング専用のスキルパッケージになります。
※LPコーディング専用スキルパッケージもございますが
こちらのプランでもワンカラムWebサイト制作として対応可能です。
基本的にSEOを意識してコーディングします。
また、納期の中でできるだけ早めの納品を心がけます。
ご希望に応じて、SEO対策、デザインからプログラミングまでオプション追加にて対応可能ですので
お気軽にお声掛けいただけたらと思います。
※実績として掲載させて頂く場合がございますのでその際はご相談させてください。
【TOPページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
WebサイトのTOPページデザインのコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。
※下層ページやLP(ランディングページ)は、各専用メニューからご依頼ください↓
【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439
【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452
このようなお悩みはありませんか?
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」
当方では、これらすべてをクリアしてコーディングいたします。
一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。
その他にも、以下のような作業を心掛けています。
・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング(BEM、FLOCSS)
デザイナーとしての実務経験もございますので、
PC用デザインのみ(スマホ用デザインがない場合)でも、
見た目の整ったコーディングが可能です。
● 作業者について ----------------------------------------------------
制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。
● 対応可能データ ----------------------------------------------------
・PSD、AI、XD、Figmaのいずれか
確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
● 動きのある要素について ---------------------------------------------
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
【オプション料金にて対応可能】
・アニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
● ブレイクポイント --------------------------------------------------
一箇所が料金内です。(PC・スマホの切り替え)
※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。
● 動作確認ブラウザ --------------------------------------------------
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS バージョン15
Safari
・Android バージョン11
Chrome
※いずれも最新版です。
● 納品形式 ---------------------------------------------------------
・ファイル送付、もしくはご指定のサーバーにアップロード
● 納期について -----------------------------------------------------
標準納期は、「デザインデータ受領から」5営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【下層ページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
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営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【LP・ランディングページ】デザイン通りに実装!レスポンシブコーディングいたします
業務内容
LP(ランディングページ・一枚ものページ)のコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。
※LPではないWebサイトのコーディングは、各専用メニューからご依頼ください↓
【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397
【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452
このようなお悩みはありませんか?
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」
当方では、これらすべてをクリアしてコーディングいたします。
一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。
その他にも、以下のような作業を心掛けています。
・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング(BEM、FLOCSS)
デザイナーとしての実務経験もございますので、
PC用デザインのみ(スマホ用デザインがない場合)でも、
見た目の整ったコーディングが可能です。
● 作業者について ----------------------------------------------------
制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。
● 対応可能データ ----------------------------------------------------
・PSD、AI、XD、Figmaのいずれか
確認のため、一枚で書き出したJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
● 動きのある要素について ---------------------------------------------
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー
【オプション料金にて対応可能】
・アニメーション(簡易な動き)
・PHPメールフォームの実装
・その他、動きのある要素
※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。
● ブレイクポイント --------------------------------------------------
一箇所が料金内です。(PC・スマホの切り替え)
※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。
● 動作確認ブラウザ --------------------------------------------------
・Windows
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iOS バージョン15
Safari
・Android バージョン11
Chrome
※いずれも最新版です。
● 納品形式 ---------------------------------------------------------
ファイル送付、もしくはご指定のサーバーにアップロード
● 納期について -----------------------------------------------------
標準納期は「デザインデータ受領から」5営業日となります。(ベーシックプランの場合)
※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
【超速・最短即日】HTML/CSS LPコーディング代行します ます
業務内容
★★クオリティ・スピード重視のWeb制作、お任せください!(即日対応可)
コーディングを専門に行っておりまして、
コーディング歴は8年となり、大手企業(バンダイ様、ネスレ様、プジョー様)など400サイト以上の実績がございます。
★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい!
・素人や副業ではないプロのクオリティでコーディングしてほしい!
・すぐに連絡を取りたい!
・土日祝深夜問わず対応してほしい!
★★ご依頼の流れ
1.ヒアリング
コーディングの内容やスケジュールなどを確認させていただきます。
2.ご契約
上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
3.コーディングテストアップ
コーディングデータをご確認いただき、必要であれば修正等を行います。
4.納品
指定サーバへのアップロードまたはデータ送付を行います。
★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください!
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません!
依頼してよかった!そう思っていただける自信があります。ぜひご検討ください。
HTML / CSS / JavaScript でサイトのコーディングを代行します
業務内容
「デザインカンプは作れるので、サイトにして欲しい!」
そんなご希望におこたえいたします。
ECサイト(静的な部分)・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。
ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。
【超速・最短即日】HTML/CSS LPコーディング代行します
業務内容
★★クオリティ・スピード重視のWeb制作、お任せください!(即日対応可)
コーディングを専門に行っておりまして、
コーディング歴は8年となり、大手企業(バンダイ様、ネスレ様、プジョー様)など400サイト以上の実績がございます。
★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい!
・素人や副業ではないプロのクオリティでコーディングしてほしい!
・すぐに連絡を取りたい!
・土日祝深夜問わず対応してほしい!
★★ご依頼の流れ
1.ヒアリング
コーディングの内容やスケジュールなどを確認させていただきます。
2.ご契約
上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
3.コーディングテストアップ
コーディングデータをご確認いただき、必要であれば修正等を行います。
4.納品
指定サーバへのアップロードまたはデータ送付を行います。
★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください!
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません!
依頼してよかった!そう思っていただける自信があります。ぜひご検討ください。
【高品質 / Wordpress対応】HTML・CSSコーディング代行いたします
業務内容
こんな問題にお悩みの方必見!
✅WEBサイトを作りたいけど、どこに発注していいのか分からない。
✅コーディングを外注して作業効率をあげたい。
✅WEB制作会社で経験を積んだ人にコーディングを依頼したい。
WEB制作会社の現役マークアップエンジニアが
皆様のお困りごとのお手伝いをさせていただきます。
■基本パッケージに含まれるもの
HTML/CSSコーディング
レスポンシブ対応
画像、CSSファイル、JavaScriptファイルの圧縮
仮納品後、修正対応(3回まで)
■基本パッケージに含まれないもの
WordpressなどCMS導入、アニメーション導入(オプションとなります)
スマホデザインが無い場合のレスポンシブ対応(デザインがある場合は無償対応いたします)
■納期
ベーシックプラン:2日程度
スタンダードプラン:7日程度
プレミアムプラン:21日程度
■納品までの流れ
1ご契約
↓
2ご要望のヒアリング
↓
3Webサイト制作開始
↓
4仮納品、修正
↓
5納品
【納品形式】
・zipファイルでの納品
・サーバーにアップロードして納品
■お見積り、納期の参考例
スタンダードプランを選択、
Wordpress導入(投稿機能付き)、
カスタム投稿設定、
お問い合わせフォーム設置の場合
基本プラン 5,0000円
Wordpress導入 4,0000円
カスタム投稿設定 8.000円
お問い合わせフォーム 8,0000円
合計 106,000円
作業日程 約17日(基本プラン7日、オプション追加3日)
静的なサイトから動的なものまでSEOを意識し適切なタグでWebサイトを構築いたします
業務内容
以下のサービスを提供できます。
1. 既存サイトのWordPress化:
- サービス内容: 既存のウェブサイトをWordPressに移行します。これにより、お客様自身でコンテンツの編集や更新が簡単にできます。
- 特徴: カスタムフィールドとカスタム投稿タイプを活用することで、使いやすく、管理しやすいサイトを構築いたします。
2. PC専用サイトのレスポンシブ対応:
- サービス内容: PC専用でデザインされたサイトを、スマートフォンやタブレットでも適切に表示されるように最適化します。
- 特徴: Dartscssを使用し、既存のコードに影響を与えずにデザインを調整、レスポンシブ対応を実現いたします。
3. デザインカンプからのコーディング:
- サービス内容: Illustrator、Photoshop、XD、Figmaで作成されたデザインカンプをもとに、実際のウェブサイトに変換します。
- 特徴: 各種デザインツールのファイル形式に対応可能です。
4. アニメーション付与によるサイトのリッチ化:
- サービス内容: gsapのアニメーションライブラリを使用して、ウェブサイトに動的なアニメーションを追加します。
- 特徴: アニメーションにより、サイトが一層魅力的で動的な印象を持つようになります。
5. サイト高速化:
- サービス内容: ブラウザキャッシュ、遅延読み込み、Webp形式の画像使用などの手法を用いて、サイトの読み込み速度を向上させます。
- 特徴: サイトが軽量化され、ユーザーエクスペリエンスが向上します。
6. その他のサービス:
- サービス内容: サーバーやドメインの取得からサイトの構築まで、デザインデータがない状況でもお客様のニーズに応じたウェブサイトを作成します。
- 特徴: デザインデータが未準備のお客様でも、お気軽にご相談いただけます。お客様の要件やご予算に合わせた最適なプランを提案し、一緒に素敵なウェブサイトを構築いたします。
WordPressを使用したウェブサイトのHTMLコーディング・構築・実装します
業務内容
XD、Figma等のデザインデータからHTMLコーディングを行い、WordPressのオリジナルテーマを制作します。
内容
- WordPressのインストール・設定
- プラグインの選定・インストール・設定
- オリジナルテーマファイルの制作
- カスタム投稿・カスタムタクソノミーの設定
- 可能な範囲での機能の実装・カスタマイズ
ホームページ・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
ーーーーーーーーーーーーーーーーーーーーーーーーーー
■その他、ご質問などありましたら、お気軽にお問い合わせ下さい。
【最短3営業日!】スピーディーにコーディングいたします
業務内容
総ページ数10,000ページ超!
シンプルなページのコーディングを、
最短3営業日(※)で代行いたします!
お客様の事情に合わせた柔軟な対応をさせていただきます。
■サービス内容
・HTML+CSSを用いた静的なコーディング
・レスポンシブ対応
・簡単なJavascript
こんなお悩みありませんか?
「デザインはできているけどコーディングが間に合わない」
「コーディングしてみたら思ってたのと違った!」
「後から修正が入ってしまった!」
「ページを追加しているうちに結局割高に!」
ということがよくありますよね。
▼デザイナーだから融通が効く!
デザイナーが兼任するので、ちょっとしたデザインの修正にも対応可能です。
※大幅なデザイン変更の場合は別途費用が必要です。
デザインもご希望のお客様は、WEBサイト制作プランをご検討ください。
https://www.lancers.jp/menu/detail/1266171
▼おおまかな制作の流れ
-
お問い合わせ
「まずは相談する」ボタンよりお気軽にご相談ください。
デザインデータをお持ちのお客様は、デザインデータもお送りいただけるとスムーズです。 -
デザインデータの送付・コーディング開始
確定したデザインデータをお送りください。 -
コーディングデータのご確認
弊社テストサーバーにて、コーディングデータをご確認いただきます。
修正必要な箇所がある場合はテストサーバー内にて修正を反映いたします。 -
納品
ご確認いただいたデータ一式をzipまたはサーバーにアップロードで納品となります。
■ご注意事項
・目安として5,000px程度のデザインの価格となります。
・デザイン内容によっては追加料金をお願いする可能性がございます。
・複雑なJavascriptを使用する場合は別途費用が発生します。
・原則ブレイクポイントは1つの価格となります。(PC/スマホ)
・レスポンシブ対応が必要な場合は、スマホのデザインもお送りください。
・案件時期によっては3営業日で納品できない可能性もございますので予めご了承ください。
・制作実績として作成したホームページの画像やURLを掲載させていただきます。掲載不可の場合はお気軽にお知らせください。
コーディング代行♢HTML/CSS/JSレスポンシブコーディングを承ります
業務内容
♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)
♢ 制作の流れ
1.ヒアリング / お見積り
- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
- 確認していただいた後、修正・追加作業があれば行います。
(3回まで無料にて対応いたします。)
5.最終確認・納品
♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。
♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。
デザインカンプ済のSTUDIO制作の実装代行をいたします
業務内容
デザインは完成しているが、実装はお任せしたい、
時間がないのでお任せしたい、まだSTUDIO自体に慣れていない方、
STUDIOの実装代行をいたします。
※こちらのパッケージではデザインは行いません。
レスポンシブ対応で最適に表示されるHTMLメルマガを作ります
業務内容
HTMLメールはメルマガ配信ツールなどで、
簡単に作成することができますが、
CSSやVIEWPORT設定まで対応していないツールもあり、
端末やメールクライアントによって、文字化けや表示崩れを起こすケースが多いです。
PCだとOutlookやWindowsメール、
モバイルではAndroidなど対応していないCSSがほとんどです。
これではせっかく時間をかけてメールを作成しても、
メール内リンクからの回帰は望めません。
本サービスの3つの特徴
①メール到達率を改善
可能な限りファイルサイズを抑えることで
各社サーバーの原稿容量制限と画像容量制限をクリアし、
より多くのリードリストにメール配信を可能にします。
②開封率を改善
プリヘッダーテキストを使用し、
メール一覧画面に表示される冒頭文を
訴求効果の高いキャッチコピーに変更します。
③回帰率を改善
幅広い環境で快適に閲覧可能なメールから、
正常に表示されるCTAボタンにより、
リンククリック率を改善します。
▼制作の流れ
1.ご購入
2.当方より打ち合わせ日程のすり合わせ
3.簡単なワイヤーフレームを提出いたします。
4.問題が無ければ画像とロゴデータのURLをご教示ください。
5.納品 ※納品ファイルはHTMLファイルのソースコード形式となります。
html/css+jsの静的サイトコーディング代行致します
業務内容
当パッケージページをご覧いただきありがとうございます。
お客様にご送付いただいたデザインカンプを基に
Webサイトの静的コーディングを代行するパッケージとなっております。
コーポレートサイト、LP、ECサイト(静的部分のみ)など
html/css+javascriptを使用したサイト構築が対応可能です。
採用サイトや高級レストランのコーディングを担当することが多く
デザインの雰囲気に合わせたアニメーションの実装が得意としております。
別途お見積もりとはなりますが、
・スクラブアニメーション
・モーションパス
・パーティクルアニメーション
・スクロールエフェクト
など各種アニメーションの実装もお気軽にご相談ください。
料金に含まれるもの
*スタンダードプランの場合
1.PCのデザインカンプ7000pxまでの静的コーディング *1
2.レスポンシブ化
3.基本的なjavascript 4点まで
4.構造化マークアップ(JSON-LD or microdata)
5.W3Cでのバリデーションチェック
*1ベーシックプランは縦4000pxまで
*2ベーシックプランは1点まで
[基本的なjavascriptとは・・・]
スライダー、カルーセル、ハンバーガーメニュー、アコーディオン、タブ
簡易的なスクロールエフェクト
追加料金が必要となるサービス例
・Wordpressの実装
・お問い合わせフォームの実装
・作業開始後にデザインや仕様の変更が発生した場合
・コーディングルールの設定
・アニメーション
・インスタグラム連携(インスタグラムグラフAPI)
お断りさせていただいてる作業例
・50ページを超えるご依頼
・個人情報が含まれる手続きの代行
(サーバー契約、お客様のGoogleアカウントへのログインなど)
制作期間
目安となっております。
ご依頼いただける時期にもよりますのでお気軽にご相談ください。
TOPページ:デザインの到着+仮払い後5営業日程度
下層ページ:デザインの到着+仮払い後2営業日程度
納品形式
ランサーズ上でのzip納品
ご相談時に必要なもの
デザインカンプをご用意いただきお気軽にメッセージをご送付ください。
ご相談時はラフでも問題ございません。
HTML,CSS,簡単なJavascriptで静的ページを作成します。ます
業務内容
▼こんな方へおすすめ
Webページのデザインをしてみたけど、具現化できない方。
▼オプション
DBを持ちたい、サーバーにDeployしたい、クラウドで運用したい等の相談も受け付けます!
使用する技術が変わるので、料金は別途相談。
(React,Typescript,Postgres,node.jsで対応させていただきます)
【先着30名様限定価格】女性コーダーが丁寧にLP・HPをコーディングします
業務内容
<< 先着30名様限定のモニター価格 >>
本サービスをご覧いただきありがとうございます。
現在ランサーズでの実績を積むため、先着30名様限定の特別価格でご提供しております。
お受けしたものは、web制作会社でコーディング業務の傍ら50サイト以上の検収業務を担当し、品質を管理してきたコーダーが、真心を込めて全力で対応させていただきます!!
お見積もりは無料となっておりますので、是非この機会にお気軽にご相談ください^^
【サービス内容】
■基本内容
・HTML/CSSコーディング
・レスポンシブ対応
・簡単なjQuery/JavaScriptのアニメーションの実装※1
・内部SEO対策※2
・テスト環境のご用意
・納品前の確認
・永久瑕疵修正対応(こちらが原因の不具合はいつでも、何度でも修正させていただきます)
■無料オプション
・お問い合わせフォームの自動返信メールの文章作成
・Googleアナリティクスなどのタグの埋め込み
・セキュリティプラグインの設定
※1 簡単なアニメーションの範囲(2つまで)
→ハンバーガー・アコーディオンメニュー / スムーススクロール / ホバーアニメーション / タブ切り替え / スライダー
※2 内部SEO対策の範囲
・metaデータの設定
・favicon・apple-touch-icon・ogpの設定
・URL正規化
・構造化データのマークアップ
・ページ速度の確認(必要であればCSS・JSファイルや画像の軽量化)
・XMLサイトマップの設置
・セマンティックなコーディング(バリデーションチェック)
【料金表】
・コーディング(トップページ・LP)※ ¥20,000〜
・コーディング(下層ページ)※ ¥15,000〜/ページ
・アニメーション(複雑なもの) ¥5,000円/1実装
・WordPress化 ¥5,000円/ページ
・カスタム投稿タイプなど更新機能追加 ¥15,000円~
・お問い合わせフォーム実装 ¥15,000円
・本番環境へアップロード ¥3,000円
※縦5,000px以上より1,000pxにつき1,000円加算させていただきます
納品までの流れ
①ご相談
↓
②お見積もりの提出
↓(※ここまで無料です!)
③正式なデザインデータのご提供
↓
④スケジュールや品質チェックシート等のご共有
↓
⑤コーディング
↓
⑥ご確認・修正
(※納品前の修正は無制限でご対応いたします。大幅なデザインの変更の場合、追加料金を頂戴します。)
↓
⑦zipファイルによるサイトデータの納品
(※サーバーへのアップロードはオプションでご対応いたします。)
ご購入にあたってのお願い
◆ECサイトの実装は対応しておりません。
◆作業環境はWindowsです。Macbookでの環境確認はできませんのでご了承ください。
◆対応ブラウザ
・PC:Windows(Chrome, Firefox, Microsoft Edge)
・タブレット:iPad(Chrome, Safari)
・スマホ:Android, iPhone(Chrome, Safari)
◆制作させていただいたwebサイトは実績としてポートフォリオに掲載させていただく場合がございます。掲載不可の場合はお知らせください。
◆デザインデータについて
・Adobe XD, Photoshop, figmaに対応しております。それ以外の場合は事前にご相談ください。
・有料フォントを使用されている場合、読み込みタグやデータをご共有ください。
・カラー設定はRGB、サイズ設定はpxなどWEBデザインに最適化していただきますようお願いします。
・切り出しのできない画像を設置されている場合、お客様の方で画像のご用意をお願いします。
【法人・個人】HP・LPのコーディングを低価格、高品質で行います
業務内容
はじめまして。タケと申します!
突然ですが、初めてのご依頼ってご不安ですよね?
・きちんと納品されるのだろうか。
・意思疎通がスムーズにとれるのか。
・制作物のクオリティは問題がないかのだろうか。
ぜひ、私にお任せください!
私自身、個人情報を取り扱うお仕事でチームリーダーをしております。
お客様アンケートでお客様満足度を課内で1位を取ることができ部長表彰をいただいた経験があるため、お客様のご不安に思われる点、信頼していただける点は深く理解をしております。
案件管理や作業内容報告はもちろんのこと、ヒアリングから納品までしっかり行わせていただきます!
具体的には、、
・要件確認
・デザイン確認
・納期の確認
・進行スケジュールに沿った適宜報告
・即返信
・20項目以上の品質チェック
・納品後の1ヶ月修正アフターケア付き
【想い】
自分自身の手に職を付けて、世の中に貢献したい。そんな想いから始まりました。様々な経験をもとに自分に合うものを探し約10年かかって、このお仕事に出会いました。そして、今時間を忘れるほど楽しく活動させて頂いております。
ご依頼者様のご意向に寄り添ったお仕事をさせて頂きますので、よろしくお願い致します。
【制作実績】
ID : takeAo Pass : take1234
①カフェサイトのコーディング(サンプル)
https://open-cafe.takeyan-blog.com
②コーポレートサイトのコーディング(サンプル)
https://code-ups.takeyan-blog.com
③Restaurant Yuu様のコーディング
https://restaurant.takeyan-blog.com
④LPコーディング(サンプル)
http://corp-lp.takeyan-blog.com
【やり取りの流れ】
①お打ち合わせ(テキストでもOK )
②お見積もり
③実装開始→提出・確認・修正
④納品 → 最終確認
⑥アフターケア:納品から1ヶ月は、小さな修正があれば承ります。
【価格】
トップページ→ 8000円
下層ページ→ 5000円
LP1ページ →10000円
WordPress化→5000円
【オプション料金を設定】
スライダー
アコーディオン
モーダル
各1000円
まずは、お気軽にご相談ください。
お見積もりだけでも大丈夫です。
【デザイナー様・制作会社様向け】高品質でスピード納品!コーディング代行を承ります
業務内容
本サービスをご覧いただきありがとうございます。
Web制作歴5年以上の現役エンジニア2名体制で、コーディング代行を承っております。
デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。
- コーディングのリソースが足りていない
- デザインを忠実に再現できるコーダーがいない
- 高度なアニメーションを実装してほしい
- 経験豊富なコーダーに対応してほしい
こういった方にお勧めのサービスです!
サービス開始記念として、30件限定で通常価格の70%OFFで対応させていただきます!(料金表には割引後の価格を反映しております)
◆作業内容
・レスポンシブコーディング
┗ ブレイクポイント3つ + フレキシブルレイアウト
┗ Sass(SCSS)対応可能
・お問合せフォーム実装
┗ WordPressプラグインを使用(Contact Form 7, MW WP Form)
・WordPress化
┗ オリジナルテーマ制作
┗ カスタム投稿タイプ・カスタムフィールド等も対応可能
・CSS / JSアニメーション制作
┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能
これら以外にもご要望がありましたら、お気軽にご相談ください。
◆制作の流れ
①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。
私たちの強み
・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。
・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。
・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。
・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。
料金に関して
プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。
私たちの実績について
主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。
【デザイナー様・制作会社様向け】Wordpress対応、コーディング代行承ります
業務内容
閲覧していただきありがとうございます。
こちらはコーディング代行を提供するパッケージとなっております。
ランサーズでの活動を始めたばかりで、これから実績を築いていくため、
特別価格でのサービス提供をさせていただいております。
最後まで責任を持って対応させて頂きます!
お気軽にご相談ください!
◆以下の方にオススメ!
・デザインは得意でも、コーディングが不得手な方
・コーダーが不足し、信頼できる外注先を求めている制作会社
・長期的なパートナーとして協力できるコーダーを探しているデザイナー
◆基本料金に含まれるサービス
・HTML/CSSコーディング
・レスポンシブ対応
・各ファイルの圧縮
・アフターフォロー(納品後1週間以内)
※ECサイト、予約機能などには対応しておりませんのでご了承ください
◆納品までの流れ
1.コーディング、ご相談の内容、詳細のヒアリング
2.納品日と見積もりの提出
3.コーディング
4.ご確認、修正
5.納品
◆デザインのデータ形式について
・XD、Figma、Photoshop
その他データ形式についてはご相談ください
◆ 確認・納品方法について
問題ないようでしたら、
私のテストサーバーにアップロードして確認していただくこともできます。
・HTML、CSS、JSファイルのお渡し
・FTPサーバーへのアップロード
・Wordpressへの適応
以上になります。
不明点など、お気軽にメッセージください!
【限定2名様特別価格!】元エンジニアがHTML/CSSコーディングいたします
業務内容
こんな方におすすめのサービスです
「デザインはあるから、コーディングだけお願いしたい!」
「時間がないので実装はまるっとお任せしたい」
「早いレスポンスで円滑に進めたい」
そんな方にぜひお力添え致します!
当サービスの特徴
■XD / Figma / photoshop / illustrator 等、どのカンプでもご対応
■スマホやタブレット等のレスポンシブ対応付き
☆ランサーズ参入記念で、通常よりお安くご提供させていただきます!
制作の流れ
①ヒアリング(イメージの共有やデザインのご確認)
②お見積もりをご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品
お客様ご自身で更新作業もされたいという方は、WordPressを用いた開発も可能です!
お気軽にご相談ください!
静的サイトのコーディング&WordPress化承ります
業務内容
デザインデータからのコーディング、WordPress化を格安で承ります。
デザインデータのコーディング、ぜひお任せください。
WordPress化やお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望のミスマッチを防ぐため、事前にデザインのご提示をお願いしております。
【 各プランに含まれる内容 】
・レスポンシブ対応(PC、スマホでの表示変更など)
※PCデザインのみお持ちの場合でも、特にご注文がなければこちらで見やすい配置に調整させていただきます。
・3回まで無料修正対応いたします。
【 ご依頼にあたり、ご準備いただくもの 】
・デザインデータ(XD/Photoshop/Illustrator/Figmaなど)
・画像データ(JPG・PNGなど)
・テキストデータ
【 納品までの流れ 】
- ヒアリング・お見積もり(無料)
- デザインデータ/画像データ/テキストデータのご提供
- コーディング
- 初稿提出
- 修正
- 最終納品
【 納品方法 】
zipファイル
Word・Excelは任せてください。プログラミング(HTMLCSS勉強中)ます
業務内容
プログラミングのほうは本当に勉強中なので簡単なものを挑戦させてくれる人に限ります。パソコンもコードが入っているパソコンはないので買うまでに時間がかかります。
ですがWord・Excelができるパソコンはもっていますので是非たも任せてください。
動画編集のほうはスマホで行います。
よろしくお願いします。
WebサイトのHTML/CSS/jQueryを使用したコーディングを代行します
業務内容
Webサイトのコーディングでお困りの方
・デザインはできるがコーディングの仕方がわからない方
・ノーコードツールでのサイト作成はできるが、もっと自由にサイトを作成したい方
そのコーディング、代行いたします。
デザインファイル(XD、Figma、PSD等)を頂ければ、デザインに沿ってWebサイトをコーディングいたします。
私の提供できるメリットは下記3点です。
-
正確で素早いコーディング
無駄のないコードを1ページあたり約10時間で仕上げます。 -
デザインの再現性の高さ
デザインの細部まで気を配り、ピクセルパーフェクトを用いて正確にデザインを再現します。 -
細やかな品質確認
ゲームやアプリ、携帯電話のテスト・評価業務の経験を生かし、コーディングしたサイトが不自然な動作をしていないかしっかりと確認します。
まずは情報交換だけでも構いませんので、お気軽にご連絡いただければと思います。
――――――――――
対応範囲
――――――――――
・WordPress構築
・CSS設計(BEM記法)
・HTML・CSSコーディング
・jQuery
先着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日程で納品いたします。
ただし、作業量によって前後する可能性があります。
【その他】
■コーディング実績として掲載させていただくことがございます。あらかじめご了承願います。
ご不明な点がございましたら、お気軽にご連絡ください。
どうぞよろしくお願いいたします。
(レスポンシブ対応)デザイン通りにHP・LPのコーディングします
業務内容
コーダー探しで悩んでいませんか?
「デザインはあるけどコーディングはどうしようかな」
「誰かコーディングしてくれる人いないかな」
このようなお悩み、全部解決します!
◆サービス内容
基本料金に含まれるサービスです。
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・jQueryを用いた動的機能の実装
◆納期
基本的には7日~14日を目安にお考えください。
簡単なものでしたら、デザインデータお預かりから7日以内での納品も可能です!まずはご相談ください!
◆お見積もり時ご用意いただくもの
・デザインデータ(XD、Figma、Photoshop、Illustratorなど)
◆納品方法
zipファイル形式(サーバーアップロードも可)
◆ご購入前後の流れ
1、見積もり相談、ご購入
↓
2、デザインデータのお預かり
↓
3、コーディング
↓
4、テストサーバーにアップ
↓
5、ご確認・修正
↓
6、納品(zipファイル形式やサーバーへアップロード)
サービスについてのご質問や不明点、価格交渉はメッセージにてお気軽にご相談ください!
格安対応!デザイン通りに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コーディング代行させていただきます
業務内容
ご覧いただきありがとうございます。
WebコーダーのMotaと申します。
平日日中は制作会社にて勤務しており、制作時間が少ないため急がれてる方のご希望には沿えないかと思います。
それでも
・できるだけ安くお願いしたい。
・時間より価格!
・デザイナーの方のポートフォリオの構築
・コーディングがめんどくさい!
など、サイト構築でお困りの方はお気軽にご相談ください!
相談は無料です!
あまりお金をかけずに、サイトを構築したいと言った方にお勧めです。
レスポンスは遅くとも当日中にはご返信します。
●使える機能一例
・jQueryを使ったアニメーション実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニュー、モーダルなど)
・お問い合わせフォームの実装
・レスポンシブ対応
基本何でも込みでやらせていただきますが、WordPress導入までお求めの方は別途ご相談ください。
全てのご要望に応えたいとは思っていますが、その分時間はかかるかと思いますので、ご了承ください。
●制作の流れ
まずはご相談ください。
1.依頼内容のヒアリングを行います。
↓
2.デザインデータのご提供。納品日の目安などをお伝え致します。
↓
3.コーディング。完了後、ご確認いただき、無制限で修正対応致します。
※大幅なデザインの変更は対応致しかねます。
↓
4.最終チェックが出来ましたら、ZIPファイルかサーバーへのアップロードという形で納品させていただきます。
※サーバーへのアップロードはログイン情報を共有させていただきます。
まずは気軽にご相談ください。
【注意点】
・冒頭でお伝えした通り、時間が限られるため完成までお時間をいただくこともございます。
・注文後のお客様都合でのキャンセルは原則致しません。
・制作実績として使わせていただくことがあります。
【制作会社様やデザイナーさん向け】開発に必要なコーディング業務などを承ります
業務内容
【業務内容】
【このような悩みをお持ちの方にお力添えさせていただきます。】
・パートナーを探しておられる制作会社様
・コーディングを外注したいデザイナーさん
・これからお互いに信頼してお仕事をしていきたいパートナーをお探しのディレクターさんやデザイナーさん
【対応可能な業務】
・HTML、CSS(Sass)の静的コーディング
・JavaScriptやCSSでのアニメーションの実装
・BEMを用いたCSS設計
・レスポンシブ対応
・WordPress実装(テーマ制作、カスタマイズなど)
・Shopify実装
・FTPツールを用いたサーバーへのアップロード
【制作の流れ】
・依頼、見積り
┈ヒアリングからお見積りを提出させていただきます。
・契約
・制作、サイト構築
・納品
┈zipファイルでの納品、サーバーへのアップロードなど
【料金】
・トップページ:30000円~
・下層ページ:10000円~
【開発環境】
・OS:Windows
・エディター:Visual Studio Code
・その他:gulpやgithubなどのツールも使用可
【お願い】
・料金に関しましてはページのボリュームによって変動することもございます。その場合は相談していただいた後に再度お見積りを提出させていただきます。
・こちらはデザインや画像やテキストが既に完成している状態からコーディングに着手させていただきます。これから新しくホームページが欲しい方やオリジナルで制作されたい方はオリジナルサイト制作プランもございますので、そちらからご連絡下さい!
・デザインデータ(XD、figmaなど)をご準備下さい
HTML/CSSコーティング代行いたします。実績を積むために特別価格で代行いたします
業務内容
•大切にしていること
お客様とのコミュニケーションを何より大切にしております。
作りたいものへの認識を揃え、気持ちよくお仕事をさせて頂くことで、いい作品ができると思っております。
そのために、不明点や疑問点があれば質問をさせて頂きます。
•現在ランサーズでの実績を積むため、特別価格でコーティングいたします。実績がないため納期を多く見積もっていますが、納期より早く完成した場合は連絡いたします。お見積もりは無料となっておりますので、ぜひお気軽にご相談ください!
•料金表
コーティング(トップページ+下層2ページ)¥10000
コーティング(トップページ+下層4ページ) ¥20000
コーティング(トップページ+下層6ページ) ¥30000
※すべてレスポンシブ対応です。
•納品までの流れ
①ご相談
②お見積もりの提出
↓(※ここまで無料です!)
③正式なデザインデータのご提供
④スケジュールや品質チェックシート等のご共有
⑤コーディング
⑥ご確認・修正
(※納品前の修正は無制限でご対応いたします。大幅なデザインの変更の場合、追加料金を頂戴します。)
⑦Zipファイルによるサイトデータの納品
•連絡方法
Chatwork、Slack、Zoom等対応可能です。
その他ご希望の連絡方法がございましたら、ご相談ください。
•連絡可能時間
平日 18時〜22時(会社員勤のため対応できない日もあります。)
土日祝 9時〜22時
※事前に連絡していただければ上記の時間に対応いたします。
※上記時間以外にも事前に連絡していただければ基本対応いたします。
•制作させていただいたwebサイトは実績としてポートフオリオに掲載させていただく場合がございます。掲載不可の場合はお知らせください。
【コーディング代行】デザイナー様が魂を込めて作成したカンプをコーディングいたします
業務内容
【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします!】
多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている上田 真義(うえだ まさよし)と申します。
【 こんなデザイナー様におすすめ 】
- WEBサイト制作を一括して受注したいデザイナー様
- 社内コーダーのリソースが不足している制作会社様
- コーディングを外注できるパートナーをお探しのデザイナー様や制作会社様
- すでにデザインはお持ちの個人事業主様や法人様
単発のご依頼から長期の継続したご依頼まで、一つ一つのサイト制作を誠心誠意、丁寧に対応・コーディングいたします。
デザイナー様が制作した想いを形にいたします!
納品後1ヶ月のアフターサポートをしておりますので、テキスト変更や画像の差し替えなど軽微な修正は無償で承っております。
■ 作業内容
- 静的コーディング(HTML / CSS)
- Javascript / jQueryを用いたアニメーション
- レスポンシブ対応(スマホ / タブレット)
- Wordpress化 (追加オプションにてご案内しております)
■ ご相談から納品までの流れ
①ヒアリング
ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
お聞かせいただいた内容を基に対応の可否を判断させていただきます。
↓
②お見積もり・ご依頼
作業内容、納品予定日、お見積もりをご提示いたします。
こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
ご依頼となりましたらデザインデータと制作に必要な素材(写真、画像、ロゴ等)をご提供ください。
↓
③コーディング作業開始、初稿の提出
コーディングを開始し、完了次第初稿をご確認いただきます。
修正等がございましたら、都度迅速に対応させていただきます。
↓
④納品
ご確認いただきご依頼いただいた作業内容及びページに問題がなければ、ご依頼者様のご希望の方法にて納品させていただきます。
zipファイルやサーバーへのアップロードなど、ご希望をお知らせください。
納品後1ヶ月のアフターサポートをご提供しております。
テキストや画像の変更など、軽微な修正は無償で対応させていただきますので、ご要望がございましたらお気軽にご連絡ください。
表示確認の環境
・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari
当サービスの強み
土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。(ページ数や内容によります)
ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください!
▼デザインを含む一括したWEBサイト制作プランをご希望の方はこちら
https://www.lancers.jp/menu/detail/1228898
▼ポートフォリオ
https://www.lancers.jp/profile/masayoshi0404/portfolio?ref=more
フロントエンドエンジニアがレスポンシブコーディングを代行します
業務内容
◾️こんな方にオススメです
- 社内リソースが不足している企業様
- コーダー不足で外注先を探されている制作会社様
- コーダーのパートナーを探しているデザイナー様
- 長期的に依頼できるコーダーを探していらっしゃる方
◾️基本料金に含まれるもの
- HTML / CSSコーディング
- レスポンシブ対応
- 画像、CSSファイル、JavaScriptファイルの圧縮
- テスト確認用サーバーのご用意
- アフターフォロー (納品後 稼働 5日以内)
◾️追加オプション
・スマホ用デザインがない場合のレスポンシブ対応:合計金額の30%を加算
・ドロワーメニュー:10,000円
・スライダー:15,000円
・アニメーション (一部無料):5,000円〜
・お問い合わせフォーム:17,000円
静的の場合は「PHP工房」のメールフォーム使用を想定しております。
◾️納期
5〜14日。
※稼働状況や実装内容により若干変動いたします。
◾️流れ
- お打ち合わせ
- デザインデータお預かり
- コーディング
- テストアップ(ご確認)
- 修正
- テストアップ(修正箇所のご確認)
- 納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
HTML、CSS、jQueryを使ったWeb制作のコーディングを行います。ます
業務内容
自社のホームページや個人事業主の方へ
専用のホームページ制作をサーバーアップロードまで完全に代行します!
納期は作成するHPの枚数や作るサイトの工程数によっても変わりますが最低2週間は見ていただきたいです。
プロのWeb制作エンジニアでは無く、実績なしの駆け出しエンジニアですので、料金はかなりお安く提供致します。
初めてなので不慣れな部分もあるかと思いますが、不備な部分を出さないように誠実な対応を心掛けて参りますのでよろしくお願い致します。
お持ちのデザインから「素早く、丁寧に」コーディング致します
業務内容
ご覧いただきありがとうございます!
ありがたいことに他サイト(cocon○la)ではサービス開始半年で30件以上の販売とプラチナランクを頂きました!!
元接客業の経験を活かし、早いレスポンスとかゆいところに手が届くご提案を心がけております。
"デザインはあるけどコーダーがいない…"
"デザインを形にしてほしい!"
"コミュニーケーションの取れるコーダーを探している…"
という方、お気軽にご相談下さい!
また今は専門ではありませんがWebデザインも学習経験がありますので、多少であれば提案等できますのでそちらも加味していただけると幸いです。
■ サービス内容
・デザインカンプ(XD, AI, PS, figma)からのコーディング
・SEOを意識した適切なタグの使用をしたコーディング
・保守、更新、わかりやすいコーディング
※こちらはWordPressは別となっております。ご希望の方は別途お見積もりをいたします。
■ 制作〜納品の流れ
①ヒアリング・お見積もり
②デザインと画像データなどのご共有
③コーディング・確認・テスト
▼環境テスト
Mac:Chrom, Safari
Window:Chrom, edge
④最終確認・納品
■ 納期の目安
量にもよりますがデータをお預かりしてからの目安のお日にちは下記になります。
・トップページ(5日/1ページ)
・下層ページ(3日/1ページ)
・LP(3日/1ページ)
お急ぎの場合は納期短縮オプションをご選択願います。
■ 納品方法
・基本的にzipファイルでの納品でお願いしております。
購入にあたってのお願い
■ ご用意頂きたいもの
作業を行うにあたって、下記のご提供を頂きます。
・デザインとサイトに使用する画像素材、テキスト等
※デザインデータの切り出しはお客様にてお願いいたします。(難しい場合は有料オプション適用です)
※デザインデータは、Illustrator / Photoshop / Adobe XD / Figma に対応しております。
■注意事項
・サイト作成を開始した場合のキャンセルは原則受け付けておりません。
・3日以上音信不通の状態が続き、連絡に対しご返信がない場合、その時点で「納品完了」、料金を頂戴します。ご了承ください。
■ お取引後のアフターケア
修正を"納品から1週間"、"2回"まで対応させて頂きます。
また納品後の評価を頂けますと大変助かります。
■営業時間及び休業日
平日・土曜日9:00~19:00の間で対応いたします。
営業時間外でのご連絡はお時間をいただく場合がございますがご了承ください。
ご不明点等がございましたらお気軽にお声がけくださいませ。
ご連絡お待ちしております。
【 レスポンシブ / WordPress対応可能 】コーディング代行します
業務内容
数あるパッケージの中から、ご覧いただきありがとうございます!
継続して依頼可能なWEBコーダをお探しの方、大歓迎です!
タイトなスケジュールにも対応可能ですので、是非ご相談ください。
また、なるべく適正価格で見積もりできるよう心掛けています。
最後まで責任を持って対応させて頂きますので、どうぞ宜しくお願い致します!
▼ HTML / JavaScriptを使ったコーディング
デザインから、コーディングさせて頂きます。
▼ WordPress・各種CMS対応
WordPressや、MicroCMSなどのヘッドレスCMSにも対応可能です!
本番公開作業、お問い合わせフォームの作成など可能ですので、ぜひご相談ください。
▼ 見積もりについて
どの程度のボリュームかを、相談時に記載していただければ、
24時間以内に見積もりをさせて頂きます。
具体的なデザインがあると、大変助かりますが
デザインがまだ決まっていない場合でも、見積もりは可能です。
▼ デザインのデータ形式について
ai, psd, xd, figmaなど、こちらで確認できれば何でも大丈夫です!
▼ 確認・納品方法について
問題がなければ、こちらで管理しているサーバにアップしてご確認して頂くこともできます。
下記の方法で納品可能です。
- html, cssなどのファイル一式
- FTPサーバに直接アップ
- WordPressに反映
何か、不明な点がございましたら、
ご相談時にお申し付けください。
ご相談だけでも結構ですので、
お気軽に、ご相談ください!
とにかく迅速丁寧なコーディングでホームページ制作を行います
業務内容
▼このような方へおすすめ
・模写コーディングを求めている方
・1からホームページを制作したい方
・ホームページをリニューアルしたい方
・ECサイトを作成しネットショップを始めたい方
・迅速に作業を進めて欲しい方
▼ご提供内容
・模写コーディング[HTML,CSS,Java]
・WEBデザイン制作の斡旋
・ECサイトの制作
▼ご購入後の流れ
・WEBデザイン、素材の受け取り(素材ありの方)
↓
・ページ制作後ご確認
↓
・修正箇所があれば修正
↓
・完了・納品
↓
※指定期間内であれば画像やテキスト修正を行いますのでご依頼下さい。
▼制作可能なジャンル
・HTML,CSS,Javaを使用したホームページ、ECサイトの制作
※違法なサイト以外には業種は基本的に問いません。
▼納期や料金プラン、オプション
・ご相談頂きましたら出来る限り対応させて頂きます。
【デザイナー様・制作会社様】デザイン通りにHPコーディング代行を承ります
業務内容
ご希望のデザインを完全再現いたします!
頂いたデザインデータを忠実に再現し
想いをカタチにすること
を心掛けています。
銀行での人事部での経験から、徹底したタイムスケジュール管理と柔軟な対応でお客様のご要望を組み込み、迅速・丁寧な作業をするのが得意です!
確かなスキルでデザイン通りに制作いたします。ご納得いただけるまで修正いたします。
・HTML/CSSコーディング
・基本的なSEO対策
・保守性の高いコーディング
上記はすべて基本料金
に含まれています。
※ご依頼後にデザインに変更があり実装が変わる場合は、追加で費用をいただく場合がございますので予めご了承願います。(簡単な変更の場合はご不要です)
▼作業内容
・静的コーディング
・LPのコーディング
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどのアニメーションの実装
・JavaScriptの機能実装
・WordPress化:内容により別途でお見積り
★おすすめなお客様★
・お手持ちのデザインデータを再現したい!
・コーディングを外注したい!
・デザインはできるけどコーディングは苦手
・コーダー不足で外注先をお探しの制作会社様
・コーダーのパートナーをお探しのデザイナー様
・デザイン素材はあるがコーティングを任せたい方
■ご予算について
作成するページ数やご要件に応じて金額は変動いたします。ご予算に応じて調整可能ですので、お気軽にご相談下さい。
〜ご依頼の流れ〜
①「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
②納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
③お見積もりなど問題なければ、発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
※画像の加工・作成のご依頼も承っています。必要な場合、別途ご相談ください。
※デザインが制作途中の場合はワイヤーや全体の構成図がわかるものをお送り頂ければ先行して作成致します。
↓
④最終的な納品日をお伝えし、サイト構築開始。
↓
⑤コーディング完了後、ご確認をいただき無料で修正対応いたします。
最終チェックが完了後、データ納品となります。
●納期について
デザインデータ受領翌日からの日数を頂いております。
ご希望納期がある場合はご相談ください。
●納品形式
ZIPにてファイル送付致します。
ご希望あればサーバーアップロードも行います
「誠心誠意」丁寧な対応を心掛け、お客様のご要望を組み込みながらデザインの完全再現ができるよう、丁寧に柔軟な対応を心掛けています。
ご不明点などございましたら、見積もり・カスタマイズの相談
あるいはメッセージでお気軽にお問い合わせください。
レスポンシブ対応込み!デザイン通りのコーディングを行います
業務内容
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制作会社で実務経験3年以上のコーダーがwebサイト、LPのコーディング承ります
業務内容
■こんな方におすすめ
-デザインはできるけどコーディングできる人材が欲しい方
-サイト制作をまるっと任せたい方
■ご提供内容
-いちからHTML、CSS、javascriptを用いてコーディングいたします。
-webサイト、LPを1から作成いたします。
-必要であればwordpressも対応できますので、ご相談ください。
■最終的な納品物
-コード一式をデータで納品いたします。
【先着10名様モニター価格】WordPress対応+HP・LPコーディング承ります
業務内容
数あるサービスの中から、ご覧いただきありがとうございます!
< 先着10名様限定のモニター価格>
現在ランサーズでの実績を積むため、先着10名様限定の特別価格でご提供しております。
お見積もりは無料となっておりますので、ぜひお気軽にご相談ください!
■こんな方におすすめです!
・ WEB デザインはできるけど、コーディングが難しい方
・ コーディングだけ誰かにお願いしたい方
・ 既存サイトを改修・補修されたい方
・・・など上記以外でも、お気軽にご相談ください。
【各プラン料金に含まれるもの】
• レスポンシブ対応(PC / Tab / SP)
• 簡単なjQuery/JavaScriptのアニメーションの実装※1
• 画像の圧縮
• 表示確認・品質チェック(W3C Validation Service)
※1 簡単なアニメーションの範囲
ハンバーガー・アコーディオンメニュー / スムーススクロール / ホバーアニメーション / スライダー
など。オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。
【オプション料金で対応可能なもの】
• WordPress構築
• お問合せフォームの実装(WordPressプラグインで対応)
• JavaScript(jQuery)を使った複雑な動きの実装
• 下層ページの追加
• Illustrator、Photoshopのデザインカンプからのコーディング
【料金表】
・コーディング(トップページ・LP 縦6000px前後)※1:¥20,000~/ページ
・コーディング(下層ページ 縦3000px前後)※2:¥10,000 /ページ
・Photoshop, Illustratorのデザインカンプからのコーディング: プラス¥1,000 /ページ
・アニメーション(複雑なもの):¥3,000円/1実装
・WordPress化: ¥5,000円/ページ
・カスタム投稿タイプなど更新機能追加:プラス¥10,000円~
・お問い合わせフォーム追加:プラス¥10,000円
※1,2デザインカンプ追加縦1,000pxにつき1,000円加算させていただきます
【納品までの流れ】
①ヒアリング・お見積り
デザインデータの詳細確認、素材(画像・ロゴ・テキスト)の確認、希望納期等のお打ち合わせ
↓
②お見積りご案内・ご契約締結
作業内容・見積もり・納品予定日をご提示いたします。(ここまでは無料です)
↓
③必要な情報・データの受取
デザインデータなど、コーディングに必要なデータをご提供ください。
↓
④コーディング開始
↓
⑤ご確認・必要に応じ修正
テスト環境にページをアップ
修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
↓
⑥最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。
【納期について】
約2週間(既存ページの一部修正は、3日~1週間)
※ページ数やボリュームにより変動する場合がございます。
※既存ページの軽微な修正は、修正内容により納期を早めることが可能です。お気軽にご相談ください。
お急ぎの場合は、事前にお問い合わせください。
【検証ブラウザについて】
コーディング後の表示確認は、以下のブラウザで確認いたします。
■パソコン(Windows)
Chrome、Firefox、Edge、Safari
■スマートフォン(iOS)
Chrome、Safari
【納品方法】
基本的に HTML / CSS / JavaScript(jQuery)ファイルを ZIP ファイルでお渡しいたします。
※サーバーへのアップロードをご希望の際は、必要な情報を共有いただきます。
【連絡方法】
Chatwork、Slack、Discord、Zoom等対応可能です。
その他ご希望の連絡方法がございましたら、ご相談ください。
最後まで ご覧いただき、ありがとうございました!まずはお気軽にご相談ください。
Webサイト・HP・LPのHTML/CSSコーディングを代行致します
業務内容
ご覧いただきありがとうございます!
WEBサイト・HP・LPのコーディング代行を専門としている
兼業Webコーダーの三雲と申します。
”デザインはあるので「HTML/CSSコーディング・WorPress構築」を外注したい”方の
お悩みにお応えいたします。
【サービスの低価格提供理由】
当サービスが低価格で提供できる理由を明確にお伝えいたします。
①兼業Webコーダーとしての活動:
私は日中は本業に専念しながら、兼業Webコーダーとして活動しております。作業時間の制限やコミュニケーションの難しさから、他者との差別化を図り、独自の料金設定を行っております。
お客様との円滑なやり取り、可能な限り迅速な対応を心がけ、お約束した納期までに作業を完了させることに誇りを持っています。
②実績作りの意図:
現在は実績を積み重ねる段階にあります。お客様からの信頼を頂き、私のスキルと責任感を確認いただくため、初期段階では低価格でサービスを提供しています。
③効率的な作業プロセス:
作業時間短縮のための効率的な作業プロセスとスキルを備えております。これにより、作業のスピードとクオリティを両立させ、高品質なコーディングをリーズナブルな価格でご提供することが可能です。
【サービスの詳細】
・HTML/CSSを用いたコーディング
・JavaScript/CSSによる仕掛けやアニメーションの実装
・お問い合わせフォームの実装
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)
【料金とオプション】
・既存サイトの修正、ボリュームの少ないコーディング:10,000円
・LP、複数ページ、ボリュームの多いコーディング: 15,000円
・複数ページコーディング+WordPress構築:20,000円〜
※アニメーションの実装、レスポンシブ対応、SEO対策、サイトの軽量化、お問い合せフォーム込み
◆制作の流れ
①ヒアリング
↓
②お見積り
↓
③デザインのご提供(XD,Figmaなど)
※他データの場合もご相談の上対応致します。
↓
④コーディング
↓
⑤テスト環境にアップロード &ご確認・修正
↓
⑥最終確認、納品
(ZIPファイル、サーバーへのアップロード等)
◆納期について
・既存サイトの修正、ボリュームの少ないコーディング:5日程度
・LP、複数ページ、ボリュームの多いコーディング: 10日程度
・複数ページコーディング+WordPress構築:20日程度
※作業量により変動致します。柔軟に対応しますのでご相談ください。
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。