人気ランキング 期間:5月11日 〜 5月18日
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
【マーケティング会社様・制作会社様・デザイナー様向け】コーディング代行します
【制作会社様、デザイナー様向け】コーディング、WordPress構築を代行します
WordPress対応_HTML/CSSコーディング承ります
【 制作会社様/デザイン会社様向け 】 HTML/CSS コーディング代行します
業務内容
こちらのパッケージはコーディングの代行、WordPress構築(オリジナルテーマ制作)
のサービスです!
こんな方におすすめ
✅コーディング業務を外注したい
✅コミュニケーションコストがかからず仕事ができる人を探している
✅継続的にお願いできるパートナーを探している制作会社様
✅コーディングできる人を探しているデザイナー様、デザイン会社様
現在は制作会社様の他、フリーランスのディレクター様からのご依頼で
制作会社様、デザイン会社様からのコーディング業務をメインに
継続的にお取り引きをさせてもらっています。
丁寧なやり取り、即レス対応など当たり前を確実にし、お相手に満足していただける
サービスを提供しています!
●●パッケージ内容
▶︎静的コーディング
・LPコーディング
・コーポレートサイトコーディング
・JavaScript(jQuery)を用いた各種アニメーション対応
・PCのみのデザインデータから各種サイズのレスポンシブ対応可能
・BEM、FLOCSSを用いたCSS設計によりコードの保守性担保
・テスト環境
・基本は無料修正対応
▶︎WordPress構築
・オリジナルテーマでの実装可
●●品質チェック、対応ブラウザ・端末
品質チェック内容の詳細共有し、チェックのお手間を減らします
各種ブラウザ、端末でのチェック内容も共有
端末:Mac/Windows/iPhone/Android
ブラウザ: Chrome、FireFox、Microsoft Edge、Safari
●●納品方法
zipファイル、FTPサーバー、GitHub、WordPress環境にデータ移行
●●扱えるツール
・HTML / CSS / SCSS / jQuery / WordPress / gulp / EJS / Git,GitHub
●●対応デザインデータ
・Figma / XD / Photoshop / Illustrator
●●対応できる作業
コーディング作業全般
LP制作、コーポレートサイト制作、WordPress構築を主にお受けしております
●●実績
・HTML/CSSを用いたLP制作
・チーム開発で企業コーポレートサイト制作(EJSコーディング、Githubソース管理)
※こちらでの公開は控えますが、お見せできる実績もございますので
一度お声掛けいただけると幸いです
●稼働時間
AM3時〜PM17時まで
必要時にはご相談いただければ21時まで対応可能
土日問わず対応できます
気になることがあれば、まずは一度お声掛けください!
ご相談だけでも構いませんのでお気軽にどうぞ!
既存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コーディング承ります
業務内容
ご覧いただきありがとうございます。
本サービスはホームページ、LP、ポートフォリオなどのコーディング代行サービスです。
♦︎こんな方におすすめ♦︎
デザインデータをお持ちの
デザイナー様
制作会社様
ディレクター様
等
♦︎サービス内容♦︎
・HTML・CSSコーディング(レスポンシブ対応込み)
・JavaScript(jQuery)やCSSを用いたアニメーションな実装
♦︎料金♦︎
・LPコーディング(10000pxまで):25,000円
・トップページコーディング(8000pxまで):20,000円
・下層ページコーディング(8000pxまで):7,000円/1ページ
[簡単な下層ページは3000円/1ページ]
・JavaScript(jQuery)アニメーション/1箇所:3,000円
・問い合わせ機能(Googleフォーム):10,000円~
・WordPress機能実装:要相談
♢無料サービス♢
・基本SEO対策タグの埋め込み
・簡単なCSSアニメーション(ホバーアニメーション等)
・サイト軽量化画像圧縮
・OGP設定
※ レスポンシブ対応込みの価格になります。
※ ページの長さ超える場合は1000px毎に1,000円追加費用発生します。
※デザインデータにスマホ用のデザインがない場合はよしなにコーディングいたします。
(その場合は合計金額の30%が追加となります。)
※デザインとの相違による修正回数については無制限です。
(デザイン変更については、別途料金が発生する場合がございます。)
♦︎ご依頼から納品までの流れ♦︎
①ヒアリング・お見積り
②ご契約
③デザインデータのお預かり
④コーディング
⑤テスト環境にアップロード
(お客様にブラウザでご確認いただきます。)
⑥修正
⑦納品
♦︎こちらでのテスト環境♦︎
Mac、iPhone(Chrome/Safari)
Windows(Edge)
♦︎納期について♦︎
通常、ご依頼の着手日から1週間程度で納品いたいします。
※スケジュールの状況により、上記に沿わない場合もございますのでご了承ください。
♦︎納品について♦︎
・zipファイルの送付
※サーバへのアップロード希望の場合は FTP情報共有をお願いします。
ご満足頂けるように丁寧かつ柔軟に対応致します。
まずはお気軽にご相談下さいませ。
【SEO対策込み】LP やウェブサイトの Coding いたします
業務内容
ランサーズ開始記念☆大幅値下げ中!
SEO対策込みのコーディングです。Web が専門分野ではない方、Web 関連の業務経験が少ない方。株式会社ネオキャリアの Unistyle Lab には経験豊富なスタッフが揃っています。ご要望を形にするための専門知識は不要です。
【提供内容】
まずはお客さまのご要望をしっかりヒアリングさせていただき、ご要望に沿った対応をいたします。
★ Basic
4ページまとめて¥10,000(ページ単価¥2,500)
★ Standard
8ページまとめて¥18,000(ページ単価¥2,250)
★ Premium
12ページまとめて¥24,000(ページ単価¥2,000)
★ 12ページを超えるご依頼の場合
12ページ以降は
¥2,000/1ページ でのご提供です。
【購入後のおおまかな流れ】
- まずは無料相談
- ご要望のヒアリング
- Coding
- Debug(テスト環境はこちらでご用意しております)
- Coding 修正
- 納品
【納期】
納期はあくまで目安です。ご依頼状況にあわせて変動する場合があります。まずはご相談ください。
【格安でご対応!】デザインから本格LPコーディング承ります
業務内容
ご覧いただきありがとうございます!
本サービスではデザインデータをもとに丁寧にLPコーディングいたします。
【ご提供内容】
・HTML / CSS / JavaScript / jQuery などを用いたコーディング
・スマートフォン版、タブレット版、PC版の各レスポンシブ対応
・スライダーやアニメーションの実装
・画像圧縮によるサイトの表示スピード最適化、SEO対策など
【制作の流れ】〜7ステップ〜
①ヒアリング
疑問点やご質問がございましたら、遠慮なくお申し付けください。
↓
②お見積り
↓
③ご契約
↓
④デザインデータのご入稿
↓
⑤コーディング開始
デザインカンプに基づいて丁寧にコーディングします。
↓
⑥初稿提出・修正対応
初稿をご確認いただき、修正があれば対応いたします。
↓
⑦最終チェック・納品
※記載の納期は目安となります。状況により柔軟にご対応させていただきます。
【ご対応可能な時間帯】
平日:19〜23時 (4時間)
休日:9〜23時 (14時間)
※上記の間は30分以内にご返信することをお約束します。
WEB制作でお困りの方のWEBサイトコーディング代行します
業務内容
この度はこちらのサービスをご覧いただきありがとうございます。
・文章の追加、変更、削除。
・画像の追加、変更、削除。
・理由はわからないがデザインが崩れた。
・部分的にレスポンシブされていない。
などのご要望がありましたら、是非おまかせください!
▼料金
1か所3000円からお受けしております。
※修正範囲が広くなりますと追加で料金を頂く場合がございます。
▼サービスの流れ
①ヒアリング
WEBサイトの現状と発生している問題についてお聞かせください。
修正を希望する内容と修正後のイメージをお伺いします。
②お見積り・ご契約
ご希望内容の詳細をお伺いした後にお見積りさせていただきます。
③ご依頼作業開始
事前にご用意いただきましたFTP情報などを確認し作業開始になります。
④ご確認と修正
作業内容をご確認いただきます。
⑤最終確認
修正した内容をご確認していただき問題がなくなりましたら完了となります。
⑥納品
ご契約内容に相違がなければクローズとなります。
ご依頼いただきありがとうございました。
▼納期
ご依頼内容によってはご依頼していただいた当日の納品が可能です。
ご希望の納期がございましたらご相談ください。
【超速・最短即日】HTML/CSS LPコーディング代行します ます
業務内容
★★クオリティ・スピード重視のWeb制作、お任せください!(即日対応可)
コーディングを専門に行っておりまして、
コーディング歴は8年となり、大手企業(バンダイ様、ネスレ様、プジョー様)など400サイト以上の実績がございます。
★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい!
・素人や副業ではないプロのクオリティでコーディングしてほしい!
・すぐに連絡を取りたい!
・土日祝深夜問わず対応してほしい!
★★ご依頼の流れ
1.ヒアリング
コーディングの内容やスケジュールなどを確認させていただきます。
2.ご契約
上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
3.コーディングテストアップ
コーディングデータをご確認いただき、必要であれば修正等を行います。
4.納品
指定サーバへのアップロードまたはデータ送付を行います。
★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください!
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません!
依頼してよかった!そう思っていただける自信があります。ぜひご検討ください。
HTML/CSSのコーディングでお困りの方代行いたします
業務内容
【こんなお悩みありませんか?】
・Webサイトを制作するにも知識がない
・コーダーがほしい
・デザインは得意だが、コーディングが不得意
・安心できる人に依頼をしたい
どんなお悩みにも、丁寧に迅速にサポートさせていただきます。
依頼内容の詳細
こちらのサービスはWebサイトを制作する際に小さい依頼からでもお困りの際にご利用していただけたら幸いです。
・既存サイトの一部修正(文言修正・スタイル修正・レイアウト修正)
・PC/SPのレスポンシブ対応
・デザインーと連携して複数Webサイトを制作
・既存サイトにページ追加
価格
・ベーシック 3000円~10000円
TOP1ページ・下層5ページ以内のコーディング
・静的サイト
・レスポンシブ対応
※ 一部修正または下層1ページのみなどの場合は3000円〜ご対応いたします
・スタンダード 2万0000円~
TOP1ページ・下層5ページ以内のコーディング
・静的サイト
・アニメーション
・レスポンシブ対応
・プレミアム 4万0000円~
TOP1ページ・下層10ページ以内のコーディング
・静的サイト
・アニメーション
・レスポンシブ対応
※あくまで目安になりますので金額に変動はございますのでお気軽にご相談ください!
納期
【ベーシックプラン】
最短で即日〜3日間
【スタンダードプラン】
6日間〜
※ 内容により変動いたします
【プレミアムプラン】
14日間〜
※ 内容により変動いたします
制作の流れ
ヒアリング・お見積もり(ご相談に関しては無料になりますのでどんな内容でもご相談くださいませ)
⬇︎
ご契約
⬇︎
デザインデータご提供していただきます
⬇︎
実装
⬇︎
問題ないかご確認をしていただく(この際の修正に関しては回数無制限になりますのでご安心ください)
⬇︎
納品(zipファイルでの納品またはご指定のサーバーにアップロード)
⬇︎
必要があれば運用も行います(定期的にアップデート・修正など)
ここまでご覧いただき誠にありがとうございます。
ご依頼いただいた際には迅速かつ丁寧に料金以上に満足していただけるように制作させていただきます。
小さなことでもお気軽にご相談して頂ければと思います。
ご一緒にお仕事できることを楽しみにしておりますのでご検討の方、何卒よろしくお願いいたします。
【こちらはいかがですか?】
品質・パフォーマンスの向上、ブログやお知らせ機能など機能面も向上をさせたい方は以下をご検討していただけると幸いです。
https://www.lancers.jp/menu/detail/1271627
【プロフィール】
【コーディング代行】デザインからレスポンシブ対応サイトをコーディングします
業務内容
コーディングの代行です。
スポットコーディングからフルコーディングまで対応いたします。
オプションの説明
【PCサイトデザインのみからレスポンシブ】
■こんな事ありませんか?
「デザインを外注したけどPCサイトのデザインしかなかった」
「PCサイトのデザインしかしていない」
そういった案件を何件も対応しているため、PCデザインのみからもスマホ表示を考えたレスポンシブサイトのコーディング対応できます!
デザインによって対応出来ない部分はありますが、基本的には表示方法を変えたりする提案でご対応いたします。
又それとは逆に「スマホだけで運用するつもりでスマホのデザインだけ希望したけどやっぱりPCでも使ってもらいたい!」となった時にスマホサイトをそのまま拡大するようなPCサイトではなく、しっかりとPCで見られることを意識したPCへのレスポンシブも対応します。
【Wordpressテンプレート化】
コーディング代行を利用しそのままWordpressのテンプレート化対応します。
昨今のWEBサイトはWordpressサイトが多く、そのままWordpress設置+テンプレート適用でWebサイトをお持ちいただくことが可能です。
プラン説明
【ベーシックプラン】
下層ページの1枚の追加や、既存ページの1部分にのみコーディングが欲しい場合の対応いたします。
スライドショーやアコーディオンなど基本的な動きも併せてコーディングさせていただきます。
また、既存ページへの追加の場合、じっくり現在サイトのコードを読み、追加するHTML/CSSをあわせて保守性の高いコード生成を心がけます。
【スタンダードプラン】
LPサイトやTOPページのみ出来ているデザインはこちら。
ヘッダー・フッター・サイドバーなどしっかりワイヤーフレームを活かした拡張性の高いコーディングを心がけます。
最適なタグの設置と役割に応じたクラス命名を主軸に考えてDIVの多様やわかりにくい連番でのクラス名を避け、保守性の高いコード生成を心がけます。
【プレミアムプラン】
1サイトまるまるのデザインが出来ている場合はこちら。
スタンダードプラン+4ページ程度までのサイトをコーディングします。
さらに追加のページがある場合はご相談ください。
制作の流れ・納品
【ご相談からの流れ】
1:お見積りからお願いします。
お話をさせていただきどの程度のボリューム感かを把握し、プランにあった見積をさせていただきます。
2:着手・確認
内容によりますが着手より2日程度でご確認いただけます。
ご確認後フィードバックをお願いします。
3:修正対応
フィードバックいただき次第対応いたします。
ご希望があれば電話やLINEなどの通話でリアルタイムで修正させていただきます。
4:納品
ZIPファイルでの送付・サーバー設置で納品とさせていただきます。
【納期】
着手より内容に応じて最短2~4日程度。内容の目安はプランの納期をご確認ください。
確認のご返信などにより遅れることがございます。
【納品方法】
ZIPファイルでの送付・サーバー設置
Next.jsとヘッドレスCMSを使ったWeb構築を代行します
業務内容
Wordpressに変わる次世代のCMS環境を提供いたします。
Jamstack開発によるWeb構築を行うことで、以下のメリットがございます。
・『軽量で高速なページ表示』
・『優れたSEO対策』
・『シンプルな管理画面』
しかしながら、
・『Jamstack開発を担当できる者がいない』
・『開発費用が高すぎる』
などの理由で、
未だに技術負債化しつつあるWordpressを運用している方も多いかと想像しています。
当方では、なるべく安価かつ高品質でお客様のご要望にお応えさせていただきます。
ご興味がございましたら、直接ご連絡をお待ちしております。
▼発注後の流れ
1.ヒアリング
資料やデザインデータがあればこのタイミングで共有いただきます。
2.要件定義
取り掛かる作業内容を確認し、お見積もりをお出しします。
3.実装
要件に従って制作を進めます。
納品
調整箇所があれば修正作業を数回行いデータの公開・譲渡します。
即レス!高品質なレスポンシブサイトのHTML, CSSコーディングをいたします
業務内容
ご覧いただきありがとうございます。
デザインデータからのコーディング作業を行なっております。
ご連絡いただきましたら、すぐに返信させていただきます!
お気軽にご連絡お願いします!
制作ページは全てスマートフォン対応のレスポンシブ制作。
PCでもスマートフォンでも質の良いホームページを制作いたします!
コーディングを行う際、デザインのご提供をよろしくお願いいたします。
■ご用意いただきたいもの
・デザインデータ( Adobe XD( Photoshop・Illustrator ) )
・画像データ / 動画
・テキストなど
※レスポンシブ対応が必要な場合は、スマホ用のデザインデータもご用意ください。
ご準備が難しい場合はこちらでレスポンシブ対応することも可能です。
納品後の修正期間は2週間までとさせていただきます。
また、作成後のキャンセルはお断りしています。作業開始前にイメージの共有をお願い致します
デザインを基に再現性の高いWEBサイト製作のコーディング代行を承ります
業務内容
サービス内容
ご覧いただきありがとう御座います
WEBサイトの作成・コーディング代行を承っています
※ご依頼の仕事は納品後、実績として公開することはありません。
◇作業内容
・HTML/CSS/JavaScriptを用いたコーディング
・ホームページ・LP等のWEBサイト制作
・レスポンシブの対応
・お問い合わせフォームの実装(PHP使用)
・JavaScriptを用いたスライダー、アコーディオン等の実装
・修正や追加作業も受け付けています
◇料金
•メインページ 10000円〜
•下層ページ 5000円〜
(メインページの半分以下を想定しています)
•修正や追加作業 3000円〜
•アニメーション ハンバーガーメニュー スライダー アコーディオン等、シンプルなものなら無料でやります
(複雑なものは、追加料金を頂く場合があります)
•お問い合わせフォームの実装 10000円〜(PHP使用)
※金額は目安です。作業量により増減します
ご相談ください
出品のシステムの都合上10000円以上の設定になっています
見積もりのカスタマイズの方からお問い合わせください
◇作業の流れ
•ヒアリング
↓↓
•お見積り
↓↓
•作業開始
↓↓
•必要ならテストサーバーにアップ 確認修正
↓↓
•最終確認後、納品
※納品はzipにてお渡しします。
◇納期
3日〜
デザインデータを確認した上でお知らせします
お仕事を受けた翌日を作業開始日とさせて頂きます
作業量により3日以内に納品が可能な場合があります
※注意事項※
jqueryは極力使いません。
WordPressやノーコードツール等は使用しません。
デザインデータは、Inkscapeかfigmaで確認します。
出先で確認することがあるかもしれないので、予備でjpegかpngのデザインデータがあると確認しやすいです。
【HTML・CSS・WordPress】HP・LPのコーディングをプロが代行します
業務内容
Webコーダーをお探しの方必見! ホームページ・ランディングページのコーディングを代行します。
マークアップエンジニアとして10年以上の経験を活かして、HTML5とCSS3の仕様に準拠し、SEOとアクセシビリティに配慮した高品質なコーディングをご提供いたします。
- デザインはあるけどコーディングはお願いしたい
- デザインをきちんと再現してくれるコーダーを探している
- JavaScriptでサイトに簡単なインタラクションを加えたい
など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。
【パッケージ内容について】
■ベーシック
下層ページの静的コーディング1P(デザインカンプ 縦 3000px 前後まで)、既存ページの一部修正など、まずはお試しでご利用いただく方におすすめです。
■スタンダード
トップページの静的コーディング、LPのコーディングもこちらから。(デザインカンプ 縦 6000px 前後まで)
■プレミアム
トップページの静的コーディング+下層ページ3Pまで。
【各プラン料金に含まれるもの】
- レスポンシブ対応(PC / SP)
- JavaScript(jQuery)を使った簡単なインタラクションの実装
- 画像の圧縮
- 表示確認・品質チェック(W3C Validation Service)
【オプション料金で対応可能なもの】
- WordPress構築
- お問合せフォームの実装(WordPressプラグインで対応)
- ブレイクポイントの追加(タブレット用など)
- JavaScript(jQuery)を使った複雑な動きの実装
- 下層ページの追加
- IE11表示対応
【JavaScript(jQuery)について】
一般的なプラグイン等で提供できる機能であれば各プラン料金内で対応可能です。
例:
- スライダー
- カルーセル
- スムーズスクロール(ページ内リンク、ページ先頭へ戻るボタン など)
- タブ切り替え
- ハンバーガーメニュー
- ヘッダー固定
ほか
オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。
【対象ブラウザについて】
■パソコン(Windows・Mac)
Chrome、Firefox、Edge、Safari 各最新版
■スマートフォン(Android・iOS)
Chrome、Safari 各最新版
メーカーサポートの終了したIE11は、オプション料金での対応となりますのでご了承ください。
【ブレイクポイントについて】
ブレイクポイント(デザインが切り替わるポイント)は1箇所まで無料で対応可能です。
PC用とスマートフォン用のデザインデータをご提供ください。
タブレット用など、上記以外の画面サイズにも対応させる場合は、オプション料金での対応となりますのでご了承ください。
【納品形式について】
原則としてデータ納品(ファイル一式を zip 圧縮したもの)になりますが、サーバーへのアップロードにも対応可能です。
その場合は FTP 情報をお知らせください。
【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
デザインや納期などを確認させていただき、こちらから見積りを提出いたします。
↓
見積り、納期などに問題なければ、仮払い手続きをお願いいたします。
同時にデザインデータなど、コーディングに必要なデータをご提供ください。
↓
コーディング開始
↓
テストアップ・修正対応
テスト環境にページをアップしますので、ご確認をお願いいたします。
修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
↓
最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。
【営業時間について】
10:00〜19:00(土日祝を除く)
【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。
【爆速、安価、高品質】WebサイトやLPを爆速でコーディングします
業務内容
制作済みのデザインを爆速(とても速く)でコーディングします。
パッケージプランに当てはまらない場合も、まずはお気軽にご連絡ください!
パッケージプランを踏襲する形でお見積もりさせていただきます。
■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・おまかせスマホ対応
※スマホ版デザインが無くてもPC版のデザインを踏襲してコーディングいたします
・Javascriptを使用したアニメーション
・テスト環境用意
・指定のサーバーへのアップロード
・納品後1週間の修正対応
■オプションサービス
・WordPress対応:30,000円
【制作会社様・デザイナー様向け】コーディング代行(WordPress可)いたします
業務内容
つながりと出会いを大切に、ワクワクする毎日を
初めまして、enen 代表 橋口 真幸と申します。
沢山のランサー様の中から、ご覧いただき誠にありがとうございます!
即レス・丁寧なご対応とご提案をさせていただき、
お客様により良いものをご提供いたします。
前職は公務員をしており、
日々の連絡やコミュニケーションをスムーズに進めることを意識しております。
報告・連絡・相談がうまく回らない場所はどこかで不安や不満が溜まっていきます。
そのような不安をさせたくないし、したくありません。
お客様の想いを丁寧にコーディングし、納品まで丁寧にご対応いたします!
◆作業内容
・HTML/CSSを用いた静的コーディング(1ページ〜複数ページ対応可能)
・レスポンシブ対応
・JavaScriptの動的実装(ハンバーガーメニュー、スライダー、アコーディオン、タブ、スクロールなど)
・WordPress化(初期設定やSSL化・SEO対策~カスタム投稿・カスタムフィールドなどのカスタマイズまで)
・XD、Photoshop、Illustrator、Figmaなど各種デザインツールに対応可能です。
・デザインの軽微な修正におきましては3回までとさせていただきます。
・デザインと納品物が異なる部分につきましてはこちらの責任ですので、何度でも修正対応いたします。
※金額はトップページ(最低価格)となっております。
◆制作の流れ
- ご相談及びお見積り
- デザインのご提供
- コーディング
- ご確認・修正
- 最終確認・納品
※納品方法は基本Zipファイルにて送付致します。
ヒアリング時にご依頼があればサーバー納品にも対応可能です。
◆納期
トップページの場合、
3日ほどお時間いただいております(作業量により増減します)。
1サイト(15ページほど)の場合、
静的コーディングは20日ほどお時間いただいております(作業量により増減あり)。
ご希望納期がある場合はお気軽にご相談ください。
◆実績
クリーニング店様のサイト制作
メンズエステ店様のLP制作
エステサロン様のサイト制作
ブログサイトのサイト制作
某電気保安協会様採用ページ制作
お客様との商談、デザインの確認、修正など
デザインが出来上がるまでにたくさんのやり取りがあったことと思います。
その想いをしっかりと形にしてお客様に届けたい。そして笑顔になってもらいたい。
ここからご縁が生まれるのを心より楽しみにしております。
貴方のデザインを元に質の高いコーディングを再現いたします
業務内容
▼こんな方にオススメ
・多忙でコーディングまで手が回らない方
・デザインに集中されたい方
・お店のホームページを出したい方
▼ご提供内容
・ご用意頂いたデザインデータからコーディングを行います。
・ご希望により、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円〜
【デザイナー様・制作会社様必見!】コーディング代行いたします
業務内容
本サービスをご覧いただきありがとうございます!
【デザイナー様・制作会社様】コーダー不足でお困りではないですか?
元WEB制作会社勤務のコーダーが、そのお悩み解決いたします!
■直近でのお仕事(7月)
・アパレルブランド新作コレクションLP×4P
・歯科クリニック様コーポレートサイト(WordPresss)
・アパレルブランドコーポレートサイト新規ページ追加
これまでも数多くのコーディングを行ってきた経験から、
納品前のチェックなど必要項目を把握しています。
自身をもって納品させていただきます!
■流れ
①ヒアリング(チャット・オンラインなど柔軟にご対応)
②お見積り提出
③ご購入
④デザインデータのご入稿(Ai,Photoshop,XD)
⑤制作開始
⑥テストアップ
⑦ご確認・修正対応
⑧納品
※レンタルサーバー・ドメインのご準備もお困りでしたら、ご相談ください。
■料金に含まれているもの
・HTML/SCSS
・CSSアニメーション
・jQuery
・Wordpress(プランによります)
・レスポンシブ対応
・お問い合わせフォーム
・画像圧縮(画像軽量化)
・テストアップ後の修正
■納期
デザインやアニメーション、ページ数で変動いたします。
正式な納品日は、デザインデータのご確認後にお伝えさせて頂きます。
なるべく柔軟にご対応いたします。
※目安
LP 4日~6日
HP TOPページ 4日
下層ページ 1日~2日/1ページ
【WordPress・HTML・CSS】コーディング代行を承ります
業務内容
本パッケージはホームページのコーディング代行サービス(静的サイト、WordPress、LP対応)です。
こんな方にオススメです
- コーダー不足で外注先を探している方
- WordPressが苦手
- WordPressが難しくて自分でできない
- コーディングが苦手なWebデザイナー様
- ディレクションやデザインに集中したい方
など
納期
7日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。
納品までの流れ
- ヒアリング
- お見積り
- ご契約、仮払い
- デザインや素材のご提供
- 着手開始
- 納品(初稿)
- 検収・修正
- プロジェクト完了
【ランサーズ特別価格】どのデバイスでも綺麗に表示されるLPコーディング代行します
業務内容
※ベーシック、スタンダードはコーディングのみのプランです。
頂いたデザインを忠実にコーディングさせて頂きます。
スマホ、iPad、PC、その他どのデバイスでも最適なサイズ感で綺麗に表示させます。
プランの違い
▼ベーシックプラン
頂いたデザインをどのデバイスでも違和感のないように調整しながらコーディング致します。
※ペライチに限ります。
※デザインに合わせた動きは付きません。
▼スタンダードプラン
ベーシックプランにデザインに合わせた動き(アニメーション)が付きます。
ボタンがピョコピョコ上下したり、コンテンツがスクロールに合わせてふわっと上がってきたり、デザインのアクセントになる動きをお付けします。
※ペライチに限ります。
▼プレミアムプラン
弊社でデザインからコーディングまで承ります。
経験豊富な現役Webデザイナーが丁寧にヒアリングして、完全オリジナルデザインのLPに仕上げます。
※ペライチになります。
ベーシック、スタンダードのご依頼の流れ
①デザインを提供頂きます。
PCとスマホ、両方お持ちでしたらそのまま再現させて頂きます。
PCのみの場合、弊社でスマホでも綺麗に見えるよう工夫致します。
↓ ↓ ↓
②表示のご確認。
コーディングをしたものをテストでアップロード致します。
動作確認、デバイス確認をしていただき問題ないようであれば納品させて頂きます。
修正は2回まで無料です。
何かございましたら、ご指示下さい。
プレミアムのご依頼の流れ
①LPの指示書や素材を頂きます。
指示書は、メモ帳でもエクセルでも何でも構いません。
「こんなデザインにしたい」というイメージや参考サイトを教えて下さい。
使いたい画像やロゴ、テキストを提供頂き、デザインにとりかかります。
↓ ↓ ↓
②デザインの確認。
出来上がったデザインラフをJPGの状態で確認して頂きます。
デザインの修正は2回まで無料です。
ほとんどのお客様が2回までの修正で満足のいくデザインに仕上がっています。
↓ ↓ ↓
③表示のご確認。
コーディングをしたものをテストでアップロード致します。
動作確認、デバイス確認をしていただき問題ないようであれば納品させて頂きます。
問題がございましたら、ご指摘いただければ対応させていただきます。
どんなことでも気軽にお問合せ下さい。
【制作会社様・デザイナー様向け】Webサイト・LPのコーディングを承ります
業務内容
ご覧いただきありがとうございます。
Web制作コーダーの菊地友貴です。
コーディング代行として10社以上の制作会社様との業務経験があり、
デザインを再現する丁寧なコーディングはもちろん
「情報共有」
「品質管理」
「スケジュール管理」
を徹底しております!
こんなお悩みを解決します!
・デザインはあるけどコーディングは任せたい・・・
・デザイン以外の部分も、さまざまな端末に合わせて「良い感じ」にしてほしい・・・
・納期まできちんとスケジュール管理して安心してお取引したい・・・
このようなお悩みはお任せください!
制作する上のでお約束
①デザインを忠実に再現します
*レスポンシブまで丁寧に対応し、デザイン上にない部分も「良い感じ」になるよう調整します。
→Googleの拡張機能を使って、ブラウザ上にデザインを重ねながら、
余白のズレや、文字の間隔などピッタリと揃うように調整していきます。
→基本的には320px〜2500pxまで、中途半端な画面幅でも表示崩れのないようにコーディングします。
②進捗状況の「見える化」を行い納期を厳守します
*「案件管理シート」 を共有し、進捗状況や質問事項などがいつでもご確認いただるため、
情報の漏れや連絡のタイムラグを防ぎ、お忙しい中でのやり取りのご負担を減らします。
<案件管理シートの構成>
1)質問・回答シート
2)スケジュール管理シート
3)品質チェックシート
4)サイト情報シート
スプレッドシートのリンク1つを管理していただくだけで、
案件に関わる全ての情報がまとまっています。
③貴社のコーディングルールに合わせてコーディングします
*制作会社様によって指定のコーディングルールがある場合にも柔軟にご対応します。
<これまでの具体例>
・BEM設計
・カラム部分のみBootstrap使用
など
こんなメリットがあります!
・制作会社提携10社のコーダーによる丁寧なコーディング
・デザインツールは幅広く対応(XD、Figma、illustrator、Photoshop可能)
・納品までの丁寧なスケジュール・質問対応管理
▼ご依頼・制作の流れ
①「まずは相談する(無料)」よりお問い合わせください。
②デザインや仕様、ご依頼内容の確認をします。
(必要時にオンラインでのお打ち合わせも可能です。)
③問題なければコーディングを開始します。
④修正・確認チェック
⑤納品
下層ページの追加(別途費用)などあれば気軽にご相談ください。
【最後に】
関わっていただいた方に嫌な思いをしてほしくない、
この人に頼んでよかったと思ってもらえるよう相手の負担を巻き取りたい!
という気持ちで、1つ1つ大切にコーディングさせていただきます。
「案件管理シート」も、お忙しい制作会社様の負担を少しでも減らしたい、
どのようにすればお互いに気持ちの良いやりとりができるか、
と考えて作成しました。
一緒にクライアント様に喜んでいただけるWebサイト制作をしていけますと幸いです。
ご相談を心よりお待ちしております。
LP制作 / WordPress コーディング承ります
業務内容
【サービス紹介】
デザインデータを元に、高品質なHTML・CSS・JavaScriptコーディングを行い、レスポンシブ対応・SEO最適化も実施します。
【サービスの特徴】
・高品質コーディング:クリーンなコードでメンテナンスしやすい構造
・レスポンシブ対応:スマホ・タブレット・PCで最適な表示
・SEO対策:検索エンジンに強いコーディング
・スピード納品:最短3日で納品(要相談)
・修正対応:納品後3回まで無料修正
【サービスの流れ】
① ご依頼・ヒアリング(デザインデータ・要件を共有)
② コーディング開始(HTML・CSS・JSの実装)
③ 動作確認・修正(テスト環境で確認・修正)
④ 納品(完成データをお渡し)
⑤ アフターサポート(納品後の軽微な修正対応)
【作品】
・コーポレートサイト
https://moritaproductions.com/demo/corporate/
・ファッションサイト
https://moritaproductions.com/demo/fashion/
・家具サイト
https://moritaproductions.com/demo/company/
・弁当デリバリーサイト
https://moritaproductions.com/demo/Lunchbox/
【制作会社様・デザイナー様向け】コーディング代行いたします
業務内容
この度は、私が提供するコーディングスキルに興味を持っていただき、誠にありがとうございます。
HTML、CSS、jQueryを中心に、ウェブサイトの開発に関するコーディングスキルを持っています。
具体的には、以下のようなスキルを有しています。
- HTML5/CSS3を使用したマークアップ作業
- JavaScriptライブラリ(jQuery, Vue.js)を使用したフロントエンド開発
- PHPを使用したバックエンド開発
- WordPressのテーマ作成、プラグイン開発
これらのスキルを活かし、クライアントの要望に合わせたウェブサイトの制作を行います。また、コミュニケーションを大切にし、納期や品質にも配慮した作業を行います。
さらに、私は、ウェブサイトのSEO対策にも力を入れています。ウェブサイトの構成やコンテンツ制作など、検索エンジン最適化に必要な技術を熟知しています。そのため、ウェブサイト制作において、SEO対策も含めたトータルサポートを行うことが可能です。
ご不明点やご要望がございましたら、お気軽にお問い合わせください。引き続き、よろしくお願いいたします。
スマホ表示対応!Webサイトのコーディングをいたします
業務内容
★ WEBサイトのコーディングなら、お任せください! ★
- スマホ(レスポンシブ)対応込
- デザインを忠実に再現&正しいマークアップで構築
- ホバーアクションの指定もOK!(また、デザインに合わせて”よしなに”作成いたします!)
■ 納 期 ■
納品目安は 1ページ5営業日~ になります。
以降、1ページごとに+1営業日 追加で日数がかかります。
==========
例)5ページのサイト
5営業日 + 4ページ×1営業日 = 9営業日前後(約2週間程度)
==========
※サイトの構成によっては上記より早く構築可能な場合がございます。
==========
■ サ ー ビ ス ■
・納品前の修正は3回まで無償!
※大幅な修正は別途料金がかかる可能性がございます。
※超過分に関しましては別途料金を見積り&請求させていただきます。
・サーバーへのアップロード
FTP情報をいただければ、アップロードまでさせていただきます。
※サーバー契約・ドメイン取得に関しては、お客様でお願いいたします。
・アフターフォロー(納品後10営業日以内)
納品後、こちらのミスでデザインと異なる箇所があれば無償にて対応いたします。
また、できる範囲位でご質問にお答えさせていただきます!
■ 注 意 事 項 ■
- セキュリティ面での観点から、自作メールフォームは対応しておりません。WordPressのプラグインもしくはmailformProを使用させていただきます。
- Internet Explorerは、サポート終了に伴い対応しておりません。
【*お困りごとに貢献*】ホームページ / LPのコーディング代行を行います
業務内容
✳︎----------------------------------------------
【短納期の案件もチームコーディングで解決!】
あなたのお困りごとに貢献します!
----------------------------------------------✳︎
お忙しい中、ご覧いただきありがとうございます!
WEB制作をチームで行っております、原田一樹(はらだ かずき)と申します。
Lancersの実績はございませんが、
現在、制作会社4社様とお仕事させていただいております!
お付き合いしている会社様からは、
「今回も助けてくれてありがとう!」
「たくさん迷惑かけたけど、やり切ってくれてありがとう!」
など嬉しいお言葉をいただいております。
これまでのお仕事でも、
日頃からお相手への感謝の気持ちを大事にし、
「ありがとう」を大切にお仕事させていただいております。
だからこそ、日頃からお困りごとに対して、
・どうしたらお役立てできるか
・できないことをどうしたらできるに変えられるか
を考えております!
今までのお困りごとの一例として、
【2週間で23ページのサイトのコーディング】の案件をご相談いただいたことがあります。
この時は初めての経験でしたが、
複数人でのチームコーディングを発案し、無事に納品させていただきました。
どのようなお困りごと、ご依頼も柔軟に対応させていただきます!
まずはお気軽にご相談ください!
=======================
【ご提供できること】
○WordPressを用いたオリジナルテーマ制作、カスタマイズ
○静的サイトの制作
○LP制作
=======================
【制作実績】
○株式会社ジーマデザイン様 サイト制作
https://jima-design.jp/
制作期間:2週間
2人でのチームコーディング
・コーポレートサイト制作
・採用サイト制作
・LP制作
※秘密保持契約を結んでいるため、制作会社様との実績は非公開となっております
※個別にご連絡いただけましたら、お見せできる実績がございます
=======================
【制作フロー】
①お打ち合わせ
ご依頼内容・ご希望の納期をお伺いさせていただきます
⬇︎
②ご契約
お見積もり、納期をご提案させていただきます
ご提案内容をご確認いただき、購入をお願いいたします
⬇︎
③制作・確認
制作後に、ご確認いただき、
気になる点がございましたら、修正等のご対応を行います。
※機能の追加等は、追加料金を頂戴する場合がございます
⬇︎
④納品
制作物をzipファイルまたはGitHubにてご納品させていただきます。
※サーバーアップロードをご希望の場合、FTP情報をお伺いさせていただきます
=======================
【ご用意いただくもの】
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
=======================
お忙しい中最後までご覧いただき、誠にありがとうございます。
少しでもご興味をお持ちいただけましたら、お気軽にご連絡ください!
よろしくお願いいたします!
お持ちのデザインから「素早く、丁寧に」コーディング致します
業務内容
ご覧いただきありがとうございます!
ありがたいことに他サイト(cocon○la)ではサービス開始1年で60件以上の販売とプラチナランクを頂きました!!
元接客業の経験を活かし、早いレスポンスとかゆいところに手が届くご提案を心がけております。
"デザインはあるけどコーダーがいない…"
"デザインを形にしてほしい!"
"コミュニーケーションの取れるコーダーを探している…"
という方、お気軽にご相談下さい!
また今は専門ではありませんがWebデザインも学習経験がありますので、多少であれば提案等できますのでそちらも加味していただけると幸いです。
■ サービス内容
・デザインカンプ(XD, AI, PS, figma)からのコーディング
・SEOを意識した適切なタグの使用をしたコーディング
・保守、更新、わかりやすいコーディング
※WordPress化ご希望の方は別途お見積もりをいたします。
■ 制作〜納品の流れ
①ヒアリング・お見積もり
②デザインと画像データなどのご共有
③コーディング・確認・テスト
▼環境テスト
Mac:Chrom, Safari
Window:Chrom, edge
④最終確認・納品
■ 納期の目安
量にもよりますがデータをお預かりしてからの目安のお日にちは下記になります。
・トップページ(2日/1ページ)
・下層ページ(1日/1ページ)
・LP(3日/1ページ)
お急ぎの場合は納期短縮オプションをご選択願います。
■ 納品方法
・基本的にzipファイルでの納品でお願いしております。
購入にあたってのお願い
■ ご用意頂きたいもの
作業を行うにあたって、下記のご提供を頂きます。
・デザインとサイトに使用する画像素材、テキスト等
※デザインデータは、Illustrator / Photoshop / Adobe XD / Figma に対応しております。
■注意事項
・サイト作成を開始した場合のキャンセルは原則受け付けておりません。
・3日以上音信不通の状態が続き、連絡に対しご返信がない場合、その時点で「納品完了」、料金を頂戴します。ご了承ください。
■ お取引後のアフターケア
修正を"納品から1週間"、"2回"まで対応させて頂きます。
また納品後の評価を頂けますと大変助かります。
■営業時間及び休業日
平日・土曜日9:00~19:00の間で対応いたします。
営業時間外でのご連絡はお時間をいただく場合がございますがご了承ください。
ご不明点等がございましたらお気軽にお声がけくださいませ。
ご連絡お待ちしております。
【細かい修正も対応】ホームページ修正、コーディング承ります
業務内容
ホームページ、LPの修正やコーディング承ります。
===【修正について】===
画像の変更、テキストの変更など、軽微な修正も是非お問い合わせください!
修正1箇所につき、2,500円~対応いたします。
Lancersのシステム上、パッケージ最低価格が10,000円となっておりますので、
修正ご希望の場合はお気軽にDMをお願いいたします。
詳細ヒアリング後、正式な御見積をご連絡いたします。
複数箇所まとめて修正の場合、割引も可能です。
【こんなお悩みを解決します】
・画像やテキストを変更したい
・アニメーションを追加したい
・スマホで見たときに気になる部分を修正したい
・お問い合わせフォームを追加したい
・今あるサイトのブログやお知らせを簡単に更新できるようにしたい
・HP、LPのコーディングをお願いしたい
など、Webサイトのことならなんでもご相談ください!
【納期】
・最短即日納品
【納品までの流れ】
①ご依頼前にDMにて打ち合わせ
②ご契約、仮払い
③作業開始
④確認、修正
⑤納品
===【ご確認ください】===
※ご依頼頂く場合、上記金額にシステム手数料(5.5%)がプラスとなりますので、
ご依頼頂く前にぜひご確認くださいませ。
詳しくは、下記URLをご参考になさってください。
https://www.lancers.jp/faq/A1034/936
===【最後に】===
Lancersを初めてから、ありがたいことにリピートでご依頼頂けるようになりました。
これからのお客様にもリピートでご依頼頂けるよう、丁寧で細やかなに対応し、信頼頂けるようなお仕事をしてまいります。
まずはお気軽に、DMでご相談頂けると幸いです^^
【丁寧・迅速対応】HTML/CSS ホームページ・LPのコーディングを代行します
業務内容
ご覧いただきありがとうございます!
コーディングを中心にWeb制作のフリーランスとして活動中です。
ランサーズでのコーダーとしての実績はまだありませんが、今まで10年件以上、
Web制作会社でサイト、LPのコーディング・改修をしておりました。
【こんな方は是非ご相談ください】
・デザインは作れる、完成しているけど、コーディングが出来ない・時間がない
・自分ではコーディングするのが難しい箇所がある
【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery(javascript)による動作の実装
例)ハンバーガーメニュー、Q&A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードインなど
・WordPressの構築
・各種SNS、googleマップ、動画の埋め込み
・お問い合わせフォームの設置
【料金表】
・トップページ 20,000円~
・下層ページ 10,000円~
・アニメーションやJQueryの実装 1,000円~3,000円
・大幅な修正・追加 1箇所 1000円~
・特急料金 通常のお見積もりに+20%上乗せ
【無料サービスに含まれる内容】
・titleタグ、description、OGPの設置
・googleタグマネージャーの設置(事前に準備をお願い致します。)
・画像の軽量化
・最低限のSEO対策
・最初に頂いたデザインに対しては修正無制限
※デザイン変更については、別途料金が発生する場合がございます。
【無料対応】
・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン
※ご希望される場合は、ご依頼時にお申し付けください。
【制作の流れ】
1.ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
2.購入
3.デザインデータのご共有
4.コーディング開始
5.ご確認後、内容にご了承いただけましたら納品
【納品方法】
・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。
HTML/CSS・JavaScriptコーディング承ります
業務内容
ご覧いただきましてありがとうございます。
デザインを再現するだけでなく、SEOやメンテナンスも考慮したコーディングを行います。
【製作事例】
カードローンタイム
https://www.cardloan-time.com/gr/lp.html
三洋貿易株式会社様
https://www.sanyo-trading.co.jp/ir/investor/
株式会社Zene様
https://www.zene.co.jp/
ヴァーチャルオフィス「FIRM」様
https://co-firm.biz/
株式会社テックビルケア様
https://www.techbuilcare.com/dpass/
小田急くらしサポート「ふとん丸洗い&保管キャンペーン」
https://odakyu-kurashisupport.jp/futoncleaning/
【このようなお悩みの方におすすめです!】
・コーダー不足で信頼できる外注をお探しの制作会社様
・デザインだけに集中したいデザイナーの方
・画像差し替え、テキスト変更などページ更新を必要な時だけ依頼したい企業様
【基本料金内サービス】
・レスポンシブデザイン
・HTML / CSSコーディング
・お問い合わせフォーム実装
・JavaScript / CSSを用いた動作
・Retinaディスプレイ対応
・画像圧縮による表示速度最適化
・内部SEO対策(metaタグ、画像に適切なalt、正しい文書構造に応じた適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・Google Analyticsなどアクセス解析用のタグ埋め込み
・各種ブラウザ表示テスト
・各種端末表示テスト
・修正無料
【基本料金内JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替え
など一般的によく見られる動作は、基本料金内で数にかかわらず実装いたします。
その他の動作や複雑なアニメーションについてはご相談ください。
【対応可能データ形式】
・Figma、PSD、AI、XD形式のいずれか
確認用のJPEGもしくはPNGデータを一緒に送付ください。
AI形式の場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
【ブラウザ・端末確認一覧】
・Windowsパソコン
Chrome、Firefox、Microsoft Edge
・Mac
Chrome、Firefox、Safari
・iphone
Safari
・Android
Chrome
【お取引の流れ】
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
ご不明な点は、お気軽にお問い合わせください。
【デザイナー様・制作会社様向け】デザイン通りにHP・LPコーディング代行を承ります
業務内容
ご希望のデザインを忠実に再現いたします!
頂いたデザインデータを完全再現し、お客様の想いをカタチにする
ことを心掛けています。
前職では接客・住宅営業・住宅の設計現場監理をしておりましたので、丁寧なヒアリングと柔軟な対応でお客様のご要望を組み込み、制作するのが得意です!
確かなスキルでデザイン通り制作致します。ご納得頂けるまで「何度でも」修正致します!
- HTML / CSS コーディング
- レスポンシブ対応(PC、スマホ)
- ハンバーガーメニュー
- 表示速度の高速化のための画像圧縮
- 基本的なSEO対策
- 保守性の高いコーディング
上記すべて基本料金に含まれています。
注)ご依頼後、デザインに変更があり実装が変わる場合は、追加費用をいただく場合がございますので予めご了承願います。(文章の一部変更など軽微な変更の場合は不要です)
▼ 作業内容
・ 静的コーディング
・LPのコーディング
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどアニメーション開始の実装
・JavaScriptの機能実装
・WordPress化:内容に応じて別途お見積もり
★こんな方におすすめです★
・お手持ちのデザインデータを完全再現したい!
・他の事で忙しくコーディングを外注したい!
・デザインはできるけどコーディングは苦手で他の人に任せたい!
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様
・デザインはあるけどコーティングを任せたい方
■ご予算について
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。
〜ご依頼の流れ〜
①「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
②納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
③お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
※画像の加工・作成のご依頼も承っています。必要な場合、別途ご相談ください。
※デザインが制作途中の場合はワイヤーや全体の構成図がわかるものをお送り頂ければ先行して作成致します。
↓
④最終的な納品日をお伝えし、サイト構築開始。
↓
⑤コーディング完了後、ご確認をいただき無料で修正対応いたします。
最終チェックが完了後、データ納品となります。
●納期について
デザインデータ受領翌日からの日数を頂いております。
ご希望納期がある場合はご相談ください。
●納品形式
ZIPにてファイル送付致します。
ご希望あればサーバーアップロードも行います
「誠心誠意」丁寧な対応を心掛け、お客様のご要望を組み込みながらデザイン完全再現ができるよう、丁寧に柔軟な対応を心掛けています。
ご不明点などございましたら、見積もり・カスタマイズの相談
あるいはメッセージでお気軽にお問い合わせください。
ー丁寧対応ーお手頃価格でフロントコーディング担当いたします
業務内容
★こんな方におすすめ★
・コーディングだけお任せしたい方
・コーダーのリソースが不足中の方
・繁忙期のみご依頼したい方
・こまめな進捗報告など丁寧なやり取りをご希望の方
★プランについて★
・修正無料です。
(大幅な変更など追加のご要望によるものは別途相談させていただきます)
・(スマホ画面幅)レスポンシブ対応込みです。
・ヘッダー追従、簡易なホバーアニメーション、ハンバーガーメニュー(スマホメニュー)、Q&Aで使用されるようなアコーディオンメニュー、TOPへ戻るボタンはプランに含みます。デザインのご共有時にご希望お伺いできれば幸いでございます。
★わたしについて★
・平日日中の連絡可能です。
(水曜の午前中や用事の際は連絡が遅れる事もありますが、必ずその日中に返信いたします)
・納期守る、返信は途切れない、とばないなど最低限のことを厳守いたします。
・約一年フリーランスコーダーとして活動し、Wordpress構築やフロントコーディングを担当して参りました。
【HTML/CSS/JS】デザインに忠実!コーディング代行いたします
業務内容
ご覧いただきありがとうございます!
・こだわったデザインをしっかり再現してほしい
・丁寧でメンテナンス性の高いコーディングをしてくれるコーダーを探している
・レスポンスの早いコーダーを探している
こんなお悩みをお持ちの制作会社様、ディレクター様、デザイナー様、ぜひお気軽にご相談ください。
PerfectPixelの拡張機能を用い、できるだけデザインに沿ったコーディングをさせていただきます。
(※cssに不要な乱れが出るレベルのズレに関しては都度ご相談させていただきます。)
誠心誠意、心を込めて対応させていただきます!!
◾️サービス内容
・デザインカンプからのHTML/CSSコーディング
(データ形式はFigma、Adobe XD、Photoshop、Illustratorなどが対応可能です)
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応(スマホ・タブレットにて表示確認)
・WordPress化
・実機表示確認(Windows、iPad、iPhone15、Android)
◾️料金例
・コーディング(LP/トップページ) ¥10,000〜(長さにより要見積)
・コーディング(下層ページ) ¥8,000〜/ページ
・アニメーション ¥3,000円〜/1実装
・WordPress化 ¥10,000円〜(カスタム投稿など機能により変動)
◾️納品までの流れ
①ヒアリング・ご相談
↓
②お見積もり
※デザインデータを元にお見積もりを作成
↓
③正式にご依頼いただく
↓
④コーディング
↓
⑤初稿提出
↓
⑥修正
※納品までの細かな修正は回数無制限で承ります!
※大幅なデザイン修正は追加料金が発生いたします。
↓
⑦納品
※通常はZipファイルでの納品となります。
ご希望がございましたらサーバーアップでの納品も可能ですのでご相談ください。(別途お見積もり)
ラフ案やワイヤーフレームだけでもOK!HTML/CSSコーディング作業承ります
業務内容
コーディング作業承ります。
デザイン案がなくても、簡単なラフ案と原稿あれば対応可能です。
1ページからも承りますが、複数ページももちろん大歓迎です!
デザイン制作も可能ですので、お気軽にご相談ください。
軽微なJavaScriptの機能実装も費用内で可能です。
PC、スマホ対応のレスポンシブコーディングとなります。
※PC/スマホ対応のレスポンシブデザイン(タブレットはPCの表示に準じます)
【作業内容】
・新規サイトのコーディング作業
・既存サイトへのページ追加
・LPページのコーディング
※データ納品も可能ですし、指定のサーバへのアップももちろん対応可能です。
ご不明な点ございましたら、お気軽にご相談ください。
【制作会社様・デザイナー様向け】コーディング・WordPress構築承ります
業務内容
【安心丁寧対応!コーディング業務を外注しませんか?】
パッケージ出品をご覧くださりありがとうございます!
Webデザイナー・コーダーの菅井と申します。
ーこんなお困りごとありませんか?ー
- ・コーディングを外注したいデザイナー様、制作会社様
- ・コーディング、WordPress構築を外注できるパートナーが欲しい
私にコーディング業務をお任せください!
しっかりと要件を伺って真摯に対応させていただきます!
ーサービスの内容ー
・静的コーディング
→ LPやホームページなどの静的コーディングが可能です。
レスポンシブ対応も可能となっています。
・WordPressのオリジナルテーマ開発
→ WordPressの導入、構築が可能です。カスタム投稿やカスタムフィールド等のカスタマイズも対応していますのでお気軽にご相談ください。
その他にも
・JavaScript/jQueryを使用したアニメーション
(スライダー、スクロール、アコーディオン、ハンバーガーメニューなど)
・metaタグの設置
・画像圧縮による表示速度最適化
も対応しております。
-これまでの制作実績-
・学習塾様のLP制作
・経営サポート事業様のHP制作
・コーポレートサイトHP制作
-ご予算について-
記載の金額はあくまで目安となります。
ページ数や要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談くださいませ!
-制作の流れ-
①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始(進捗を都度報告いたします)
↓
④ご確認(テスト環境)
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
修正回数は特に設けておりません(デザイン等の大幅修正は除く)。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ
-最後に-
最後までご覧いただきありがとうございました!
ご相談やお見積りは無料で行っておりますので、
少しでも気になりましたらお気軽にご相談ください!
【HTML&CSS , jQuery】SEOを意識したHP制作を承ります
業務内容
自己紹介
はじめまして。
福永と申します。
フリーランスでWeb制作を行っております。
海外で日本語のSEO担当者として勤務しておりますため、SEO対策とWeb制作をお任せください。
迅速かつ高品質なホームページを納品することを心がけております。
ホームページ制作を承ります
主にHTML&CSS,Javascriptを用いたホームページの制作を承っております。
ご要望がございましたら、ワードプレスで構築することも可能でございます。
・LPを安く、高品質で発注したい
・お店や企業のホームページを作成したい
・SEO対策されたホームページを作成したい
のような方は、ぜひお気軽にお問い合わせくださいませ。
料金について
コーディングのみ : ¥7,000 / 1ページ
デザインのご提案とコーディング : ¥30,000 / 1 ページ
デザインのご提案とコーディング + SEO対策 :¥50,000 / 1ページ
※上記の料金は、レスポンシブ対応(スマホ・タブレット)を含んだ料金です。
※コーディングのみの場合でも、基本的なSEOのルールに沿ったコーディングを行います。
※WordPressのテーマ開発に関しましては、承っておりませんのでご了承ください。
直近の実績
KSAソフトテニススクール様
https://ksa-softtennisshcool.com/
デザインとコーディングを担当いたしました。
HTMLメールのコーディングを代行します
業務内容
数あるサービスの中から当ページをご覧いただきありがとうございます。
当方、以前MAツールの運用サポートに携わっており、主にメールマガジンの作成全般を担当しておりました。
その経験を、みなさまのお悩み解決に生かせれば幸いです。
どうぞよろしくお願いいたします。
【こんな方におすすめ】
・デザインは決めたいが、コーディングは外注したい
・HTMLエディタを使ってもコーディングに時間がかかる
・各メーラーでの表示チェックに使う手間を極力減らしたい
※One to Oneメールで差し込みやブロック出し分け用のタグが必要な場合も
対応可能な場合がありますので、まずはお気軽にご相談ください。
【サービス内容】
HTMLメールのコーディング
デザインデータからの画像素材作成
【納品までの流れ】
- ご依頼者様より頂いたデザインデータ、画像データを元にコーディングします。
プレミアムプランの場合は、併せて画像素材の作成も行います。 - 制作物をご確認いただき、必要に応じて修正を行います。
- 問題がなければ、正式に納品(zipファイル送付)となります。
【修正します】お手持ちのWebサイトの修正・コンテンツ追加、対応いたします
業務内容
今ある既存のWEBサイトの修正をいたします!
「住所や電話番号の変更がしたい・・・」
「コンテンツの追加や文章を変更したい・・・」
「サイトにバナーやウィジェットを設置したい・・・」等、
ちょっとしたサイトの修正がしたい方、
ご相談内容からお見積させていただきますので、まずはお気軽にご相談ください!
※ドメイン移管や、既存WordPressテーマの大幅なカスタマイズのご依頼はお断りさせていただいております。
==================
■修正について(税抜)
==================
・テキストの修正:1箇所につき1,320円~
(例:電話番号、住所、リンク先の変更など 基本的にHTML・CSS・JSの修正を伴わない箇所のみ)
・HTMLやCSSの書き換えが伴う修正:1箇所につき7,920円~
・JSの書き換えが伴う修正:1箇所につき13,200円~
・CMSの追加:1箇所につき22,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ファイルにて、当方で用意しているサーバー上からダウンロードしていただきます。
ご希望の納品方法がございましたらお知らせください。
【制作会社様・デザイナー様向け】HP・LPのHTML/CSSコーディング代行します
業務内容
水谷 潤と申します。
この度は数あるパッケージの中からご覧いただき、誠にありがとうございます。
大阪府大阪市在住で、普段よりクラウドソーシングなどでコーディングやWordPress関連のお仕事いただいております。
●作業内容
・HP、LPなどのコーディング業務代行
・WordPressを使った既存テーマHP制作
・WordPressを使ったオリジナルテーマHP制作
●制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
●ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
●最後に
もしお仕事いただけた暁には、もちろんのことですが、誠意をもってお仕事させていただきます。
納期の厳守はもちろんのこと、「レスポンスの速さ」や「こまめな確認」は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コーディング即日対応!!代行いたします
業務内容
HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください!
【デザイナー様、企業のWeb担当者の方へ】
例えば・・・
ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・
お任せください!!
デザインだけに集中できるので、デザインの品質も向上します!
こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。
その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です!
価格(全て税込の対応での掲載になります)
⚫︎修正、更新のご依頼:要相談 3,000円〜
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。
⚫︎ランディングページのコーディング:10,000円~
※長さによって変動いたします。
⚫︎ホームページのコーディング:10,000円~( WordPressも対応`)
上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
購入する際の注意点
*ご依頼していただく場合は上記金額にシステム手数料(5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936
納期
【修正、更新】
最短で即日納品
【LPコーディング】
4日〜
【HPコーディング】
4日〜
*依頼内容によって変動いたしますのでご了承ください。
ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
HTML/CSS/JavascriptのWebサイトをコーディングします
業務内容
ご覧いただきありがとうございます。あおきと申します。
都内のWeb制作会社でフロントエンドデベロッパー/ディレクターとして7年間勤務しておりました。2024年4月より独立し、アニメーション表現を軸にWebサイト制作をしています。
こちらは、お客様にいただいたデザインデータをもとにWebサイトの静的コーディングを代行するパッケージです。
まずは、デザインデータ(figma、xd、psd、ai)をお送りください。
お見積りさせていただきます。
こんなときもご相談ください!
- スマホデザインが完成していない…
- TOPのデザインはあるけど下層ページが完成していない…
- デザインはあるけどアニメーション演出の方向性が定まらない…
→デザインルールを踏襲して実装させていただきます。まずはご相談ください。
オプションで以下も対応可能です
- WordPress構築
- サイト全体のアニメーション演出
- canvasでの2Dアニメーション作成
ご依頼・制作の流れ
- 「まずは相談する(無料)」よりお問い合わせください。
- デザインのご共有:ご相談時はデザインが未完成でも問題ございません。
- デザイン確定:コーディングを開始します。
- ご確認・修正:必要に応じて対応いたします。
- ご納品:zipでの納品・サーバーへのアップなど対応いたします。
【コーディング代行も全ておまかせも!】本格的なランディングページの制作を行います
業務内容
▼こんな方へオススメ
- 初めてのホームページ作成なので、不安な部分を相談しながら制作を進めたい
- なるべく素早く納品して欲しい
- 自分の提案だけでなく、専門知識を生かした提案も聞きたい
- 確実にデザインが反映されたホームページが欲しい
- 制作後も管理できるモダンでシンプルなコーディングが望ましい
▼ご提供内容
- デザイン、コーディング、SEO対策、サーバーへのアップロードといったLP制作の流れを上流から下流までサポートします
- アニメーションやレスポンシブは標準料金内で実装いたします
- tailwind.css/dart-sass等を利用した保守性の高いCSS設計ができます
- テストサーバーなどを設置し、満足いくまでブラッシュアップしていきます
- 丁寧なヒアリングを心がけ課題選定や要件定義を行います
▼制作までの流れ
- webミーティングでヒアリングを行います
- ヒアリング内容をもとにワイヤーフレーム作成 (デザインを希望の場合)
- ワイヤーフレームからデザインを作成 (デザインを希望の場合)
- 実装開始
- テスト環境にて検証
- 修正内容確認後に検収
- ご要望の形態に合わせて納品 (ご希望があれば運用保守まで対応いたします)
ご相談、お見積もりに関しては無料で行っておりますので、まずはお気軽にご相談ください。
何卒よろしくお願いいたします。
【制作会社・デザイナー様向け】静的コーディング・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 などでのオンラインミーティング、対面での打ち合わせ(名古屋市・近郊)も可能です。
[料金について]
基本料金の金額及び納期は目安です。
詳細な要件を確認後、正式な見積もりをご提案いたします。
面倒なWebサイトの更新・修正でお困りでしたら、弊社が代行いたします
業務内容
弊社パッケージをご覧いただき、ありがとうございます。
こんな方におすすめ
- Webページ 1枚だけの対応で良い方(ベーシックプランはシステム上10,000円になっていますが、5,000円で承ります)
- 1か月の間にHP/LPの頻繁な更新や差し替えがある方
- 他業務が忙しくて、自社のHP修正がなかなかできない方
文章の更新や修正、画像の差し替え、トリミング、コンテンツの
追加など、誠実かつ丁寧に対応いたします。
===================================================
弊社について
弊社の主な業務内容は下記となります。
- 業務システム開発
- WEBソフトウェア開発
- ブロックチェーンソフトウェア開発
- エンターテイメント
- IoT開発/組込系開発
- 組織開発/チームビルディング/アドバイザリー
- プログラム作成、ツール作成
- ツール開発・修正
- WEBサイト開発
===================================================
営業日時(連絡可能日時)
平日10時~19時(土日祝休業)
Webエンジニアをはじめ、各スタッフと連携し、業務対応いたします。
まずはお気軽にご相談下さい。
楽天店舗オープン審査サポート&ページ構築「最短15日以内にオープンしたい!」ます
業務内容
楽天市場で新規出店の店舗様へ、
出店許可を取得したら、
オープン審査へ向けていろいろ書類・申請などの準備をしなければならない・・・・
RMSでの設定が面倒、機能の使い方がわからない、オープンまでの時間をかけたくない・・・
審査を通過したら、すぐ売上作れるような状態にしたい・・・・
そんなお悩み解決いたします!
最短15日以内オープンできる!
トップページ制作から審査用商品ページ作成、共通コンテンツのデザイン、様々ツール・機能の設定のサポートまでおまかせ下さい!
【低価格・高品質】静的HTMLコーディング(スマホ・レスポンシブ対応)作業を承ります
業務内容
■サービス出品経緯
【Webサイト制作を依頼したいが、時間と費用がかかる!とお困りではありませんか?】
スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍~2倍程度かかってしまいます。
そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。
■サービス概要
当サービスは、【PCデザインからコーディング(スマホ・レスポンシブ対応)を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。
※当サービスは、「静的サイト(WordPressなし)を前提とした構築」がメインですが、
WordPress実装の案件も承っております。
↓ ↓ ↓
▼【低価格・高品質】WordPress構築+コーディング(スマホ・レスポンシブ対応)作業を承ります。
https://www.lancers.jp/menu/detail/1239400
■サービス購入のメリット
【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】
私はデザインとコーディングともに経験を積んできましたが、
コーディング(WordPress構築)をより得意としています。
そして、PCデザインからスマホ対応Webサイトの制作は70件以上こなしていますので、
ご要望どおりの制作が可能です。
少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。
【Wordpress対応】HTML/CSS。デザイン通りのコーディングを行います
業務内容
◾️提供内容
HTML・CSSの静的コーディング
JavaScriptの実装
CSSアニメーション
WordPressの構築(オリジナルテーマ制作 / カスタマイズ)
◾️基本料金内
JavaScriptの実装
レスポンシブ対応
簡易SEO対策
テスト環境
修正対応
◾️無料JavaScript
ハンバーガーメニュー
◾️納期
トップページ:2~4日
下層ページ:2日~
(ボリューム、稼働状況により変動いたします )
基本的に24時間以内の返信、密なコミュニケーションを心掛けています。
ご不明な点は、お気軽にお問い合わせください。
レスポンシブなLP制作のコーディングを高品質・高速で担当します
業務内容
こんな方にオススメ!
とにかくWebサイトをはやく作りたい方。
アイデアやデザインは用意できるが肝心の実装者が見つからないという方。
ドメインの取り方などが分からない方。
とにかくコーダーの手が足りないという方。
SEOの知見が欲しいという方。
コードレビューをお願いしたいという方。
ミーティングについて
コミュニケーションに関しては、基本的に平日19時以降か土日にはなってしまいますが、週に2回ほどであれば、お昼過ぎのMTG参加などは可能です。
【制作会社・デザイナー様向け】高品質なコーディングを提供いたします
業務内容
数あるパッケージの中からご覧いただき、ありがとうございます。
個人事業(1年目)でコーディングとWordPress構築をメインに活動していると権田量作「ごんだ りょうさく」申します。
現在、制作会社様と継続的なお取引をさせていただいております。
▼こんな方へおすすめ
・デザインデータを正確なコーディングで再現したい制作会社様
・コーディング工程を外注して、業務効率を上げたいデザイナー様
・納期とクオリティを両立できる信頼できるコーダーをお探しの方
▼作業内容
・HTML/CSSコーディング(セマンティックなマークアップ)
・レスポンシブ対応(スマートフォン、タブレット)
・アニメーション実装(CSS/JavaScript)
・Webフォント対応
・各種ブラウザ対応
・W3C準拠のコーディング
・ピクセルパーフェクトな実装
▼特徴(強み)
・レスポンシブデザインの正確な実装
・保守性の高いクリーンなコーディング
・迅速なコミュニケーションと細かな進捗報告
▼制作の流れ
-
お打ち合わせ
仕様確認、実装範囲の確定をさせていただきます。 -
お見積り・契約
工数と納期をご提示させていただきます。 -
制作開始
進捗報告を欠かさず、スムーズな制作進行を心がけます。 -
検証・修正
デバイス/ブラウザチェック、コード品質の確認を行います。 -
納品
完成データをzip形式で納品いたします。
※サーバーアップロード作業もご対応可能です。
▼納品形式
・HTML/CSS/JavaScript ファイル一式
・各種画像データ(圧縮済み)
・テスト環境のURL(オプション)
▼対応可能なデータ形式
XD、Figma、Photoshop、Illustrator、その他画像形式
Web制作会社正社員 HTML/CSS/WordPressのコーディングします
業務内容
Web制作会社で働く現役Webエンジニアの私が、コーディング代行を致します。
既存サイトの不具合などの小さなご依頼から、対応可能です!
「サービス詳細」
いただいたデザインカンプ(Figma/XD/Photoshop/イラレ)から、Webサイトコーディングをします。
SEO対策に有利な、コーディングを致します。
・HTML/CSSコーディング
・Wordpressサイト開発
・JavaScript,JQueryを使ったアニメーション実装
・Vue.jsを使ったモダンフロントエンド開発
・レスポンシブ対応
・お問い合わせフォーム実装(追加料金)
・既存サイトの不具合対応
「ちゃんと進捗管理ができて、連絡ができるエンジニアです。」
私は、「進捗管理」ができるエンジニアです。
ですので、エンジニアによくある、「進捗状況が把握しづらい。」と言ったことは、私の場合ございません。
進捗管理シートを使用し、コーディングを進めます。ですので、進捗状況がわからないと言ったことは起こらないと思います。
また、内部SEO対策を考え、コーディングを致します。
「私の強み」
・内部SEOを意識しコーディング
・進捗確認 / 修正指示がしやすい。
・Wordpressサイトを作成する際は、セキュリティ対策を致します。
・サイト表示速度改善のため、画像圧縮を行います。
・常時SSL化とアクセスデータ見ることができるGoogleアナリティクスの設置を行います。
「私の実績」
実績
・Wordpressサイトの開発案件 20件ほど
・LPの開発案件 5件ほど
・予算1000万円規模のメインディレクション 3件ほど
・予算200~500万円規模のメインディレクション 10件ほど
などなど
ポートフォリオ
ランサーズに登録しているポートフォリオはこちらになります。
https://www.lancers.jp/profile/yk72__mfs/portfolio
「アフターフォロー」
・追加修正が3回目まで無料
「大まかな流れ」
①内容のヒアリング、お見積もり
ヒアリングにて、画像やデザインデータを確認させていただきます。
②ご契約
③コーディング
④ご納品
レンタルサーバーにアップロード or ファイル納品を想定しております。
HTML、CSS、jQueryを使ったWeb制作のコーディングを行います。ます
業務内容
自社のホームページや個人事業主の方へ
専用のホームページ制作をサーバーアップロードまで完全に代行します!
納期は作成するHPの枚数や作るサイトの工程数によっても変わりますが最低2週間は見ていただきたいです。
プロのWeb制作エンジニアでは無く、実績なしの駆け出しエンジニアですので、料金はかなりお安く提供致します。
初めてなので不慣れな部分もあるかと思いますが、不備な部分を出さないように誠実な対応を心掛けて参りますのでよろしくお願い致します。
レスポンシブサイトの高品質なフロントエンドコーディング承ります
業務内容
◽︎こんな方におすすめ
・デザインカンプはあるけどコーディングの手間を省きたい
・デザイナーとしてカンプは用意できるがコーディングまで手が回っていない
・ポートフォリオ制作で、コーディングだけを代行してほしい
・PC、スマホのみしかないデザインをよいように解釈してレスポンシブにしてほしい
・WordPressやstudioではできない演出をサイト上に実装したい
・特殊な実装をしているサイトを改良したい
◽︎対応範囲
・1ページ
・レスポンシブ(スマホ、PC)対応
・基礎的なSEO対策
◽︎対応技術
・HTML Living Standard
・CSS 3
・SASS(SCSS)
・JavaScript
・TypeScript
◽︎開発環境(ご指定がない場合)
・Astro.js
・Vite
・SCSS
◽︎制作のすすめかた
①カンプ確認、すりあわせ
デザインカンプを確認しながら、ヒアリングを行います。
②コード制作
カンプをもとに、コーディングを行います。
③最終確認、納品
確認していただいたのち、納品を行います。
【制作会社様・デザイナー様向け】高品質、保守性を考慮したコーディングを提供します
業務内容
【制作会社様・デザイナー様向け】足りないリソース外注しませんか?
保守性の高いコーディングを提供します
ご覧頂きありがとうございます。
「リソースが足りない」、「質の良いコーディングを求めている」、「デザインはあるがコーディングだけお願いしたい」、「デザインを細部まで再現してほしい」、「1ページだけでもコーディングしてほしい」
そのようなお客様に寄り添い大切なデザインをコーディングします。
もちろん静的サイトコーディング後、WordPress化まで請け負います。
【SassやGulpを使用し、効率よく保守性の高いコーディング】
SassやGulp、FLOCSS・BEMを使用し効率よく、素早く、保守性の高いコーディングで仕上げていきます。またクライアント様から提示された要件定義を遵守し、ご満足いただけるコーディングに仕上げます。
【全プラン共通の内容】
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでスマホを修正します。
・ハンバーガメニュー
・お問い合わせフォームの設置のみ(ベーシックは除く)
・3回までの修正対応(こちら側のミスは除く)
【当サービスの特徴】
・最短本日から作業を開始します。
・上述しましたが、保守性を意識した質の良いコーディングを提供いたします。
【ご契約後の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
事前にデザインカンプをご用意ください
②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
事前情報として、サーバー情報のご提供をお願いします。(サーバーにアップ不要であれば本情報は不要です。)
③トップページ制作
※3回まで修正可能
④下層ページ制作
※3回まで修正可能
⑤最終確認
⑥本番環境(クライアント様のサーバー)で公開(納品)またはファイル形式でお渡し
【最後に】
私自身、コーディングという業務に大変誇りを持っています。大事なデザインをただ単に再現するのではなく、クライアント様とデザイナー様の思いをこめながら、素晴らしいホームページを制作できればと思っております。宜しくお願いいたします。
【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件
◆ひとこと
納期やご予算につきましては柔軟に対応しますのでご相談ください。
購入にあたってのお願い
・基本的にはデザインや画像素材、テキストなどはお客様でご用意をお願いします。
・テキストはコピー&ペーストできるものでご準備をお願いします。
・サーバー/ドメインについてはお客様でご契約ご準備ください。
※サポートが必要な場合は遠慮なくご相談ください
【丁寧なコーディング】デザインカンプを忠実に再現します
業務内容
ランサーズは初めてですので、レビュー5件までは割引価格で提供いたします。
私の業務内容を下記に記載いたしますので、ご興味いただけましたら、
ご連絡のほど、宜しく願いいたします。
【スキル】
・HTML / CSS(Sass) / Javascript / jQuery / PHP(WordPress実装レベル)
・WordPress(オリジナルテーマの作成)
・Gulp
■上記のスキルを使用して以下のご提供が可能です。
・ランディングページの制作
・WordPressを用いたオリジナルテーマのサイト制作
・マルチデバイスに対応したサイト制作(レスポンシブ対応)
・Sass(CSS設計)を用いた保守・予測・拡張・再利用しやすい設計
・Javascript / jQueryを用いたアニメーション
・Gulpを使用したユーザビリティを向上させた効率的なコーディング
【使用ツール】
・Adobe (XD / Photoshop) / Figma
・Chatwork / Slack / Zoom / Microsoft Teams / Google Meet 等
※その他は貴社の規定に従います。
【実務経験】
実務経験の詳細を記載いたします。
どの案件も納期を遵守しており、お客様からのクレームは一切ございません。
納品前の品質チェックを重要項目として考えておりますので、品質を担保するための「品質チェックシート」を作成し、納品前の確認を行なっております。
(1)LINEマーケター様 LPコーディング
・ボリューム:9224px(問い合わせページ含む)
・担当範囲:ディレクション、コーディング
・実装期間:5日(レスポンシブ込み)
<意識したこと>
・制作状況の報告
・納期の遵守
・依頼者の想いが伝わるデザインにする
・ヒアリングシートの活用により、依頼者とデザイナー様の認識違いを無くす
・表示崩れを起こさないコーディング
・仕事を納期通りにやり切る姿勢
(2)法人様 会社紹介のサイト制作(静的サイトのコーディング)
・ボリューム:TOP 1ページ 下層3ページ
・担当範囲:コーディング
・実装期間:7日(レスポンシブ込み)
<意識したこと>
・制作状況の報告
・納期の遵守
・品質チェックシートの提出
・デザインを忠実に再現する
・仕事を納期通りにやり切る姿勢
【稼働時間】
・現在専業フリーランスとして活動しており、1日10時間以上の稼働が可能です。
貴社の事業を最優先に取り組ませていただきます。
・14年にわたる社会人経験を生かし、丁寧な対応と即レスにより円滑なコミュニケーションをお約束いたします。
・自主的な報連相と納期遵守にて作業を行います。
円滑なコミュニケーションとコーディングにより、依頼者様の業務をお手伝い致します。
ご興味いただけましたらご連絡いただけると幸いです。
HTMLコーディング(コード修正)、画像の編集(トリミング他)できます
業務内容
HTMLの更新、画像編集はお任せください。
HTML+CSSのコーディングは日々携わっておりますので、更新作業等は得意分野としております。
画像編集も1時間にかなりの量はこなせますので、更新作業を必要とされる場合はお声掛けください。
また、文章チェックやコードチェック等にも対応いたします。
デザインカンプを元にHP制作のコーディングを担当します
業務内容
●PhotoshopやFigmaで作られたデザインカンプから、画像や文字を読み込む(ない場合はこちらでデザインもご提案します)
●ご希望のアニメーションの確認
●VScodeにてコーディングまたはWordPressのテーマSnow Monkeyで制作
●3割完成時点で方向性の確認
●6割完成時点で方向性の確認
●9割完成時点での詳細チェック
●コーディングデータを提出し終了(サーバーにアップロード対応)
HTML、CSS、Javascriptコーディングを行います
業務内容
デザインのあるページのHTML、CSS、Javascriptコーディングを行います。
デザインのない場合も別途対応しますが、追加の費用をいただきます。また、デザインはそれほど専門的な技術を持っていないため奇抜なデザインなどは難しいです。
【スマホ対応】ホームページ・LPコーディング案件承ります
業務内容
業務内容のご紹介
HP作成やLPなどのコーディングを承っております!
◆◇こんな方にお勧めです◇◆
・コーディングにリソースを割けない
・デザインはあるのでコーディングのみ外注したい
・漠然とこういう動きをつけたいんだけど…どう頼んだらいいかわからない
・小規模のコーディングを頼みたい
・スマホの対応もしてほしい
など、コミュニケーションをしっかりさせていただき
お客様に満足いただくことを最善に対応させていただきます。
◆◇ご用意していただくデータ◇◆
AdobeXD、Photoshop、Illustratorでのご用意をお願いいたします。
jpegや、pngしかない場合はご相談ください。
◆◇ご料金内対応について◇◆
〇動き関連
【スライダー、カルーセル】
【アコーディオン】
【タブメニュー】
【ハンバーガーメニュー】
〇ブラウザ
【Chrome、Firefox、Microsoft Edge】
【iOS11以降 Safari】
【Android5.0以降 Chrome】
〇サーバーアップロード
◆◇ご依頼から納品までの流れ◇◆
1. ご相談
まずはお気軽にご相談ください。
2. 見積もり提出
お見積もりと納期をご提示します。
3. オファーの作成・承諾
ご納得いただけましたらオファーを作成しますので、承諾してください。
4. 作業開始
作業を開始します。
5. ご確認・修正
完成したサイトを確認していただき、修正いたします。
「まずは相談する(無料)」のボタンからお気軽にご相談ください!
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。