人気ランキング 期間:4月17日 〜 4月24日
HTML/CSS/JavascriptのWebサイトをコーディングします
業務内容
ご覧いただきありがとうございます。あおきと申します。
都内のWeb制作会社でフロントエンドデベロッパー/ディレクターとして7年間勤務しておりました。2024年4月より独立し、アニメーション表現を軸にWebサイト制作をしています。
こちらは、お客様にいただいたデザインデータをもとにWebサイトの静的コーディングを代行するパッケージです。
まずは、デザインデータ(figma、xd、psd、ai)をお送りください。
お見積りさせていただきます。
こんなときもご相談ください!
- スマホデザインが完成していない…
- TOPのデザインはあるけど下層ページが完成していない…
- デザインはあるけどアニメーション演出の方向性が定まらない…
→デザインルールを踏襲して実装させていただきます。まずはご相談ください。
オプションで以下も対応可能です
- WordPress構築
- サイト全体のアニメーション演出
- canvasでの2Dアニメーション作成
ご依頼・制作の流れ
- 「まずは相談する(無料)」よりお問い合わせください。
- デザインのご共有:ご相談時はデザインが未完成でも問題ございません。
- デザイン確定:コーディングを開始します。
- ご確認・修正:必要に応じて対応いたします。
- ご納品:zipでの納品・サーバーへのアップなど対応いたします。
【制作会社様 / デザイナー様】 デザインに忠実なコーディングを代行いたします
業務内容
本パッケージは、Webサイトのコーディング代行サービスです。
\\ お悩み解決をお手伝いいたします //
- コーディングの人手が不足している
- コーディングの費用を抑えたい
- レスポンシブデザインに対応したい など
このようなお悩みがありましたらお気軽にご相談ください。
サービス内容
▷ 部分的な修正や更新: 3,000円
▷ ランディングページのコーディング: 29,000円
▷ ホームページのコーディング: 89,000円
上記は目安になります。ページの長さやデザインの内容によって増減いたします。
また、上記はCSSアニメーション(JavaScriptアニメーションは一部無料)とレスポンシブ対応を含めた価格になります。不要な場合はお申し付けください。
納品までの流れ
①ヒアリング・お見積り
「まずは相談する(無料)」よりご依頼内容を記載してご連絡ください。
必要な機能などを確認させていただき、お見積りや今後のスケジュールなどを返信いたします。
②ご契約・お客様よりデザインデータのご提供
お見積り内容などに納得していただけましたら、仮払いによるご契約をお願いいたします。
③コーディング
進捗状況や確認事項など、随時ご連絡させていただきます。
④テスト環境でのご確認
テスト環境にて動作やデザインをご確認いただきます。
⑤修正
必要に応じて修正して再度ご確認いただきます。
納品前の修正は無制限です。
⑥納品
zipファイルの送信、またはご指定のサーバーにアップロードいたします。
JavaScriptについて
ご指定がない限り「jQuery」を使用いたします。
アニメーションの実装は以下のとおりです。
【 無料 】 ハンバーガーボタン / ドロワーメニュー / アコーディオンメニュー / スムーススクロール
【 有料 】 スライダー(Swiper)、モーダルウィンドウ、スクロールに連動した基本的なアニメーションなど
対応デザインデータ
figma / XD / Photoshop
上記以外の場合も可能な限り対応させていただきます。
ブラウザ・端末の確認環境
【 Google Chrome 】Mac / Windows / iPad / iPhone / Android
【 Firefox / Microsoft Edge 】Mac / Windows
【 Safari 】Mac / iPad / iPhone
注意点
- 契約金額は上記価格にシステム手数料5.5%がかかります。(https://www.lancers.jp/faq/A1034/936)
- デザインデータがない場合は対応できかねますので予めご了承ください。
- 「注文時のお願い」も併せてご確認ください。
その他の特徴
- 品質チェックシートにより確認いたします。(チェックシートも併せて納品いたします)
- 休日祝日を含めて稼働しております。急なご連絡も対応可能です。
- ご連絡いただいた場合、基本的に即返信させていただいております
最後に
数あるサービスの中からご覧いただき、誠にありがとうございます。私は2023年11月からオンラインスクール「デイトラ」でWeb制作コースを受講し、翌年1月に卒業制作を完遂しました。
Web制作における実績はまだありませんが、ご依頼をいただけた場合は、10年近くの勤務経験や学習経験、持てる力を尽くして「丁寧な対応」と「高品質」を意識し責任をもって納品させていただきます。
ご相談やお問い合わせはいつでもお待ちしておりますので、「まずは相談する(無料)」からお気軽にご連絡ください。ご検討のほど、よろしくお願いいたします。
【制作会社様、デザイナー様向け】HP,LPコーディングのお手伝いをします
業務内容
Webサイト・LPのコーディングを行います。
コーダーがいなくて困っている、制作が溢れていて手が回らない等お困りでしたらお声がけください!!
【お手伝いできること】
・HTML/CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・保守・運用しやすいCSS設計
・WordPressの導入・構築・改修
・チェックリストを用いたクオリティの担保
これらを使って小さな修正から新規のサイト制作まで幅広く対応可能です。
【制作内容の詳細】
・静的コーディング(1ページ〜)
・レスポンシブ対応
・アニメーションの実装(ご相談ください)
・お問い合わせフォームの実装・設置
・WordPress化:別途お見積もり
【お見積りについて】
記載の金額は目安のものです。
作成するページ数・要件に応じて金額は変動いたします。
ご予算に応じて調整もできますので、お気軽にご相談ください。
【購入の流れ】
・「見積もり・カスタマイズの相談に進む」
コーディングの内容、実装したい機能等お聞かせください。
対応可能かを判断し、制作の流れをお伝えいたします。
↓
・見積もりの提案・契約
作業内容、納期等を踏まえてお見積もりします。
ご納得いただいた上でご購入をお願いします。
↓
・作業開始・確認
お客様でご準備していただく素材を提出して頂きます。
作業が完了しましたら制作物を提出しますので、確認をお願いします。
確認後、修正・変更をいたします。
↓
・納品
作業が全て完了し、納得いただいた上で納品いたします。
データファイルの提出、サーバーへのアップロード等ご希望に合わせて納品いたします。
【レスポンシブ】HTML&CSSコーディング代行します
業務内容
現役のWEBデザイナーが対応します!
「デザイン作業だけに集中したい」「コーダーが不足している」などお困りごとがありましたら
是非お気軽にご相談下さい。
<サービス内容>
◎1ページ(レスポンシブ対応します)
◎PSDファイル、AIファイル、Figma、AdobeXDなどにてデザインデータの提供をお願いいたします。
(デザインからこちらで請け負う場合はお見積りとなります。)
◎納品方法はファイル納品、サーバへのアップロードどちらにも対応します
◎納品後の修正は3回以上はお見積りとさせて頂きます。(こちらのミス等はカウントしません)
<制作の流れ>
①ご依頼内容についてヒアリング
②お見積り
③ご契約
④お客様よりデザインデータのご提供
⑤コーディング
⑥お客様にてご確認・修正作業
⑦納品
<私について>
インハウスのWEBデザイナーとして10年間WEBデザイン&コーディングを行ってきました。
LPやトップページ制作の他、ウェブ解析、SEO対策、ライティングの経験もあるため幅広くご相談に乗ります。
★スピード感 ★メンテナンスのしやすさ ★ページの表示速度
を意識してコーディングを行います!
<実績>
実績に関しては、個別にお問合せ頂けましたらお伝えいたしますのでお気軽にお声がけください。
【制作会社様・デザイナー様向け】一律15,000円!HP・LPコーディング代行します
業務内容
ご覧いただきありがとうございます。
\ 追加料金なし /
HP・LPサイトのコーディングを一律15,000円でいたします!
(トップ1ページ、下層5ページまで)
サービス内容
ーーーーーーーーーーーーーーーーーーーー
・いただいたデザインデータをもとに、HTML/CSSを用いた静的なコーディング
・レスポンシブ対応(スマホのデザインが無い場合でもレスポンシブ対応可能です)
・簡単なアニメーションの実装(スライダ―・ポップアップ・アコーディオン等)
・無料の修正対応(3回まで)
◾️細部にこだわった丁寧な構築
・デザインに応じて適切なブレイクポイントを設定し、どのブラウザで見てもズレが無いように構築いたします。
◾️保守・運用を考慮したCSS設計
・保守や運用をし易いように、FLOCSSを用いたCSS設計をしております。
・SCSSで構築を行い、シンプルで管理のし易い記述をしております。
◾️丁寧でスピーディな対応
丁寧でスピーディなレスポンスや進捗の報告を徹底しております!
◾️納品方法
・zipファイル送付
サービスの流れ
ーーーーーーーーーーーーーーーーーーーー
1. ご相談・ヒアリング
2. デザインデーターお預かり
3. 作業開始
4. ご確認・修正
5. 最終確認・納品
注意事項・サービスに含まれていないもの
ーーーーーーーーーーーーーーーーーーーー
・WordPressの構築は承っておりません。
・ピクセルパーフェクトでの実装やOGPの設定、SEO対策は実施しておりません。
・サーバーへのアップロードは行っておりません。
・大幅なデザインや内容の変更、受注時に指示の無かった追加の要望は対応致しかねます。
・通話でのお打ち合わせは行っておりません。
・制作物をポートフォリオに掲載させていただく場合がございます。
(掲載不可の場合はお申し付けください。)
【Webデザイナー様・制作会社様向け】LP・HPコーディング代行します
業務内容
★【Webデザイナー様、制作会社様へ】あなたのデザインをお任せください!
★ベトナムの高度IT人材があなたのWebサイトを忠実に再現します。
【こんなお悩みはありませんか?】
・デザインは用意してあるのでコーディングだけサクッと任せたい
・いつもお願いしているコーダーの手が空いていない
【初めての方へ】
当サービスはHPやLPなどのコーディングを専門にご提供します。
・お問い合わせフォームを追加したい
・テキストや画像を変えたい
・HPをネットに公開したい
など、ぜひお気軽にご相談ください。
相談(無料)はこちらからお気軽にどうぞ!
https://www.lancers.jp/profile/hasulab
価格
⚫︎HP、LPの画像、文言の修正、更新(1箇所):3,000円
⚫︎TOPページコーディング or ランディングページのコーディング:20,000円
<<実績作りのため期間限定価格にて承り中です!>>
※長さによって変動いたします。
⚫︎ホームページのコーディング(TOPページ or ランディングページ + お問合せフォーム + 送信完了ページ):30,000円
⚫︎ホームページのコーディング(TOPページ + 下層ページ5P + お問合せフォーム + 送信完了ページ):100,000円
【ご依頼、お問い合わせ】
https://www.lancers.jp/profile/hasulab
【制作会社様・デザイナー様向け】Webサイトのコーディング、修正いたします
業務内容
【the one】プロフェッショナルHTML/CSSコーディング代行サービス
こんにちは、the oneの西川と申します。Webサイトの修正や新規コーディングをはじめ、レスポンシブデザインの実装まで、あなたのWeb制作を全面的にサポートします。プロのデザイナー様や制作会社様からのリピート依頼多数、品質とスピードを兼ね備えたサービスを提供しています。
サービス概要
- HTML/CSSコーディング代行
- JavaScript/jQueryによる動的機能実装
- レスポンシブWebデザイン
- デザインカンプからのコーディング(Figma, XD, Photoshop対応)
- WordPressテーマカスタマイズ
the oneが選ばれる理由
品質保証:細部にわたるピクセルパーフェクトなコーディングで、デザインを忠実に再現。
迅速対応:最短即日納品を目指し、スピーディーな作業を心がけています。
細かな対応:明確なコミュニケーションと細かな要望への対応を心掛けています。
料金プラン
修正・更新作業:3,300円〜
ランディングページコーディング:50,000円〜
ホームページコーディング(6ページ以内):100,000円〜
※WordPress対応など、オプションも含めた詳細はお見積もりにて。
制作の流れ
- ヒアリング:ご要望と納品希望日を詳細に伺います。
- お見積もり・ご契約:内容に基づいたお見積もりを提出し、ご納得いただければ契約となります。
- 制作開始:デザインデータをもとにコーディングを開始します。
- 確認・修正:初稿提出後、クライアント様のフィードバックに基づき修正を行います。
- 納品:最終確認後、納品(zipファイルまたはサーバーへのアップロード)を行います。
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。
もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。
そのためにもまずは詳細なご依頼内容を伺いたいので、下記の【ご依頼・お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から一度ご連絡ください。
また同じURLからお問い合わせもできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
【ご依頼・お問い合わせ】
https://www.lancers.jp/menu/detail/1274505
あなたがお持ちのデザインデータをコーディングいたします
業務内容
・HTML/CSSコーディング(レスポンシブ対応)
お持ちのデザインを忠実に再現し、スマホやタブレット
にも対応したサイトを構築します。
・WordPressサイト構築・カスタマイズ
操作しやすいWordPressサイトの構築から、既存
サイトのWordPress化、プラグインのカスタマイズ
まで対応します。
・Webサイトの修正・更新
既存サイトの修正や更新、レスポンシブ対応など、
細かな調整もお任せください。
スマホ表示対応!Webサイトのコーディングをいたします
業務内容
★ WEBサイトのコーディングなら、お任せください! ★
- スマホ(レスポンシブ)対応込
- デザインを忠実に再現&正しいマークアップで構築
- ホバーアクションの指定もOK!(また、デザインに合わせて”よしなに”おつけいたします!)
■ 料 金 ■
①基本のコーディング(レスポンシブ込)
- 下層ページ (1ページにつき)20,000円~
- TOP (1ページにつき)30,000円~
- ランディングページ(縦8,000pxまで) 60,000円~
※レスポンシブデザインが無い場合は、デザインに合わせて”よしなに”させていただきます。
②WordPress組み込み(①へ料金追加)
- メールフォーム (1箇所につき)+15,000円~
- 更新箇所(CMS)の追加 (1箇所につき)+20,000円~
③その他
- アニメーション (1箇所につき)3,000円~
- モーダルウィンドウ (1箇所につき)3,000円~
- スライダー (1箇所につき)5,000円~
- ティザーページ (1ページにつき)8,000円~
■ 納 期 ■
納品目安は 1ページ5営業日~ になります。
以降、1ページごとに+1営業日 追加で日数がかかります。
==========
例)5ページのサイト
5営業日 + 4ページ×1営業日 = 9営業日前後(約2週間程度)
==========
※サイトの構成によっては上記より早く構築可能な場合がございます。
==========
■ サ ー ビ ス ■
・納品前の修正は3回まで無償!
※大幅な修正は別途料金がかかる可能性がございます。
※超過分に関しましては別途料金を見積り&請求させていただきます。
・サーバーへのアップロード
FTP情報をいただければ、アップロードまでさせていただきます。
※サーバー契約・ドメイン取得に関しては、お客様でお願いいたします。
・アフターフォロー(納品後10営業日以内)
納品後、こちらのミスでデザインと異なる箇所があれば無償にて対応いたします。
また、できる範囲位でご質問にお答えさせていただきます!
■ 注 意 事 項 ■
- セキュリティ面での観点から、自作メールフォームは対応しておりません。WordPressのプラグインもしくはmailformProを使用させていただきます。
- Internet Explorerは、サポート終了に伴い対応しておりません。
React, TypeScript, Next.jsでデザイン通りコーディングます
業務内容
【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング(1ページから大量ページまで対応可能です。修正のみも対応可能)
・レスポンシブ対応
・JavaScriptの動的実装(スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します)
【制作の流れ】
・ヒアリング/お見積り(お気軽にご相談ください)
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。
【納期】
実装内容により異なりますが、基本的には1〜2週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。
定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。
【最短2営業日から対】LPコーディング|速度最適化は標準対応します
業務内容
都内広告代理店のLP制作実績は100件以上。
青森県三沢市のWEBデザイナー、合同会社HOWDEEの類家と申します。
日頃からLP制作を多数取り扱っております。
下記のようなLP制作実績があります。
- 大手脱毛サロン
- 美容クリニック
- 美肌治療
- 美容Youtubeチャンネル
- シャンプー
- 医療用ウィッグ
- 士業
- 食品
- その他多数
下記対応可能です。
- アンケートギミックLP(設問4問解答後メインページが展開等)
- アニメーションCSS(文字が浮き上がる、ボタンが動く等)
- お問い合わせフォーム設置
- ECフォース組み込み
- WORDPRESS組み込み
- MAKESHOP等ECサイト組み込み
- もちろんHPコーディングも可能
LPコーディング対応フロー例
まずはデザインデータと指示書をご共有ください。もちろん各工程間で修正対応可能です。
- 内容確認
- ベースコーディング
- 修正〜納品
【コーディング代行 】 制作会社様・デザイナー様向け。爆速でコーディングします
業務内容
数あるサービスからこちらのサービスをご覧いただきまして、ありがとうございます。
このようなお悩みをお持ちの方はございませんか?
・複雑なアニメーションを実装できる人がいない
・デザインはできるけどコーディングが苦手なデザイナーの方
・コーディングだけ外注したいデザイナーの方
・コーダーのパートナーを探しているデザイナー
・社内でコーディングできる人が少ない
・社内のリソースが足りていない
・初心者の人にお願いするのは怖いから実務経験のある方にお願いしたい
全てお任せください!!
・コーダーの経験年数3年で本場の制作会社でのコーディング経験あります
・どの画面幅でも崩れないデザインを意識してコーディングを徹底意識して作業しております
・コーディングと複雑なアニメーションの実装も同時にお請け可能です
※こちらのサービスは小規模な1ページサイトから30ページ前後の中規模サイトまで対応しています。
■サービス内容
・HTML・CSSの静的コーディング
・jQuery/JavaScriptの実装
・GSAPを使用したリッチなアニメーションの実装
(WebGLを使用したアニメーションはご相談ください)
・CSSアニメーション
・WordPressの実装(オリジナルテーマ制作)
・お問い合わせフォーム実装
・gulp・webpackの環境構築(ソースコードのお渡しも可能です。)
・gitでのコード管理
■基本料金の内訳
・jQuery/JavaScriptの実装(無料JavaScript一覧内のもの)
・レスポンシブ対応(タブレット・スマホ込み)
・画像圧縮による表示速度最適化(Webp対応あり)
・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・テスト環境のご用意
・修正無料
■無料JavaScript実装一覧
・簡単なスクロールアニメーション
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、webサイトでよく実装されている動き。
■基本的な納期|デザイン、ボリュームにより変動いたします。
・トップページ:2~3日
・下層ページ:1日~
※デザインデータを受け取った翌日からの日数になります。
■納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
■ブラウザ・端末確認一覧
・Google Chrome Mac/Windows/iPad/iPhone/Android
・FireFox、Microsoft Edge Mac/Windows
・Safari Mac/iPad/iPhone
各ブラウザ・実機で検証を行い、表示が崩れないようにしてお渡しいたします。
ご満足いただけるよう、責任をもってご提案・対応させていただきます。
ご不明点は、お気軽にお問い合わせください。
最後に
私自身、制作会社にて外注を何度も経験してきました。
だからこそ、外注者とって選ぶポイントであるコミュニケーションの大切さと柔軟さを
他のフリーランスの方々よりも理解しており、誰よりも意識して活動をしております。
まずは一度お問い合わせくださいませ。
【2000pxごと2,000円】Web/LPのコーディング代行します
業務内容
===============
2000pxごとに2,000円
===============
この度は、数多くのランサーの中から弊社のページをご覧頂きありがとうございます。
株式会社サクラボは、宮城県仙台市を拠点に活動する企業です。
当社のコーディングサービスは、『ページの長さによって料金が決まる』シンプルな価格設定です。
・初めてご利用されるお客様にも…
・いつもご利用いただいているお客様にも…
常にわかりやすい料金プランでコーディング致します。
「見積金額がわかりづらい」「コーディングのリソースが足りない」そんな時は是非サクラボに頼ってください!
【料金プラン】
===================
ページの長さ(合計px数)= コーディング費用
===================
(合計px数のうち最初の2000pxまでは10,000円、以降 2000pxごとに2,000円加算されます)
★ページの長さが合計「6000px」ならこの価格!
¥16,000
★ページの長さが合計「32000px」ならこの価格!
¥40,000
★ページの長さが合計「72000px」ならこの価格!
¥80,000
※オプション追加料は別途加算されます。
【サービスの特徴】
-
シンプルな料金プラン
【2000pxごと2,000円】のシンプルな料金プランで提供します。
「初回見積もりは安いが、最終的に費用がかさんで赤字案件になった」…そんなことがないような明朗価格となっております。 -
デザインを忠実に再現
デザインデータを綺麗に形に致します。デザイン通りのコーディングを実現するため、経験豊富なコーディング専門スタッフが責任を持って対応いたします。 -
品質チェックテスト込み
コーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかをテストして納品させて頂きますのでご安心ください。
【サービス内容】
- レスポンシブコーディング
- リキッドコーディング
- PC/SPコーディング
- リフレッシュコーディング
- CSSアニメーション
- JavaScriptアニメーション
- CMS設置(Wordpress、他相談ください)
- ECサイト構築(EC-cube、他相談ください)
※詳細はお問い合わせください
◆基本料金に含みます
- Google Maps API
- SNS組み込み
- その他簡単なjQuery/JavaScriptの実装
【購入後のおおまかな流れ】
- ヒアリング・お見積もり(まずはご相談ください!)
- データ入稿
- コーディング・テスト
- ご確認・修正(不備があれば修正いたします)
- 納品(zipファイルでの納品いたします)
【納期】
納期はあくまで目安です。ご依頼状況にあわせて変動する場合があります。まずはご相談ください。
プログラムのコーディング,単純作業の効率化,テストプログラムを作成します
業務内容
▼こんな方へおすすめ
手間のかかるコーディング作業を任せたい方
プログラムにかかわらず,様々な作業を行います.詳しくはご相談ください
▼ご提供内容
簡単なコーディング作業代行
▼ご相談
ご購入前にコーディング作業の要件を簡単にお知らせください
WEB制作(HTML・CSS・Javascript)のお手伝いをします
業務内容
「WEB」「HP」制作の
「サポート」から「制作作業」など、
様々なお手伝いをさせていただきます。
「コーディング方法」や「不具合の解決」など
簡単な「サポート」から、
「制作」「コーディング」も。
部分的な修正も可能です。
「1ページ」「1サイト」のコーディングもご相談ください。
ご希望をお聞かせいただければ、
できるだけ、ご希望に沿った対応をさせていただきます。
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】デザインデータを基にHTML&CSSコーディングします
業務内容
ご覧いただきありがとうございます。
ご安心してお取引いただけるよう、丁寧な対応とご連絡を心がけております。
■サービス内容
- HTML / CSS コーディング
- Javascript
- CSSアニメーション
- WordPressへの実装
- お問い合わせフォーム
■料金内対応
- 基本的なJavascript
- レスポンシブ対応
- meta description / OGPタグ / ファビコン等、基本的な内部SEO対策
> ファビコンをご希望の場合はロゴデータをご用意下さいませ。 - 画像圧縮によるサイト高速化
- テスト環境のご用意
- 修正無料
■無料アニメーション一覧
- ハンバーガーメニュー
- アコーディオンメニュー
- タブメニュー
- スライドショー
- モーダルウィンドウ
- ページトップへのスクロール
その他サイトによく実装されている動きに関しましてはご相談下さいませ。
■コーディングに関して
どの端末幅にも対応したフルレスポンシブ対応になります。
※ご依頼の際はAdobe XD、Illustrator、Figmaいずれかのデザインデータをご用意下さいませ。
■WordPressへの実装に関して
基本料金12,000円となります。
詳細な料金に関しましてはページ数・量によりますのでご相談下さいませ。
■お問い合わせフォームに関して
1ヶ所・10項目まで基本料金内で対応いたします。
PHPでのフルスクラッチ実装 / Googleフォーム埋め込み
に対応可能です。
■納期
以下は目安になります。
デザインの内容・量により変動いたします。
トップページ14日
下層1ページあたり7日
デザインデータ受け取りからの日数になります。
お急ぎの場合は柔軟にご対応いたしますのでご相談下さい。
■アニメーションに関して
スライドショー、ポップアップ、ドロップダウンメニュー等はもちろんのこと、
その他の動きについてもご希望がありましたら、ぜひご相談ください。
■実機での確認に関して
Google Chrome Mac/Windows/Android
FireFox、Microsoft Edge Mac/Windows
Safari Mac
最後までご覧いただきありがとうございます。
ご不明な点がございましたら、お気軽にお問合せ下さいませ。
デザインカンプを元にHP制作のコーディングを担当します
業務内容
●PhotoshopやFigmaで作られたデザインカンプから、画像や文字を読み込む(ない場合はこちらでデザインもご提案します)
●ご希望のアニメーションの確認
●VScodeにてコーディングまたはWordPressのテーマSnow Monkeyで制作
●3割完成時点で方向性の確認
●6割完成時点で方向性の確認
●9割完成時点での詳細チェック
●コーディングデータを提出し終了(サーバーにアップロード対応)
コーディング(LP&Webサイト&WordPress)を承ります
業務内容
ランディングページ(LP)・WEBサイト・WordPress導入サイトの
コーディングを承ります!
制作会社様・デザイナー様からのご依頼をお待ちしております。
安心してお任せいただけるよう、丁寧に正確に迅速にお仕事いたします!
「まずは相談する(無料)」ボタンから
どうぞお気軽にご相談ください。
ー ご発注から納品まで ー
1. 「まずは相談する(無料)」ボタンからご連絡
ご依頼を検討されている内容、ご希望納期等をお知らせください。
2. ご相談内容に返信
ご相談内容に対する回答を返信いたします。
3. ご発注
ご依頼いただく場合は、ご発注にお進みください。
4. 仮払い
ご発注を承認後、仮払いのお手続きにお進みください。
5. 制作開始
仮払いお手続き完了後、即制作を開始できるよう、必要なものをご送信ください。
納期については、仮払いお手続きが完了し、必要なものが揃っている状態からの日数とお考えください。
6. テストサーバにてご確認
コーディングが完成しましたら、こちらで用意したテストサーバーにアップロードいたします。
そちらにて表示等のご確認をいただき、修正箇所があれば修正いたします。
修正箇所があれば修正いたします。
デザインカンプとは違うように変更する場合は、軽微なものであれば対応いたしますが、コーディングのやり直しになるような変更がないよう、よろしくお願いいたします。
7. 納品
ご指定のサーバーへのアップロードか、ZIPファイルをお渡しするか、どちらにも対応可能です。
8. 納品後の修正
表示の不具合等が見つかった場合などについては、1ヶ月以内は修正対応いたします。
納品後に、例「ここの文字の色やサイズを変更したい」「この画像の表示位置を変えたい」などといった変更は、別料金での対応となります。
尚、クライアント様側でコード改変等をおこなった結果での不具合についても、別料金での対応となりますことをご理解ください。
ー ご用意いただくもの ー
- デザインカンプ(Figma、XD、Illustrator、Photoshop)
- サーバー情報(アップロードにて納品の場合)
ー お願い ー
デザインカンプを基に制作しますが、カンプだけではわからない箇所もあります。
そのような箇所については、追加情報をお知らせください。
できる限りお早く納品ができるよう、あらかじめカンプ内に記載いただくか別途お知らせをお願いいたします。
- サイトURL
- サイト名
- DESCRIPTION
- OGPの情報
- FAVICONについて(用意がなければこちらで簡易的なものを作成)
- SNS等共有時に表示される画像(用意がなければこちらで簡易的なものを作成)
- デザインカンプに有料フォントが使用されている場合(指定がなければ近似のGoogleフォントで対応)
- サイト内、外部サイトのリンク先のURL
- お問い合わせフォームの送信先メールアドレス
- お問い合わせフォームの自動返信用メールアドレス
- 開閉したり追尾したり、動きのある箇所。
- HOVERで色を変えたり、OPACITYの調整等する箇所
- レスポンシブ表示のブレイクポイント(基本は、〜1025、1024〜600、599〜320pxくらいで設定しています)
- 余白等、どの程度カンプ通りにするか(特別指定がなければ、ズレ等と判断した部分についてはこちらの判断で調整します)
※特に細かいご指定がないことについては、こちらで適宜調整していきますので、何かご指定がある場合はあらかじめお伝えください。
HP・LPのコーディング【HTML/CSS/JS(jQuery)】をいたします
業務内容
【共通内容】
・HTML/CSSを用いた静的コーディング
・WordPress化
・スマホ、タブレット、PCのレスポンシブ対応
※デザインデータがPCしかない場合でも、こちらでSP版を想定して作成します。
・3回まで無料修正対応
【サービスの特徴】
デザインを忠実に再現し、SEOや保守性を意識したコーディングを提供いたします。
【ご契約から納品までの流れ】
①事前ヒアリング
最初にご相談・ヒアリングをさせて頂き、作業量や納期から、正式なお見積もり金額を提示いたします。
事前にお持ちのデザインカンプをご提示ください。
②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
デザインデータ(Ai,PSD,XDのいずれか)の送付をお願いします。
また、サーバーにアップが必要なお客様は、事前情報としてFTPサーバー情報のご提供をお願いします。
③トップページ制作
※3回まで修正可能
④下層ページ(契約ある場合)制作
※3回まで修正可能
⑤テストサーバーにて最終確認
⑥本番環境(クライアント様のサーバー)で公開(納品)またはZipファイルで納品
※ECサイトの実装は対応しておりません。
※制作させていただいたwebサイトはコーディング実績としてポートフォリオに掲載させていただく場合がございます。掲載不可の場合はお知らせください。
※有料フォントを使用されている場合、読み込みタグやデータをご提供ください。
WEBページ作成、コーディング(主にHTML、CSS、JavaScript)承ります
業務内容
・WEBページ作成、WEBに関してのご依頼をお持ちの方にお勧めいたします。
・主に、WEB作成を提案いたします。
まだ、実績は有りませんが誠心誠意お仕事をさせて頂きます。
それに伴い、費用に関しましては相場よりお安くさせて頂きます。
・主に、HTML、CSS(Sass)、JavaScriptが扱えます。
(PHP、Git、SQL、Reactも少々扱えます)
・お仕事をいただけましたら、納期を設定後、迅速に作業を進め納品させていただきます。
・ご連絡手段は、柔軟に対応させていただきます。
HTML/CSS/JSの作成代行をします。どれか一つからの作成もできます
業務内容
▼こんな方へオススメ
- ウェブサイトの立ち上げやリニューアルをお考えの方
- 独自のデザインや機能を持つウェブサイトを作りたい方
- スマートフォンやタブレット対応を求めている方
- 小規模から大規模まで、様々なプロジェクトのウェブ開発を検討している方
▼ご提供内容
- HTML、CSS、JavaScriptを使用したウェブサイトのカスタム開発
- レスポンシブデザインによるスマートフォン、タブレット対応も可能
▼ご購入後の流れ
- ヒアリング: プロジェクトの要件やご希望を詳しくお聞きします。
- 企画・提案: ご要件に基づき、最適なプランと見積もりを提案します。
- デザイン: ご承認いただいたプランに基づいて、デザインを進めます。
- 開発: デザインを元に、HTML/CSS/JSでコーディングを行います。
- テスト・修正: 完成したウェブサイトのテストを行い、必要に応じて修正します。
- 納品: ウェブサイトを公開し、必要な運用指導を行います。
▼制作可能なジャンル
- ジャンルは問いません(風俗関連はNGです)
▼納期
- ベーシックプラン: 2週間
- スタンダードプラン: 2週間
- プレミアムプラン: 3週間以上
※プロジェクトの規模や内容により変動します。
また、オプションで3日間早められるほか、
更に早めることができる可能性があるのでご相談ください。
【1名限定価格】更新できるWordPress|デザインを忠実にコーディングします
業務内容
**WEB制作会社様/WEBデザイナー様向け**
WordPressのコーディング、まだエディタで書いてる?
▼こんなお悩みありませんか??
☑デザインはPC用だけで、レスポンシブ対応を済ませたい
☑デザインはしたいけど、コーディングは誰かに任せたい
☑変更はコーディングの知識なしでサクッとやりたい
☑コーダーさんによってコーディングの癖があって困る
よくあるオリジナルテーマの作成ではPHP、HTMLなどでページをWordPress化しますが、
これは時間もコストもかかるし
コーディングは人によってクセが出るもの。
変更したくなった場合、人が作ったものは解読が難しい場合も。
しかもWordPress管理画面からは一切変更が出来ないといった
WordPressの機能を殺してしまうサイトも存在します。
これらを解決するために、私はWordpressサイトを
【Elementor】というテーマ作成用プラグインで作成します!
▼この方法のメリット
- 画面操作でテーマを構築。エディタでのコーディングより素早く正確に作成!
- 完成したサイトはWordpressの管理画面から直感操作で更新可能!
- 構築はプラグインが制御するから、作る人によるクセが出ない!
- PC版デザインのみでレスポンシブデザインをこちらで対応可能!
- CSSアニメーションやJSによる動的サイトの作成も可能!
【Elementorって??】
Elementorは海外でポピュラーなテーマ作成用プラグイン。
プラグインのダウンロード総数TOP10に入る大人気プラグインです!
テーマ作成用に開発されたプラグインだから
オリジナルテーマが素早く完成!
簡単に更新可能だから
更新の度に制作者に頼る必要もなし。
管理画面に入れる方なら専門知識なしでできる操作感♪
ぜひElementorでのサイト制作をご検討ください。
▼納品の流れ
1.出品者へDM(ダイレクトメッセージ)を送信
「まずは相談する」というボタンからご連絡ください。
コーディングしたいサイトの内容(ページ数、アニメーションの有無、機能の有無など)をお教えください。
2.出品者から相談者様へ返信
こちらから送っていただいた内容に関して質問や回答をさせて頂きます。
3.注文・仮払い
内容にご納得いただけました場合はご注文をお願いいたします。
4.製作開始
制作に必要な情報を頂きましたら、制作開始いたします。
5.納品物の確認と修正
制作したもののご確認と、修正箇所のご指摘を頂きます。
6.移行
修正箇所にご納得頂けましたら、制作は完了となります。
テスト環境での作成の場合、プラグインを使用してサイトの移行を行います。
7.納品
移行が完了し、動作確認後問題ないようでしたら納品となります。
▼ご注意
納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。
HTML/CSSコーディングやWebデザインを請負いWebページ制作の一部を担います
業務内容
個人事業者やWEBが苦手な中小企業のご担当者様など、
コミュニケーションを取りながらホームページやSNS運用、
名刺作成やロゴ制作まで承ります。
WordPressを使ったコーポレートサイトを構築いたします
業務内容
■こんな人にオススメ
∟会社のHPがないんだけど、誰に頼めばいいかわからない人
∟HPは欲しいけど金額的に難しい人
∟他からホームページを頼まれて制作リソースが不足している方
∟デザインはできるけど、コーディングできない方
∟WordPressがわからない方
■業務内容
∟HP制作・PL制作・WP制作(SnowMonkey/オリジナルテーマ)
■過去関わった制作物
https://y-no-code.com/test-site/public_html/(LP)
■進め方
∟お客様からメールを頂き、その日のうちに返信を致します(面談可能)
∟案件の内容を確認し質問事項など、確認の連絡を致します。
∟制作開始
∟お客様へ提出・確認
∟修正があれば修正
∟納品
■お願い
デザインが確定した後に大幅な変更がある場合は別途料金を徴収いたします。
こちらのご連絡から3週間以上返信がない場合は納品完了といたします。
〜 一言 〜
寄り添ったご提案を心がけよりよりサイトを制作致します。
ご質問などございましたら、お気軽に連絡いただけると幸いです。
【制作会社様・デザイナー様向け】デザインカンプからのコーディング承ります
業務内容
▼こんな方におすすめ
・コーディング業務を代行したい
・コーディングできる人を探しているデザイナー様、デザイン会社様
▼パッケージ内容
静的コーディング
・デザインカンプからのコーディング
・レスポンシブ対応
・保守しやすいFLOCSSを用いたCSS設計
・修正3回まで無料
・JavaScript(jQuery)を用いた各種アニメーション対応
- ハンバーガーメニュー
- スライドショー
- アコーディオンメニュー
WordPress構築
・オリジナルテーマの作成
▼品質チェック
品質チェックリストを共有します
確認端末:Mac / Windows / iPhone / Android
ブラウザ:Chrome / Edge / Safari
▼対応デザインデータ
Figma / XD / Photoshop / Illustrator
▼納品方法
サーバーへのアップロード / Zipファイルの送付
料金はあくまで目安です。ページ数・内容に応じて変動しますのでご相談ください
ご相談だけでも構いませんのでお気軽にどうぞ!
WEBサイトのカスタマイズや更新・修正・プラグインの導入します
業務内容
スライダーを導入したい、参考サイトのような機能を追加したい。
アニメーションの導入や既存サイト内のお知らせのカスタマイズや更新、いきなりサイトが表示されないなどのトラブル対応など様々なWEBサイトのお悩みを解決致します!
Wordpress、BaserCMS等のCMS構築やカスタマイズ、
ECCUBEなどの自社ショップサイトのメンテナンス
カラーミー、ショップサーブなどASPにもできる限り対応致します。
ご注文ではなく相談のみも受付けておりますのでお気軽にご連絡下さい
強みとしては、企業案件をメインで行っている点です。
納期に関しては絶対、着手前に運用面で懸念となるものに関しては事前に確認いたします。
クオリティに関しても一定ラインはクリアしていると思います。
◇制作会社様/デザイナー様向け◇LPコーディング代行いたします
業務内容
ご覧いただき、誠にありがとうございます。
制作会社様や、デザイナー様向け。
・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してまるっとお任せできるコーダーを探している。
そんな方々のお力になります!
▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認(マルチブラウザ対応、W3C、ピクセルパーフェクトなど)
・サーバーへのアップロード
▶︎制作の流れ
①ヒヤリング
実装機能などの確認をいたします。
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。
※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。
▶︎ご用意いただくもの
・デザインデータ(XD、Photoshop、Illustrator、Figmaなど)
Webコーダーがレスポンシブコーディングを代行いたします
業務内容
サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。
◆こんな方にオススメです
-
デザインはできるけどコーディングが苦手
-
コーダー不足で外注先を探している制作会社
-
コーダーのパートナーを探しているデザイナー
◆基本料金に含まれるもの
- HTML/CSSコーディング
- レスポンシブ対応
- 画像、CSSファイル、JavaScriptファイルの圧縮
- テスト確認用サーバーの設置(こちらで用意)
- アフターフォロー(納品後1週間以内)
→納品後のテキストや画像の差し替えは無料対応いたします。
◆基本料金に含まれないもの
- スマホ用デザインカンプがない場合のレスポンシブ対応:合計金額の30%を加算
- アニメーションの実装(一部無料):5,000円〜
- お問い合わせフォームの実装:17,000円〜
静的の場合は「PHP工房」のメールフォーム使用を想定しております。
◆納期
4日程度〜で納品が可能です。
※稼働状況や実装内容により変動します。
◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ(ご確認・修正)
↓
納品(zipファイル送付、またはFTPでレンタルサーバーへアップロード)
◆お見積り参考例
【長さ10,000pxのランディングページコーディング例】
・ページ長さ10,000px:31,000円
・ページトップボタン:無料
・ドロワーメニュー:10,000円
参考価格:41,000円
【8ページのホームページコーディング例】
・トップページ(長さ4,000px):25,000円
・下層ページ(長さ2,000px)×6:72,000円
・下層ページ(プラポリ)×1:6,000円
・お問い合わせフォーム:17,000円
・ページトップボタン:無料
・ドロワーメニュー:10,000円
・スライダー:15,000円
参考価格:145,000円
※WordPress導入も含む場合はプラス44,000円〜
【人手不足にも!】HTML/CSSコーディングいたします
業務内容
数あるパッケージの中から当パッケージをご覧いただきありがとうございます。
人手不足解消にお役立ていただければと思います。
まずはお気軽にお声がけください!
自社サイトのテキスト修正、画像差し替え等、Webサイトの更新を代行します
業務内容
弊社では「ぱぱっとねっと」というホームページの更新代行サービスを行っています。
忙しくて更新作業まで手が回らない!という企業の味方です。
サービス開始から20年以上の経験と実績があります。
これまでに延べ300社以上の運用を行ってきました。
■こんな困りごとがありませんか?
・担当者が辞めてしまい更新できない
・ページの更新に時間と手間がかかる
・制作会社に依頼しているが対応が遅い
・頻繁に更新したいが費用が高く頼めない
■サービス内容
・ぺージの修正
画像の差し替えや文章の修正を行うことができます。
文字を強調したり、レイアウトの変更など、見た目の修正も可能です。
・ぺージの追加・削除
新しいぺージを作成することができます。
ページが増えたことによるリンクの修正やナビゲーションの修正も一括で承ります。
・サイトデータのバックアップ
・簡易アクセス解析レポート
・サイト改ざんチェック
・サーバー・ドメイン管理
・CMSのトラブル・障害復旧
・ホームぺージに関する無料相談
■納期
1依頼/~3営業日程度(修正内容によります)
【デザイナー様・ディレクター様】デザインに忠実&スピーディーにコーディングします
業務内容
■サービス内容
・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
(WordPressオリジナルテーマも可能)
■当サービスの特徴
・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。
・高品質な実装を行います
→コーディング後には(chrome、safari、firefox、edge)の各ブラウザにて表示崩れがないか等の品質チェックを行います。
・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。
・複雑なアニメーションも実装可能
→CSSアニメーション(GSAPライブラリ)を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。
・表示スピードを少しでも早く(脱jQuery)
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。
■全プラン無料の標準サービス
・レスポンシブ対応(スマホ対応)
・基本的なSEO対策
・クロスブラウザ対応(chrome、safari、firefox、edge)
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応
(以下、Wordpressを使用した場合)
・ブログ機能
・ブログ以外の投稿機能(カスタム投稿)
・簡単に更新できるテンプレート設置(カスタムフィールド)
・基本的なセキュリティ対策
■こんな方におすすめ
・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方
■私の強み
・コーディング歴4年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能
私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。
■制作の流れ
- ヒアリング
(※ZOOMでのオンラインミーティングも可能です) - お見積もり金額を提示
- デザインデータを共有、コーディング開始
- 完成品の確認・修正
- 最終確認、データ納品
- 完了報告からお支払いまでのお手続き
■具体的な納品物
・本番環境に公開(お客様の方でご用意いただいているサイトに公開いたします)
・ファイル納品(テーマファイルをZip形式に圧縮してお渡しいたします)
■過去の実績
・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP(下層ページ)
その他・・
■私の特徴
私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。
WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。
特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。
例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。
一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。
また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。
私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。
まずはお気軽にご相談ください。
お待ちしております。
ランディングページを製作します。レスポンシブ対応可!ます
業務内容
◆おすすめの方
・ランディングページを新規作成する方
・既存のランディングページが古くなったので新しいデザインにリフォームしたい方
◆製作の流れ
① ランディングページのコンテンツやデザインの雰囲気を相談して決定します。
(ご希望の雰囲気やデザインのサイトがございましたら事前にお知らせください。)
②デザインのたたき台を作成します。※修正は2回までになります
(たたき台を作成後はデザインを大きく変更することはできません。カラー変更・画像の差し替え・テキストの追加/修正は対応可能です。その他の変更はご相談ください。)
③デザインにOK頂けましたらコーディング作業に入ります。
④テストサーバーにアップしたサイトをチェックし、納品となります。
中小企業の皆様のイメージアップや効果的な告知のために、また痒いところに手がとどくようなサービスを提供できるように、日々尽力しております。
新規サイトやリニューアルなど、業種を問わず幅広い制作実績がございます。
まずはお気軽にご相談ください。
【個人事業主様・デザイナー様等】ホームページやLPのコーディング・部分修正 します
業務内容
現在モニター価格で募集中!
★初めての方へ★
はじめまして。
こちらはWebサイト、ホームページの修正や更新、新規ページのコーディングなどWebサイトのお困り事を解決するサービスです。
もし依頼がはじめてで不安な方は、ぜひ依頼前にお気軽にDMをください(^^)
★こんなお悩みを解決します★
・テキストや画像を変更したい
・デザインやレイアウトを一部変更したい
・スマホで見ると表示が変になる
・新規ページやLPをコーディングしてほしい
・Wordpressのオリジナルテーマを作成したい
・デザインはできるけれどコーディングが苦手
・継続的にコーディングをお願いできる外注先が欲しい
など、上記以外にもWebサイトのことならなんでもご相談ください。
丁寧にご対応させていただきます!
★パッケージについて★
【ベーシック】
修正や更新をして欲しいという方向けです。
1箇所3,300円でご対応します。
パッケージのシステム上10,000円以下は設定できないため、修正希望の方は一度DMください。
詳しい依頼内容をヒアリングして、正式なお見積もりを作成させていただきます。
※複数項目ご依頼の場合は、内容によっては割引も可能です。
※内容によっては対応不可の場合もございます。
※画像変更のみなどの、簡単な修正のみの場合は複数箇所でも3,000円でご対応します。
【スタンダード】
ホームページの新規ページやLPなど1ページのコーディングを希望する方向けです。
18,000円でご対応します。
基本別途費用はかかりませんが、内容によってはご相談させていただきますのでご了承ください。
【プレミアム】
新規ホームページ全体のコーディング、複数のページをコーディングを希望する方向けです。
5ページ以内:68,000円
6ページ以降は1ページ10,000円の追加費用がかかります。
新規ホームページの場合オプション料金+10,000でWordPressの導入もお手伝い可能ですので、ご相談ください。
★納品までの流れ★
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ(ご確認・修正)
→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品
★納品形式★
・zipファイルの送付
・ご指定のサーバーへのアップロード
★対応可能データ★
・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
★注意事項★
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
★実績★
企業にて3年以上のデザイン&コーディングの実務経験がございます。
また、ホームページの立ち上げ〜公開までの経験もございます。
使用言語は主にHTML/CSS/Javascriptです。
ポートフォリオについては公開・掲載が難しいものがありますので、お手数ですが個別にお問い合わせいただければと思います。
ワードプレスで作成されているホームページの各種修正を承ります
業務内容
WordPress(ワードプレス)で作成されているホームページの各種修正を承ります。
10年以上のWordPressでの開発経験をもとに、無駄のない工数で作業させていただきます。
こんな悩みはないでしょうか
・前任者からサイト管理を任せられたが、引き継ぎがしっかりしていなくて更新できない
・社内リソースが足りずに改修作業が行えない
・委託していた制作業者と連絡が取れなくなった
など
・すぐに改修しなければならないのに作業できない、そんなときにご利用ください。
こんなことができます
【ベーシックの改修内容例】
ページを追加したい、ページの一部分を直したい
サイドやフッターにバナーを表示したい
トップに表示される画像を変更したい
この部分にこういう要素を追加したい
ナビゲーションにページを追加したい
Googleアナリティクスのタグを設置したい
広告用のタグを設置したい
など
【スタンダードの改修内容例】
トップページを更新しやすくしたい
一覧ページの見せ方を変更したい(見せる要素の変更、フィルタ項目の変更)
スマホ表示の際の見せ方を変更したい
表示スピードを改善したい
など
【プレミアムの改修内容例】
投稿とは別の一覧でブログを入力できるようにしたい
会員制のサイトにしたい
サイト全体に関わる表示や構造変更
など
まずはご相談ください!
プランごとの作業時間目安
ベーシックプラン:3時間程度
スタンダードプラン:6時間程度
プレミアムプラン:9時間程度
ご発注から納品までの流れ
-
ご相談
各プランの作業内容を目安に、プランを選択してご依頼内容をご連絡ください。
※作業時間がわからない場合はメッセージでご連絡をお願い致します。
※お使いのテーマやプラグインの状況によっては、同じ作業内容でも作業時間に違いがでる場合がございますので、ご了承ください。
内容を確認の上、納期と見積金額をご提示します。 -
ご発注・仮払い
納期と見積金額に納得していただきましたら、ご発注と仮払いをお願いします。
ログイン情報をお預かりいたしますのでご準備をお願い致します。 -
作業開始
不明点などありましたら随時メッセージ連絡を取りながら進めます。
指定納期での作業し完了報告を致します。 -
検証・お支払い
作業内容がよろしければ完了報告を受領ください。
【制作会社様・デザイナー様向け】静的コーディング・WP化を格安で承ります
業務内容
本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。
内容から判断がつかない場合は
お気軽にお問い合わせくださいませ!
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築(BEMを使ったCSS設計)
・静的サイトのWordPress化、WordPressオリジナルテーマ開発
◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
1.ヒアリング
└ 正式なご依頼前にまずご相談くださいませ!
2.ご契約 & 仮払い
3.制作開始
4.確認 & 修正
└ ご検収いただくまで誠心誠意ご対応させていただきます。
5.納品
[企業様、デザイナー様必見] Webサイトのコーディング、代行いたします
業務内容
ホームページ、ランディンページの修正、コーディングはお任せください
★プロのデザイナー様、企業からリピートあり!
安心してあなたのWebサイトをお任せください!
【デザイナー様、企業のWeb担当者の方へ】
こんなお悩みはありませんか?
ほんの少しの修正が必要だけど、コーダーの手が空いていない
安定した品質を担保できるコーダーがいない
コーディングが苦手で誰かに任せたい
このパッケージを購入することでこの悩みが解決できます
いつでもすぐ対応してくれるコーダーがいるから安心♪
品質が担保できるから、安心して任せられる♪
デザインだけに集中できるので、デザインの品質が上がり、デザインの単価も上がった♪
初めての方へ
当サービスはWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。
こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。
”スマホでは表示が崩れる”
”お問い合わせフォームをつけたい”
”文書を変えたい”
”ホームページをネットに公開したい”
”新しくランディングページを作りたいなど”
「こんなことできるかな?」と思ったら、お気軽にご相談ください。
相談は無料です!
どんどん相談しちゃってください!
価格
⚫︎修正、更新のご依頼:要相談 最低価格が3,000円〜
(※内容によっては対応不可の場合もございます。)
システムの都合上10,000円と表記されております。
⚫︎ランディングページのコーディング:44,000円〜
⚫︎ホームページのコーディング(5ページ以内):100,000円( WordPressも対応`)
上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。
制作の流れ
ヒアリング・お見積もり(まずはご相談ください!)
ご契約(仮払いで契約となります)
お客様よりデザインデータご提供
コーディング・テスト
ご確認・修正(回数無制限)
納品(zipファイルでの納品またはご指定サーバーにアップロードいたします。)
実績
公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。
デザイナー様からLPコーディング依頼
制作会社様からWordPress(オリジナルテーマ)のコーディング依頼
個人事業主の方から静的ホームページの修正依頼など
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。
もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。
その為にもまずは詳細なご依頼内容を伺いたいので、
下記の【ご依頼、お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
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
【プロフィール】
【制作会社様・デザイナー様向け】HTML・CSSのコーディングを代行します
業務内容
サービスをご覧いただきありがとうございます!
サービス出品者の宗谷(そうや)と申します。
【本サービスの内容】
本サービスは、WebデザインをHTML・CSS・JavaScriptでコーディングするサービスです。
【各プランの詳細】
※あくまで金額は目安であり、お見積もりからお願いしております。
<ベーシックプラン>
HTML・CSSを使った制作になります。
アニメーションなどを使わないため、下層ページのコーディングなどにオススメです。
<スタンダードプラン>
こちらはHTML、CSS、JavaScript (アニメーション) を含む制作になります。
トップページのコーディングなどにオススメです。
<プレミアムプラン>
こちらは静的コーディングの5ページ分の制作になります。
複数ページのコーディングを依頼されたい方はこちらがオススメです。
【納品までの流れ】
1.ヒアリング(内容の詳細をお聞かせください。)
2.お見積もりを提出 (金額と納品日をお伝えいたします。)
3.ご依頼(ご購入)
4.デザインデータのご入稿
5.制作開始
6.テストアップ
7.検収・修正対応
8.データ納品 or サーバーアップロード
【こんな方にオススメ】
<リソース不足で外注したい方>
リソース不足は私が解消します。
<品質を重視してコーディングしてほしい方>
徹底した品質管理を行い、品質が担保されたサイトを納品します。
<信頼できるコーダーを探しているWeb制作会社様、Webデザイナー様>
初回のサービス購入で信頼を掴み取り、継続して依頼されるコーディングパートナーになることをお約束します。
【最後に】
最後までお読みいただきありがとうございます。
簡単なご相談でも構いません。
お気軽にご相談ください。
/ 宗谷 (そうや)
【理想のデザインを再現】HP/ LPのコーディングいたします
業務内容
【サービス詳細】
はじめまして🙇♀️
ページをご覧いただきありがとうございます🙏
Web制作をしております、
muuと申します😊
早速ですが、
「 自分の想像した通りのデザインにしたいけれど、コーディングが難しくて手が出せない... 」
「 綺麗で信頼されるWebサイトを作りたいけれど、技術的な限界を感じている 」
このような悩みを抱えていませんか😭?
私は、ご依頼者さまの理想を形にする
Webサイトのコーディングを専門としており、
いただいたデザイン案を元に
HTML、CSS、jQueryの知識と経験を活かして
ご依頼者さまのイメージ通りのサイトを実現します!!
WordPressでの入稿など幅広く対応可能です🙇♀️
こちらのサービスをご利用いただくことで
🔶技術的な悩みから解放され、お客さまの得意に集中できます!
🔶専門家の手による高品質なコーディングで、使いやすく美しいサイトが完成します。
🔶時間を大幅に節約し、他の重要な業務に注力できます!
こちら私が過去に制作させていただいたWebサイトになります🙏
お手数ですが、ご覧いただけると嬉しいです😊
提供させていただくサービスの詳しい内容は以下の通りです🙏
🔶HTML、CSS、jQueryを使用したコーディング
🔶WordPressでの入稿対応( サーバーへのアップも可能です )
※ サーバー契約、ドメインの取得はお客様に行っていただきます🙏
( サポートは可能です )
🔶クライアントさまの要望に応じたカスタマイズ
🔶レシポンシブ対応( 携帯、パソコンどちらもズレなく表示させる機能 )
価格に関しては以下の通りです🙏
・TOPページ:10,000円
┗ WordPress化:+5,000円
・下層ページ:8,000円 / 1ページ
┗ WordPress化:+2,000円 / 1ページ
トップページが10,000円 + 2ページ目から+8,000円になります。
合計3ページの場合1万8,000円( TOP + 下層 ) + 8,000円で26,000円となり
全ページWordPressにされる場合は、
+9,000円(TOP5,000円 / 下層 2,000円 / 枚)で35,000円となります🙏
・お問合せフォーム設置:5,000円 / 1箇所
┗ WordPress化:5,000円 / 1箇所
・LP(1ページ):10,000円
不明点などありましたら
まずはお気軽にご相談いただけると嬉しいです🙇♀️🙏
ご相談の段階では費用は発生いたしません😊
プロジェクトの概要、ご希望のデザイン、機能についてお聞かせいただければ、
最適な提案をさせていただきます🙇♀️
サービスの流れは以下の通りです😊
① 相談・お見積り
② ご購入
③ コーディング開始
④ 初回納品
⑤ ご確認
⑥ 修正( 3回まで対応させていただきます )
※ こちら側のミスはもちろん無料修正にて対応させていただきます。
⑦ 納品
※大変お手数ではございますが、
デザインデータはAdobe XD もしくは Figmaにて
ご提供いただけますと幸いです🙏
丁寧にヒアリングさせていただき
全力でお作りさせていただきますので
🔶自分でデザインはできるが、コーディングが苦手なクリエイターさん
🔶ビジネスオーナーさんで、洗練されたウェブサイトを持ちたい方
🔶個人で活動しているアーティストやブロガーさん
上記に該当する方は特にご依頼お待ちしております😆
少しでも気になってくださった方は
お気軽にお見積りだけでもご相談ください🙏
最後まで読んでいただきありがとうございました🙇♀️
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
【制作会社様・デザイナー様向け】LPのコーディングを代行します
業務内容
サービスをご覧いただきありがとうございます!
サービス出品者の宗谷(そうや)と申します。
【本サービスの内容】
本サービスは、LPのデザインをコーディングするサービスです。
【各プランの詳細】
※あくまで金額は目安であり、お見積もりからお願いしております。
<ベーシックプラン>
こちらは画像コーディングがメインの制作になります。
割合としては8 ~ 9割が画像、1 ~ 2割がコーディングのイメージになります。
<スタンダードプラン>
こちらはHTML、CSS、JavaScript (簡易的なアニメーション) を含む制作になります。
ハンバーガーメニューなどアニメーションが含まれる場合はこちらのプランからお願いいたします。
<プレミアムプラン>
こちらは定期的な更新に対応するWordPressを使用した制作になります。
更新が想定されるものを事前にヒアリングさせていただき、カスタムフィードなど使用することで簡易的にLPを更新できるようにサイトを制作します。
【納品までの流れ】
1.ヒアリング(内容の詳細をお聞かせください。)
2.お見積もりを提出 (金額と納品日をお伝えいたします。)
3.ご依頼(ご購入)
4.デザインデータのご入稿
5.制作開始
6.テストアップ
7.検収・修正対応
8.データ納品 or サーバーアップロード
【こんな方にオススメ】
<リソース不足で外注したい方>
リソース不足は私が解消します。
<品質を重視してコーディングしてほしい方>
徹底した品質管理を行い、品質が担保されたサイトを納品します。
<信頼できるコーダーを探しているWeb制作会社様、LPデザイナー様>
初回のサービス購入で信頼を掴み取り、継続して依頼されるコーディングパートナーになることをお約束します。
【最後に】
最後までお読みいただきありがとうございます。
簡単なご相談でも構いません。
お気軽にご相談ください。
/ 宗谷 (そうや)
HTMLとCSSで素早く丁寧に安くコーディングを行います
業務内容
こんな方にお勧め
・Webページを作成してほしい
どんな課題がある
・Webページの作り方が分からない
何を提供できるのか
・お客様が求める品質以上のWebページを作成します!
具体的な納品物
・1~10ページのWebページ
進め方
・進捗を随時報告しながら進めていきます。
・コミュニケーションを大事にします!
・どんなことでもお気軽にご連絡ください!
私の強み
・コミュニケーション能力
・情報収集能力
html/css/scss/jqueryを使ったWeb制作、単純な量産も請け負います
業務内容
既存サイトの量産から、新規ページの構築、メンテナンス等請け負ます。
Adobe DreamWeaver SCSS SVN などが扱いやすい環境になっております。
コーディングはお任せください!あなたのデザイン再現します
業務内容
当サービスをご覧頂きありがとうございます。
フリーランスでWebデザイン、コーダーをしております しのえり と申します。
気持ちの良い丁寧なお取引を心がけております。
ぜひ最後までご一読いただき、ご検討ください。
■サービス内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ(タブレット・スマホ)対応 (プランによります)
・jQuery(スライダー、ハンバーガーメニューなど プランによります)
・基本のSEO対策(metaタグなど)
■制作の流れ
①ヒアリング・お見積り(まずはご相談下さい)
②お客様からデザインカンプのご提供
③コーディング&テスト(Google Chrome環境でPC表示、スマホ表示で問題ないか確認いたします)
④ご確認・修正
⑤納品(zipファイル納品)
■こんな人にオススメ
・コーディングは丸投げしたい
・デザイン通りにコーディングして欲しい
・長期的に依頼できるコーダーを探している
・メンテナンスしやすいきれいなコードでコーディングして欲しい(BEM記法)
■納期
1ページあたり、最短5日/最長10日営業日(除:土日祝)にて制作いたします。
内容にもよりますので、まずはご相談ください。
目安としては、
・トップページ(4~5日程度)
・下層ページ(1~2日程度)
・LP(7~9日程度)
くらいで対応させていただきます。
■その他 —- ご購入前にお読みください
・納品は原則、HTMLファイル・CSSファイルを纏めたZIPファイルでのお渡しとなります。
・納品物は私の実績としてポートフォリオに掲載させていただきます。
・購入後のお客様都合のキャンセルは原則承っておりません。購入前に事前に見積もり依頼、またはダイレクトメッセージにてご依頼されたい内容をお知らせください。
折返しメッセージにてお見積りをお伝えいたします。
お客様にご満足いただけるよう迅速、丁寧に対応いたします。
お気軽にご相談くださいませ。
◆ お客様でご用意頂くもの ◆
①デザインカンプ(Photoshop、Figma推奨)
②素材(使用したい写真やロゴなど全て)
・画像・テキスト
・デザインは、Photoshop、Figmaのデータが好ましいです。
JPEG、PDFでのデザインでも可能ですが納期が遅くなる可能性がございます。
→JPEG、PDFなどの場合には納期短縮のため、使用されている色のカラーコードを全てお教えください。
・IllustratorのAiデータは、PhotoshopのPSD形式に変換をお願いします。
◆ 対応不可なこと ◆
・フォーム送信などの通信を伴う機能の実装
(入力フォームのページは作成可能です)
・WordPress化
【LP/Web/CMS】Wordpress・レスポンシブ対応致します
業務内容
サービスを閲覧いただきありがとうございます!
Chatwork/backlog/slack/line/電話などお客様のご都合に合わせますので
まずはお気軽にご相談いただければと思います。
○ サービス内容 ○
・HTMLの静的ページのコーディング
・JavaScriptを使用した動的な動きのあるページの作成
・WordPressのオリジナルテンプレート作成から特定のテーマに合わせたコーディング
※WordPressは場合によって別途費用がかかる場合がございますのでお気軽にご相談下さい。
○ 制作内容 ○
単発ページ作成・修正等のスポット対応から
新規サイトコーディング・LP制作なども承っております。
お客様のご要望に沿った対応を致します。
○ - スポット修正 ○
作業時間 1時間あたり7500円にて対応させていただいております。
例えば簡単な文字修正 7500円 x 0.25 = 1875円
例えば簡単な画像修正 7500円 x 0.50 = 3750円
○ コーディング費用 ○
トップコーディング費 ¥20,000~ / 1ページ
・下層コンテンツコーディング費 ¥10,000~ / 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・お問い合わせフォーム設置 → ¥15,000~
・WordPress オリジナルテンプレート作成 ¥50,000円~
・WordPress テーマに沿ったサイト制作 ※内容によってご相談
※デザインによって金額は変動いたします。
レスポンシブに関しまして、ブレイクポイントの内容により作業量が変動致しますのでご相談出来ればと思います。
○ 無料対応 ○
・画像圧縮
・WordPressの場合はプラグイン導入は基本無料
※プラグインによるサイトのカスタマイズ作業が発生する場合は別途ご相談させてください。
○ 流れ ○
まずはご相談内容をお聞かせください
↓
作業の洗い出しと納品日と金額をお伝えいたします。
↓
問題がなければ、着手致します。
↓
ご確認
※修正は基本無料で対応いたしますが、あまりにも多くの回数だったり仕様の変更等入る場合は
別途ご相談させていただければと思います。
↓
納品
※対応ブラウザは「Chrome/Edge/Firefox・i-os safari/chrome 」としています。
土日祝日の対応も可能なので
まずはお気軽にご相談下さいませ。
ここまでご覧いただきありがとうございます!
宜しくお願い致します。
WordPress・LP・コーディングのちょっとしたお困り事などを解決いたします
業務内容
「ちょっとした修正だから、全体で募集をするのはちょっと気が引ける」方や「ランサーズを利用してみたいけど、いきなり大きな依頼をするのは心配」という方へ
- 「画像の差し替えをしてほしい」
- 「文言の修正をして欲しい」
- 「ヘッダーやボタンや色を変えたい」
- 「リンクの貼り替えがしたい」
- 「SNSを埋め込みたい」
といった小さなお困りごとから、
- 「WordPressテーマやプラグインの修正」
- 「コンタクトフォームのカスタマイズ」
- 「スライダーの設置」
など、コーディング知識が必要なお困り事まで、プラン別で対応をさせて頂きます。
修正作業の実行前に、メールまたはチャットで、具体的にお困り事をお伺いいたしますので、安心してご相談いただければと思います。
※上記パッケージの範囲内で、修正が困難な場合は別途お見積りをさせていただきます。
また、単発的なサポートではなく、長期のサポート契約をご希望の場合は、お問合せからご連絡をお願いいたします。
これらの価格は、修正の複雑さ、プロジェクトの緊急性、および納期によって変動する可能性があります。具体的な要件を確認できれば、適切な価格のお見積りが可能ですので、一度お問合せをいただければ幸いです。お見積りは無料です。
できる限り、お客様のニーズや予算に応じて、柔軟な対応をさせていただきます。
ぜひ、一度ご相談ください。
お持ちのホームページやLPの修正・更新を2,000円〜代行します
業務内容
この度はパッケージをご覧いただき、誠にありがとうございます。
既存サイトやLPの修正・更新を承ります。
サイト利用者がわかりやすい、使いやすいサイトの構築を目指しております。
責任を持って、大切なサイトをお作りいたします。
▼ こんな方におすすめ
- 修正・更新をする、リソースがない
- やり方がわからない
▼ お問い合わせから制作の流れ
①既存サイト・LPをもとに打ち合わせ
基本はチャットでのやり取りで、必要であればビデオ通話を使用する予定です。
その後、正式なお見積もり金額を提示いたします。
②仮払い
お見積り金額にご了承いただけましたら、ご契約とさせていただきます。仮払いをしていただきます。
③素材の提供
デザインカンプがございましたら、より作業がスピーディーに進められます。
対応可能なツール
・Figma
・XD
・Photoshop
・Illustrator
④制作開始
⑤初稿提出・修正
テスト環境のURLをお伝えいたしますので、そちらからご確認をお願いいたします。
こちらでの修正は無償で回数の制限もなく対応いたします。
⑥本番環境にアップロード、納品
FTPでの納品か、zip形式のファイルでの納品になります。
【初回限定割引アリ】現役コーダーが破格でホームページ・LPコーディング承ります
業務内容
ご覧いただきありがとうございます!
普段はWeb制作会社に勤務しながら、個人でお仕事をいただいております^^
Web制作会社へ依頼される際の一般的な相場よりお安く対応できるように尽力しますのぜひ相見積もりをお願いします!
新規コーディング以外にも既存ホームページの部分的な修正、既存WordPressサイトのカスタマイズも可能です。(こちらでコーディングを行っていないサイトの単発修正は工数の関係上、単価がやや高めになります。)
表示価格は1ページ単価コーディング最低価格となります。"どのようなデザインでもコーディングができる"という意味ではなくpx数やデザインの難易度などの内容によって費用が変わる為、まずデザイン内容などメッセージでご相談ください。
※例えば3,000円ではプライバシーポリシーページのような簡易ページがコーディングできます。
◆作業内容
・HTML/CSSを用いたコーディング
・JavaScriptを用いた仕掛けの実装(ハンバーガーメニュー、スライダー、アコーディオン etc)
・お問い合せフォームの実装
・レスポンシブ対応
・WordPress化対応(カスタム投稿・カスタムフィールドの実装、カスタマイズ)
◆制作の流れ
①ヒヤリング(※ご依頼や困りごとの内容などお聞かせください)
↓
②お見積り
↓
③デザインのご提供 ※デザインから作成の場合は除く
↓
④コーディング
↓
⑤テスト&ご確認、修正
↓
⑥最終確認、納品
※納品方法についてはご希望があればお申し付けください
◆納期について
3日〜2週間ほどお時間をいただいております。
作業量により変わってきますが、ご希望があればご相談ください。
◆実績
<ホームページ制作>
・海外医療系ホームページの日本語版サイトを制作(コーディング〜WordPressサイト)
・不動産屋ホームページ(コーディング〜WordPressサイト )
・歯医者のホームページ(コーディング)
"高品質"で"低価格" なホームページを制作いたします
業務内容
本サービスをご覧いただきありがとうございます。
ポートフォリオ内にあるような高品質なサイトを5000px、3ページ以内であれば10000円の低価格、修正無制限の【追加料金】なしで制作いたします。
▼ 料金
追加1ページ(5000px) / 1000円
※5000px以上の場合500px毎に500円追加費用が発生します。
▼ オプション
オプション料金はすべて無料です
アニメーション レスポンシブ対応 スライダー機能 ハンバーガーメニュー、ご希望の機能を好きなだけ追加することができます。
▼ 制作の流れ
① ご相談ください。
② ご契約・デザインデータお預かり
③ コーディング
④ ご確認・修正
⑤ 最終確認・納品
▼ 納期
1ページあたり2日程度で納品いたします。
▼ 納品方法
・zipファイルの送付
WordPress&レスポンシブ対応!HTML/CSSコーディング承ります
業務内容
▼パッケージ内容
・HTML静的ページのコーディング
・WordPressサイトのコーディング
・JavaScriptを使用した表現
・スクロールに合わせたアニメーション
・スライドギャラリー
・ハンバーガーメニュー
・アコーディオンやタブ等
▼コーディング料金
・TOPページ:15,000円〜 / 1ページ
・下層ページ:10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・WordPress TOPページ:30,000円〜 / 1ページ
・WordPress 下層ページ:10,000円〜 / 1ページ
※カスタマイズ内容によっては別途料金をいただく場合があります。
※料金は全てレスポンシブ込みです。
▼納品までの流れ
①ヒアリング(内容の詳細をお聞かせください)
②納品日と金額をお伝え。
③ご契約(デザインや素材等コーディングに必要なデータをお送りください)
④コーディング開始
⑤ご確認
⑥納品(サーバーへのアップ・もしくはファイルの送付)
※対応ブラウザは「Chrome・safari・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。
迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。
宜しくお願いいたします。
【制作会社様・デザイナー様向け!】デザインカンプからコーディング代行をいたします
業務内容
この度はパッケージをご覧いただき、誠にありがとうございます。
デザイナー様向けに、デザインカンプから、コーディングを承ります。
サイト利用者がわかりやすい、使いやすいサイトの構築を目指しております。
責任を持って、大切なサイトをお作りいたします。
▼ こんな方におすすめ
- コーディングする、リソースがない
- デザインだけに集中したい
▼ スタンダードプラン・プレミアムプランに共通で含まれるもの
- レスポンシブ対応のサイト
- お問い合わせフォーム
- 簡単なアニメーション
・ハンバーガーメニュー
・ふわっと出てくる
・スライダー
・アコーディオン - 修正無償
▼ お問い合わせから制作の流れ
①提供予定のデザインをもとに打ち合わせ
基本はチャットでのやり取りで、必要であればビデオ通話を使用する予定です。
その後、正式なお見積もり金額を提示いたします。
②仮払い
お見積り金額にご了承いただけましたら、ご契約とさせていただきます。仮払いをしていただきます。
③素材の提供
対応可能なツール
・Figma
・XD
・Photoshop
・Illustrator
④制作開始
⑤初稿提出・修正
テスト環境のURLをお伝えいたしますので、そちらからご確認をお願いいたします。
⑥本番環境にアップロード、納品
FTPでの納品か、zip形式のファイルでの納品になります。
HTML/CSS/JavaScript コーディング 動きのあるページを制作します
業務内容
本パッケージはWebサイトのコーディング代行サービスです。
ぜひお気軽にご相談下さいませ!
▼ こんな方におすすめ
「デザインデータはあるけどコーディングをする時間がない」
このようなお悩みをお持ちではありませんか?
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様
ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供します
▼ 料金
●トップページのコーディング:10,000円 〜
●下層ページのコーディング :8,000円〜 / 1ページ
●LPのコーディング:25,000円〜
●アニメーション:要相談
※ 上記は基本料金となります。ページの長さやデザインの内容によって価格は変動します。
※ レスポンシブ対応込みの価格になります。
修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。
▼ 対応可能データ
※ 一枚で書き出した画像データ(JPEGかPNG)を一緒に送付ください。
▼ 納品までの流れ
① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ ご確認・修正
→ テスト環境にアップしお客様にブラウザで確認していただきます
⑤ 最終確認・納品
▼ 納品形式
・zipファイルの送付
・ご指定のサーバーへのアップロード
▼ 注意事項
・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。
※参考サイトのみのご提示やデザイン作成の対応は行なっておりませんのでご了承ください
ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。
デザインに沿ったHTML&CSSコーディングをおこないます
業務内容
〇Webサイトのデザインが決まっていてHTMLとCSSのコーディングを外注したい方におススメです。
【制作会社様、デザイナー様向け】コーディング、WordPress制作サポートします
業務内容
webサイトのコーディングを承ります!
「デザインは用意できるけどコーディングは外注したい」
「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
「自分でコーディングしている時間がない」
「サイトの一部箇所の修正をお願いしたい」
などのコーディングのお困りごとに丁寧に対応させて頂きます。
お気軽にご相談ください。
【制作内容】
・静的コーディング
・LPコーディング
・WordPressコーディング(オリジナルテーマ)
・WordPress既存テーマのカスタマイズなど
・レスポンシブ対応
・スマホ(またはPC)デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成 など…。
【実績】
WordPressホームページ制作
・既存テーマカスタマイズ
・トップビューアニメーション
・オリジナルホームページ制作
詳しくはポートフォリオをご覧ください。
【簡単な修正、コーディング代行】
簡単な画像の差し替えや、部分的なコーディング、修正は1箇所大体5,000円からご対応します。
内容によってはもっとお安く対応する場合もございますので、一度ご連絡頂ければと思います。
パッケージのシステム上ベーシック最低10,000円以上からの設定しか出来ないため、
簡単な修正内容希望の方は一度ご相談いただければ幸いです。
【ご依頼・制作の流れ】
①「まずは相談する(無料)」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正:コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品:データでの納品・サーバーへのアップなど対応させていただきます。
【対応可能データ】
XD、Photoshop、Illustratorのいずれか
Illustratorの場合はリンク画像も添付(もしくは埋め込みで)お願いいたします。
※デザインの内容や量によって費用の追加をお願いする可能性がございます。
ホームページ、ランディングページのコーディングを代行いたします
業務内容
♪業務内容
コーディングを外注したい方
コーダーのパートナーを探しているデザイナー様
デザインに集中したい方!etc...
ご覧いただきありがとうございます。
本パッケージは、ウェブサイトのコーディング、WordPressの制作・カスタマイズのサービスです。
デザインカンプ(ワイヤーフレーム)をご提供いただければ、それをもとにコーディングを行い、忠実に再現いたします。(※デザインツールはFigma、XD、Photoshop 、Illustratorのいずれか対応します)
♪サービス内容
・HTMLの静的コーディング
・ランディングページのコーディング
・WordPressコーディング
・WordPressへの機能実装(カスタム投稿・カスタマイザーの設定など)
(※WordPressはカスタマイズによって別途費用がかかる場合がございます。)
♪無料で対応
・画像圧縮
・SEO対策のmetaタグ設置(内容はご提供お願いします)
・サーバーへのアップロード(FTP情報のご提供をお願いいたします)
・レスポンシブ対応(タブレット、スマートフォン表示)
♪オプション料金にて対応可能
・アニメーション
・PHPメールフォームの実装
♪コーディング費用
・TOPページ:10,000円〜 / 1ページ
・下層ページ:8,000円〜/ 1ページ
・ランディングページのコーディング:23,000円〜
・JavaScriptの実装 → 内容に応じて別途お見積もり
(※簡単なハンバーガーメニューは無料で承ります)
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
(※静的の場合は「PHP工房」のメールフォーム使用を想定しております)
♪納品までの流れ
1.ヒアリング・・・コーディングの内容をお聞かせください。
2.ご契約、仮払い・・・納品日と金額をお伝えいたします。問題がなければ、デザインや素材など、コーディングに必要な資料をお送りください。
3.コーディング開始
4.確認・修正・・・修正は無料で対応します。
5.納品・・・FTPでレンタルサーバーへのアップ、または、ZIPファイルの送付。
♪注意事項
・必ずデザインデータをご用意下さい。
・WEBフォントを利用したデザインの場合、フォントの契約についてはお客様にご用意いただくようお願いしております。
・コーディングについて、お客様からのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのセットアップについては、お客様にてご準備をお願いいたします。
お客様が満足いただけるよう、丁寧で柔軟な対応を心掛けております。
何か疑問やご質問がありましたら、どうぞお気軽にご相談ください。
【コミュニケーションのストレスなし】HTML/CSSコーディングを格安で請け負います
業務内容
以下の業務を請け負います。
・既存サイトのHTMLの部分変更
・既存サイトのデザイン(CSS)変更
・既存サイトのレスポンシブ対応
・静的デザインのHP制作
Webデザインから納品(HTML、cssなど一式格納したZip形式)までが業務範囲となります。
サーバーの新規開設ならびにアップロードは対応いたしかねますことご了承ください。
写真データはライセンスの都合がありますため、貴社にてご用意いただくようお願いします。
※フリーライセンス画像で問題なければ当方で用意します。
※フリーライセンスの証明が確認できるサイトで最適な画像を当て込みます。
※最適な画像がない場合は別途相談させていただく場合がございます。
NDA締結可能です。
HTML/CSSの保守は業務範囲外となります。制作までとなります。
修正は3回まで無料でお受けいたします。
HTML, CSS, JSを用いたコーディングをいたします
業務内容
▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」
▼サービス内容
- HTML, CSS, JSのコーディング
- サイトのWordPress化
- アニメーションの実装
▼ご用意いただくもの
- 各種デザインデータ
- テキストデータ
■HTML/CSSコーディングとは
コーディングとは、プログラミング言語やマークアップ言語などを用いてコードを記述する作業のことを言います。HTMLやCSSを用いたコーディングはWEBページの構造作りや見た目を整えるために重要な役割を果たします。
HTMLとCSSそれぞれの役割は、下記の通りです。
- ・HTML(Hyper Text Markup Language):WEBページの基本的な構造を作り、インターネット上で単語や文章、画像を表示させる
- ・CSS(Cascading Style Sheets):HTMLで作成されたWEBページ内の見た目を装飾する
HTMLはマークアップ言語とも呼ばれ、どこに文章や画像を配置するかなど、WEBページ内の構成を指示してブラウザに表示させる役割があります。
一方、CSSは文章のフォント変更やアンダーラインによる強調など、HTMLで作成したページ内を装飾し、WEBページを見やすくする役割を果たします。
この2つの言語を用いることで、Webサイトの基礎を作成することができます。
■HTML/CSSコーディングを依頼するメリット
HTML/CSSコーディングを依頼するメリットは、下記の通りです。
- ・オリジナルデザインのWebサイトを作れる
- ・優れた機能を持つWebサイトにできる
- ・コストと時間を削減できる
では、それぞれの項目について詳しく解説していきます。
オリジナルデザインのWebサイトを作れる
HTML/CSSコーディングを依頼することで、オリジナルデザインのWebサイトを作成することができます。
例えば、Wordpressで既存テーマを利用してWebサイトを作成する場合、元々用意されたデザインテンプレートを使用するため、同じテーマを利用している別のサイトと似たようなデザインになってしまいます。
しかし、コーディングを行うと、商品やブランドイメージに合ったオリジナルデザインのWebサイトを作ることが可能です。
オリジナルデザインなら、目を引く独自のレイアウトや、ブランドイメージに合ったフォントや構成、アニメーションの使用などにより、ブランドイメージを明確に伝えられます。
また、直感的に操作できるボタンやメニューの位置などのUI(ユーザーインターフェース)、快適な表示速度、ユーザーのアクションに対するフィードバック表示などのUX(ユーザーエクスペリエンス)に優れたWebサイトを作成できます。UIやUXに優れたデザインを採用することで、閲覧しやすく操作がスムーズなWebサイトになることもメリットの一つです。
優れた機能を持つWebサイトにできる
HTML/CSSコーディングを依頼すると、Webサイトに様々な機能を導入することができます。
例えば、問い合わせ率を高めるために、常に画面に追従するお問い合わせフォームを作成したり、メニューを表示するナビゲーションの表示内容を工夫してユーザーの利便性を向上させたりと様々な機能作成や改善を行うことが可能です。またコードの改善によりページの表示速度を早め、ユーザーがWebページから離脱しにくいサイトを作ることもできます。
コストと時間を削減できる
コーディングスキルを習得するためにプログラミングスクールに通うとなると、数ヶ月で数十万など時間とお金がかかってしまいます。
勉強方法にもよりますが、初心者で最低限のコーディングを行えるようになるまでには半年〜1年ほどかかってしまうことも珍しくありません。
そのため、元々コーディングの基本スキルを持っていない場合は、コーディングを依頼するのが現実的且つコストパフォーマンスにも優れています。
■コーディング代行を依頼する流れ
コーディング代行を依頼する流れは、下記の通りです。
- 1. デザインカンプを渡す
- 2. コンテンツを共有する
- 3. アニメーション等の細かな要件を伝える
- 4. 完成したWebサイトを確認する
- 5. アフターサービス
イメージ通り、またはそれ以上のWebサイトを作成するため、各工程ですべきことのポイントを順番に解説していきます。
①デザインカンプを渡す
デザインカンプとは、デザインの完成イメージのことです。画像や記事のレイアウトを決め、Webサイトの骨組みを作った上で、実際に素材を配置したり、背景やカラーを決めて最終的な完成イメージが分かるようにします。
デザインカンプがあることで、依頼する側とされる側の認識のずれを防ぎ、複数人が携わるHTML/CSSコーディングの作業をスムーズに進めることができます。
デザインカンプは依頼先から提案を受けて作成していくこともできますが、依頼する側もある程度希望するイメージを伝えることが望ましいです。
②コンテンツを共有する
Webサイトの目的とデザインの希望を伝えたら、サイトに掲載するテキスト、画像、動画などのコンテンツを依頼先へ共有します。
サイトのどのページに何を配置して欲しいかを指定、または相談していきましょう。可能であれば、コーディング指示書やサイトマップを作成しておくと情報の伝達がスムーズです。
この工程では、コンテンツの追加・削除の要否や設置場所を依頼先に相談すると、ユーザーにとって見やすく、目的を達成しやすいサイト作りが可能になります。
また、提出する画像や動画データのファイル形式に指定があるか、事前に確認して準備しておくとスムーズにコンテンツを共有することができます。
③アニメーション等の細かな要件を伝える
完成イメージを決めてコンテンツを共有したら、アニメーション等の細かい内容についてもイメージを共有していきましょう。
アニメーションの場合、テキストなら1文字ずつ表示させたり、点滅して表示させることで目立たせることができます。また、ページの読み込み中に表示させるローディングアイコンのデザインや画像のアニメーションも依頼できるので検討しましょう。
その他、ボタンをクリックした後のモーションや入力フォームでのエラー発生時の表示、レスポンシブ対応時の表示なども必要に応じて希望を伝えておきましょう。
アニメーション等の細かいデザインは、実際に当てはめてみるとイメージと違って煩わしかったり、使いにくく感じるケースも少なくありません。実際の動きを見てコーダーと相談しながら仕上げていけるとベストです。
④完成したWebサイトを確認する
Webサイトが完成したら、実際に操作しながら確認をします。
デザインは希望通りか、依頼した機能が正常に設置されているか、隅々まで確認しましょう。
主なチェック項目は、下記の通りです。
- ・フォントや色、画像の配置等デザインは適切か
- ・誤字脱字はないか
- ・各機能が正常に動作するか
- ・ページの表示速度は適切か
- ・リンク先は正しく表示されるか
- ・レスポンシブ対応を依頼した場合はスマホやタブレットでの表示が適切か
上記の事項をチェックして、修正の必要がある場合はすみやかに依頼先に依頼しましょう。
また、可能であればサイト制作の途中経過を確認しておきましょう。修正範囲が少なくなり、スムーズに納品してもらうことができます。
⑤アフターサービス
アフターサービスについては、依頼先によって対応範囲が異なります。アフターサービス自体が無い場合もあるので、事前に確認しておきましょう。
依頼先によっては、Webサイトのページ更新や一定期間ごとのメンテナンス、各種機能のアップデート対応まで実施してもらえるケースがあります。
納品時には気が付かなかった不備があった場合や後から画像の差し替えが必要になるなど、Webサイトにおけるトラブルの内容は様々です。依頼時または納品時にアフターサービスの対応範囲を確認しておきましょう。
また、Webサイトの運営経験がない場合には、マニュアルの提供やレクチャーを受けることをおすすめします。
■コーディング代行の依頼先の選び方
コーディング代行の依頼先を選ぶ際に、重視すべきポイントは下記の通りです。
- ・コミュニケーションはスムーズか
- ・コーディングの技術力・実績はあるか
- ・対応範囲はどこまでか
- ・納品後のサポート体制を確認
- ・納期と料金
いずれも、適切なコストでWebサイトを作成するために必要な項目です。
ここからは、依頼先の選び方について、詳しく解説していきます。
コミュニケーションはスムーズか
コーディング代行を依頼する場合、コミュニケーションがきちんと取れるかどうかは重要なポイントです。
イメージしているWebサイトを作成してもらうために、丁寧なヒアリングや提案をしてくれるかを確認しておきましょう。
できれば、Webサイトに取り入れたい機能等について、事前に相談ができると安心です。実際にやりとりすると契約後の対応をイメージしやすくなります。
難しい専門用語を理解できるよう説明してくれたり、質問の意図を汲み取って適切な回答や提案をしてくれる依頼先なら信頼もできますね。
加えて、打ち合わせの回数や時間についても事前に確認しておきましょう。柔軟に対応してくれるところが望ましいです。
コーディングの技術力・実績はあるか
目的に合ったWebサイトを作成してもらうためには、コーディングの技術が必要です。依頼先を選定する際には、Webサイトのデザイン案や必要な機能について、対応可能か確認しましょう。
コーディング代行ではHTMLとCSSを用いるのが一般的ですが、画像のスライドなど動きのあるWebサイトを制作するにはJavaScriptの知識も必要です。幅広い要望に応えてもらうためには、HTMLやCSS以外のプログラミング言語にも対応可能な依頼先を選びましょう。
また、依頼先を選ぶ際には、過去に作成したサイトのデザイン、実績を確認しておくと、コーダーのスキルの判断材料になります。
対応範囲はどこまでか
コーディング代行の依頼先の対応範囲を確認しましょう。
一言でコーディング代行と言っても、対応できる範囲が依頼先ごとに変わってきます。
依頼先によって対応の可否が異なるコーディング代行の内容の例は、下記の通りです。
- ・デザインのレスポンシブ対応
- ・WordPressへの移行
- ・WordPressで作成したサイトのコーディング
- ・ページ速度改善への対応
- ・SEO対策
依頼したい内容がこれらに当てはまるかをチェックし、対応可能かを確認してください。
また、対応可能であっても、基本料金に含まれているか、オプション料金が発生するか、納期に変更があるかなども聞いておきましょう。
納品後のサポート体制を確認
納品後のサポート体制の有無やサポート期間を確認しておきましょう。
納品後にサポートが必要になる主なケースは、下記の通りです。
- ・エラー対応
- ・Webサイトのメンテナンス
- ・CMSのアップデート
それぞれのケースについて、具体例を挙げて解説していきます。
まずはじめにエラーについてですが、納品時には確認できなかったものが後から発覚するケースがあります。コーディングの不具合であれば、無料で実施してもらえることも多いです。また、他の原因であれば料金を提示して対応してもらえると安心です。
Webサイトのメンテナンスは、WordPressや各種機能のアップデート、セキュリティのチェック、SEO対策の見直しなどを指します。依頼先によっては、管理費を支払えば継続的にWebサイトの保守業務を行ってくれるケースもあります。
また、新商品の追加や値下げなど、Webサイトは随時更新をしていく必要があります。納品後のWebサイトの運用が円滑に進むよう、更新方法のレクチャーやマニュアルの配布を受けられるかチェックしておきましょう。
納期と料金
コーディング代行の依頼先を選ぶ際には、納期と料金が適切かを確認しましょう。
コーディング代行の納期は1週間から1ヶ月程度と、依頼する内容によって大幅に変わってくるため、必ず事前に確認します。
また提示された料金が適切かを判断するためには、相見積もりを取って比較することをおすすめします。
基本料金とオプション料金の内容はそれぞれ異なるため、費用の内訳がわかりやすい依頼先を選ぶと安心です。コーダーによって、基本料金をページ単価で設定していたり、レスポンシブ対応やWordPress化までを含めた料金設定をしていたりします。
■ランサーズでコーディング代行を依頼する方法
ランサーズでコーディング代行を依頼する方法は下記の通りです。
- 1. 出品パッケージを探す
- 2. 無料見積もり相談
- 3. 発注
- 4. 確認・納品
ランサーズではWEB上のやり取りだけで依頼先探しや無料見積もり相談、納品、検収まで行うことができます。
では、ランサーズでコーディング代行を依頼する方法を順番に解説します。
出品パッケージを探す
ランサーズのサイトにアクセスし、出品パッケージを探します。
「カテゴリから探す」機能や検索機能を使用して、出品パッケージの一覧を見てみましょう。
予算範囲や納期・個人か法人かなどの絞り込み機能もあるため、多くの出品パッケージのなかから自分の見たいパッケージだけを見ることができます。
気になるパッケージのページを開くと、出品者の業務内容や実績、口コミなどを把握することができます。ポートフォリオにはこれまで手がけたWebサイトの画像が表示されていますが、個別に問い合わせると詳細を確認できるケースもあります。
ベーシック・スタンダード・プレミアムのプラン毎の料金や納期、作業内容が提示してあるので、どのプランで依頼するか検討しましょう。また、事前に質問があれば問い合わせをすれば回答してもらうこともできます。
無料見積もり相談
気になるパッケージの中でプランを絞り込んだら、まず無料の見積もり相談をしてみましょう。
事前に考えていたイメージを伝えて、納期などの条件やオプション料金が発生するかなどの疑問点があれば確認しましょう。無料見積の段階で、出品者のヒアリングスキルの高さや自分の希望条件に柔軟に対応してもらえるかなども分かります。
他にも気になるパッケージがある場合は、比較検討のために無料見積もり相談だけでもしておきましょう。
発注
依頼先を決定したら、発注を行います。
無料相談を経て金額や条件、納期を調整した見積もりに対して、注文を行います。
注文は「注文・仮払いに進む」ボタンを押し、見積り内容と金額、納期はいつかを確認し、自分の提示した条件に合っていれば、仮払いを行います。
仮払い金の支払い方法を選択し、必要事項を入力した後にページ下部の「注文・仮払いを確定する」を押すと発注が完了します。
仮払いを行わないと依頼先は業務を開始できないため、忘れずに仮払いを行いましょう。
確認・納品
発注後、必要があればランサーズ上でやり取りを行い、依頼先に制作を行ってもらいます。制作物が完成し、納品されたら依頼内容と合致しているか確認します。依頼先から納品が行われると「納品・完了報告」の通知が来るので、検収を行うと依頼が完了します。
■一般的な制作会社へ「コーディング代行」を依頼した際の料金相場
コーディングを外注する場合、料金は1ページ毎に計算されることが多いです。およそ1ページ約10,000円〜が相場ですが、複雑なアニメーションがあり実装難易度が高くなれば料金も高くなります。
またトップページと下層ページでも料金が異なることが多くあります。この理由はデザインにあります。トップページと下層ページで似たデザインである場合、一度トップページをコーディングしてしまえば下層ページはそのデザインを再利用し、より少ない工数でコーディングすることが可能だからです。
またボリュームディスカウントを行っている制作会社も多く、ページ数が増えれば増えるほどお得になるような料金設定になっています。
企業 | 内容 | 価格 |
---|---|---|
企業A | レスポンシブコーディング(1P) | 約10,000円〜 |
レスポンシブコーディング(20P) | 約180,000円〜 | |
レスポンシブコーディング(40P) | 約300,000円〜 | |
企業B | ディレクション | 約30,000円~ |
トップページコーディング | 約15,000円/1P | |
下層ページコーディング | 約5,000円/1P | |
企業C | レスポンシブコーディング(1~10P) | 約13,000円/1P |
レスポンシブコーディング(11~20P) | 約12,000円/1P | |
レスポンシブコーディング(20~30P) | 約11,000円/1P |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。