人気ランキング 期間:5月3日 〜 5月10日
実務経験10年以上のマークアップエンジニアが、誰よりも早くコーディング対応します
【マーケティング会社様・制作会社様・デザイナー様向け】コーディング代行します
WordPress対応_HTML/CSSコーディング承ります
そのデザインお任せ下さい!再現します
業務内容
◆作業内容
・HTML/CSSを用いた静的コーディング
◆準備いただくもの
・デザイン
・画像
・テキスト
◆その他
・ブラウザチェックは、Google Chrome/Microsoft Edge/Fire Foxで行います。
パッと見て伝わるランディングページを制作し ます
業務内容
【制作フロー】
①問い合わせ
商材カテゴリー、制作の目的をお知らせ下さい。
お客様でご用意頂くものや納期について
※24時間以内(土日祝を除く)に返信致します。
↓
②資料準備、制作費支払
お打ち合わせ内容にご納得いただければ、
✅文章
✅ロゴや商品写真等の素材
をご準備下さい。
↓
③制作スタート
LP仮完成までの期間は約15営業日です。
↓
④仮完成品のご案内&修正
↓
⑤残り作業実施(3営業日以内)
修正が完了しデザイン確定後、
バナー制作・測定タグの埋め込み等、
ご要望頂いた作業を行います。
↓
⑥LPデータを納品、制作完了
HTML&CSSファイル形式での納品です。
まずはお気軽にお問合せ下さい。
【制作会社様・デザイナー様向け】高品質、保守性を考慮したコーディングを提供します
業務内容
【制作会社様・デザイナー様向け】足りないリソース外注しませんか?
保守性の高いコーディングを提供します
ご覧頂きありがとうございます。
「リソースが足りない」、「質の良いコーディングを求めている」、「デザインはあるがコーディングだけお願いしたい」、「デザインを細部まで再現してほしい」、「1ページだけでもコーディングしてほしい」
そのようなお客様に寄り添い大切なデザインをコーディングします。
もちろん静的サイトコーディング後、WordPress化まで請け負います。
【SassやGulpを使用し、効率よく保守性の高いコーディング】
SassやGulp、FLOCSS・BEMを使用し効率よく、素早く、保守性の高いコーディングで仕上げていきます。またクライアント様から提示された要件定義を遵守し、ご満足いただけるコーディングに仕上げます。
【全プラン共通の内容】
・HTML/CSSを用いた静的コーディング
・スマホ、PC対応
※デザインデータがPCしかない場合、こちらでスマホを修正します。
・ハンバーガメニュー
・お問い合わせフォームの設置のみ(ベーシックは除く)
・3回までの修正対応(こちら側のミスは除く)
【当サービスの特徴】
・最短本日から作業を開始します。
・上述しましたが、保守性を意識した質の良いコーディングを提供いたします。
【ご契約後の流れ】
①事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。
事前にデザインカンプをご用意ください
②仮払い・情報のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。
事前情報として、サーバー情報のご提供をお願いします。(サーバーにアップ不要であれば本情報は不要です。)
③トップページ制作
※3回まで修正可能
④下層ページ制作
※3回まで修正可能
⑤最終確認
⑥本番環境(クライアント様のサーバー)で公開(納品)またはファイル形式でお渡し
【最後に】
私自身、コーディングという業務に大変誇りを持っています。大事なデザインをただ単に再現するのではなく、クライアント様とデザイナー様の思いをこめながら、素晴らしいホームページを制作できればと思っております。宜しくお願いいたします。
LP1枚10000円でコーディング!ます
業務内容
デザインに沿ったコーディングで、スピーディに納品いたします。
scssを使ってみやすくより短いコードで誰がみても分かりやすいコーディングを心がけております。
【コーディング代行】 Webサイト制作依頼お待ちしております
業務内容
デザインを忠実に再現します!
【最初に】
Web制作会社様
Webマーケティング会社様
ブランディング会社様
デザイナー様
既にあるデザインをWebページに再現してほしい方へ
頂いたデザインを忠実に再現いたします。
今後継続的にお願いしたい方などおすすめです。
【作業内容】
- HTML/CSSコーディング
- 各種端末表示(レスポンシブ)対応
- JavaScriptでWEBサイトにアニメーション付与
- お問い合わせフォームの実装(googleフォームにも対応できます)
- WordPressテーマ作成(※ プレミアムにて対応します)
【使用スキル等について】
- Gulpを用いたメタ言語(SCSS、EJS)の自動コンパイル
- Gitでのソースコード管理
- CSS設計思想(BEM、FLOCSS)を取り入れた保守性の確保
- コード各所にコメントを入れるなど、当然のマナーはきっちりと行います
- WordPressテーマ作成はカスタムフィールド、カスタム投稿タイプなど幅広く対応
- デザインカンプに忠実な仕上がりにするためのブラウザツールの導入
- 各種実機テスト環境(iOS、MacOS、Windowsそれぞれの「Chrome、Safari」)
- 納品前には品質確認を行い、チェックシートを提出致します。(20項目程度)
【制作の流れ】
-
ヒアリング
WEB制作の作業範囲について確認させていただきます。
また、当方のスキルと照らし合わせ、対応の可否を判断致します。 -
見積もり案内/契約
見積もり・納品予定日をご提示いたします。
こちらをもちましてご購入の判断をお願い致します。 -
作業開始
進捗はお客様のご希望に沿って遅滞なく報告致します。 -
初稿→修正→納品
作業を終えましたら一先ず初稿を提示いたします。
修正等がありましたら、ご納得いただけるよう対応させていただきます。
※打合せ時から大幅に変更がある場合は別途お見積りさせていただきます。
【納品方法】
納品方法は柔軟に対応可能です。
- お客様のサーバーにアップロード(その際はFTPアカウントをご教示願います。)
- Zipファイルでのお渡し
- お客様のGitHubへのpush
【納期】
納期にあっては絶対に遅れないように少し余白を持った提案をさせていただく場合があります。
その分クオリティは担保することをお約束いたします。
【料金について】
しばらくの期間は当方の実績作りを兼ねて低価格でお受けさせていただきます。
実績としての掲載が不可能な場合はオプションにて「実績掲載不可」を選択ください。
【最後に】
誠実・即対応を心がけております。
最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願い致します。
HTML・CSSコーディング シンプルデザインプラン承ります
業務内容
HTML・CSS・Javaを使用して迅速にコーディングをいたします。
初回限定でHTML・CSSのみコーディングプランで最低価格10,000円でご提供!
LPのコーディングいたします
業務内容
PSD,AI,XDのデザインカンプがあれば、こちらの料金表にてコーディングいたします。
もちろん画像貼り付けでなく、テキストにできる部分はテキストにてコーディングいたします。
簡易なアニメーション(スクロールフェードインなど)は込みで行います。
デザインデータからHP・LPをHTML/CSSでコーディングします
業務内容
ご用意いただいたホームページのデザインから、
レスポンシブデザインのhtml/cssのコーディング作業を承ります。
以下のようデザインから作業いたします。
・PSDまたはXD形式のデザインデータ。
・参考URL。
・手書きメモの写真。
HTMLファイル一式をzip形式で納品いたします。
価格は1ページ制作分です。
1ページ当たりの長さが6000px以上の場合は別途お見積りとなります。
【制作の流れ】
デザイン確認
↓
コーディング作業
↓
テストサーバーへのアップロード
↓
ご確認・改修
↓
納品
【お急ぎの方もご相談ください】コーディング代行いたします
業務内容
・HTML/CSS/jQueryを使ったコーディングを行います。
・BEMをベースとした保守・運用しやすいようなCSS設計
・納品前に独自のチェックリストをもとに品質を担保します
・制作内容の詳細・静的コーディング(1ページ〜)
・レスポンシブ対応
・品質アニメーションは無料で対応します
(スライダー、スクロール、アコーディオン、ハンバーガーメニューなど)
・お問合せフォームの設置:内容に応じて別途お見積もり
・WordPress化:内容に応じて別途お見積もり
※WordPressは別途追加費用が発生いたします。
※ご予算について記載の金額はあくまで目安です。作成するページ数やご要件に応じて金額は変動いたします。ご予算に応じて調整可能ですので、お気軽にご相談下さい。
【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
またデザインデータがある方は先に提供いただくとお見積りがスムーズになります。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もり内容を確認いただき、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えしご納得いただきまいたら、サイト構築開始。
↓
コーディング完了後、ご確認をいただき3回までは無料で修正対応いたします。最終チェックが完了後、データ納品となります。
※デザイン自体の変更などは別途追加でお見積させていただきますので予めご了承ください。
その他ご不明点がございましたら、お気軽にご連絡くださいませ。
HTML・CSS ・L・コーディング、レスポンシブ化修正します
業務内容
コーディング、LPコーディング、レスポンシブ化を対応いたします。
迅速丁寧お客様のニーズに添うように致します。
【デザイナー・制作会社様向け】コーディング代行いたします
業務内容
【こんな方におすすめです!】
・デザイナー様でコーディングしてくれる人を探している方。
・社内で手が回らず外注先を探している制作会社様。
HTML/CSS のLPコーディング代行をいたします。
ランサーズでの実績がないので現在参入価格で承ります!
【納品方法】
zipファイル送付、またはサーバーへのアップロードにて納品いたします。
基本料金に含まれるもの
・HTML / CSSを使った静的コーディング
・レスポンシブ対応
基本料金に含まれないもの
・スマホ用デザインカンプがない場合のレスポンシブ対応:10,000円
・jQueryを使用したアニメーション機能の実装:3,000円〜
・ブレイクポイントの追加(タブレットデザインがある場合):10,000円
・お問い合わせフォームの設置(見た目のみ):5,000円〜
・お問い合わせフォームの設置:12,000円〜
即レスを心がけ、常に安心してお取引できるように努めます。
どうぞよろしくお願いいたします。
丁寧なヒアリング!デザイン通りコーティング致します
業務内容
\ご覧頂きありがとうございます//
\案件に集中し、質の良いサイトにしたいため基本的に1名のみの募集です//
まずはメッセージにて気軽にご相談ください!
【特徴】
・サイト制作について分からない方でも、しっかりと説明するので安心!
・アフターフォロー(1ヶ月)あり!
・丸投げOK!
・ご予算にあわせて対応!
・丁寧なヒアリング!
※デザインが既にある方、まだ決まっていない方どちらもご相談ください。
クライアント様に特別な知識は必要ありません。
クライアント様の情報を元に作成いたしますので初心者の方もご安心ください!
【こんな方におすすめ】
「売り上げを伸ばしたい」
「デザインはあるけどコーディングができない」
「サイト作成するのは難しそう」
このような悩みをお持ちの方是非ご相談ください。
1人1人丁寧なヒアリングを実施します、分からないことがあれば気軽にお問い合わせください!
【作業内容】
HP・LPのコーディングを致します。
・ハンバーガーメニュー
・アコーディオンメニュー
・スクロールトップ
・動きのある出現
・レスポンスブ対応
・お問い合わせフォーム作成
等が可能となっております。
その他要望ありましたらお気軽にお問い合わせください!
【制作の流れ】
1、ご相談(まずはご相談ください!)
2、ヒアリング
3、サービス内容の確認
4、購入
5、打ち合わせ
6、文章・画像等の提出
7、仮サイトの確認・修正(3回まで修正可能)
8、サイトの完成・納品
※納品方法は希望がなければZipファイルを送付致します。
【納期】
作業量によって異なりますが、基本2〜3週間ほどお時間いただいております。
ご希望の納期がある場合はご相談ください。
※デザインが決まっていない場合もぜひご相談ください。
※料金についてもご相談ください
案件確定後詳細な打ち合わせをしていけたらとおもいます。
円滑なコミュニケーションを測り、貢献できますよう努力いたします。
どうぞよろしくお願いいたします。
和田
デザイン通りの素敵なサイトページを作成します
業務内容
サービスをご覧いただきありがとうございます。
『コーディングにあまりお金をかけられない』
『忙しくてコーディングだけ頼みたい』
そうお思いの方、ぜひ私にお任せください!
"10,000円~/1ページの料金、無料オプション付き"でコーディングいたします。
WordPress化も行っておりますので、ご相談ください。
まずは、「見積り・カスタマイズの相談をする」からお気軽にお問い合わせくださいませ。
スキル感はポートフォリオをご覧ください
◆サービスの内容
・デザインデータからHTML・CSSを使用したコーディング
・レスポンシブ対応(スマホ・タブレットに対応)
■コーディング料金
・基本料金:10,000円〜
・レスポンシブ対応:無料
・jQuery & CSSアニメーション:点数無制限で一律5,000円
・お問いわせフォーム作成:5,500円〜
■納期
稼働状況により変動しますが、ベーシックプランの場合はご依頼日の翌日より1週間程度で納品可能です。
※作業開始日より4-5日で初稿をテストアップいたします。
◆制作の流れ
1、ヒアリング&お見積り(※まずはご相談下さい!)
2、お客様からデザインのご提供
3、コーディング&テスト
4、ご確認・修正
5、最終確認・納品
■私の強み
①納期厳守
納期は必ず守ります。
定期的に作業の進捗を報告致します。
②細部へのこだわり
どんな方でもわかるようなコーディング
③ヒアリング重視
Webサイトによって何を実現したいのか目的を共有させていただきます。
目的達成のため、私からも提案させていただく場合もあります。
④柔軟な対応
フリーランスであるため、平日休日問わず対応が可能です。
すぐお答えできない事も、現状をお伝えした上でお調べし、丁寧なご返答を心がけております。
■こんな方にオススメです!
・コーディングは全て丸投げしたい。
・リソース不足で外注したい。
・長期的に依頼できるコーダーを探している。
■その他のサービス内容
・レスポンシブ対応
・jQuery & CSSアニメーション
・お問いわせフォーム実装
・WordPressへの変換作業
・下層ページのコーディング
・サーバーへのアップロード(無料)
・納品後の修正作業(無料)
HTML・CSS・JavaScriptを用いたサイトを制作します
業務内容
主にホームページやLPなどのコーディングをお受けします。
(デザインは組めないためご用意いただく必要があります。)
・HTML,CSS,JavaScript
・vscode
・テスト環境なし
・XD,Zeplin,Figmaにてデータを下さい
対応端末
・iPhone12mini (safari)
・iPad (safari)
・Macbook pro 13インチ (safari,chrome,FireFox)
・Surface Laptop (FireFox,Edge,chrome)
【個人・企業様向け】デザインデータからのコーディング代行 お受けします
業務内容
【こんな方におすすめ!】
・Web制作会社様
・Webマーケティング会社様
・ブランディング会社様
・デザイナー様
デザインカンプを忠実に再現致します。
WordPress化まで対応可能です。
【サービス内容】
・HTML・CSSを使ったデザインカンプからのコーディング
(カンプはXD,Photoshopに対応します)
・レスポンシブ対応(スマホ用デザインなしの場合は別途料金を頂戴いたします)
・アフターフォロー1週間(こちらのミスによる修正は無料修正いたします)
【オプション料金】
・デザインなしのレスポンシブ対応 10,000〜
・jQueryアニメーションなど 5,000〜
・その他の機能も相談の上、対応いたします。
【納期】
3〜10日です。
急ぎの納品なども対応いたします。
HP・LPのデザインをお持ちの方!コーディング代行致します
業務内容
当サービスを閲覧いただき誠にありがとうございます。
WEBサイトのコーディングならお任せください!
デザインデータからHTML・CSSにてコーディングを代行いたします!
ご希望の方はWordPress導入も対応致します。
【 サービス内容 】
・HTML/CSSを用いたサイトコーディング
・レスポンシブ対応
・JavaScriptを用いたWEBサイトの動的要素付与(スライダー・ハンバーガーメニュー・アコーディオン等)※別料金対応
・WordPress導入※別料金対応
部分的なコーディングのご依頼でも対応いたします、是非ご相談ください。
【料金詳細】
・トップページ、下層ページのコーディング:10,000円~/1P
・LPのコーディング:20,000円~
・レスポンシブ対応:無料
・JavaScriptの機能実装:5,000円~ / 1点
【 注意事項 】
・WordPress導入については別途料金が発生します。
【 納品方法 】
HTML/CSSでのデータ納品
サーバーのご用意がございましたらそちらにアップロード致します。
【 ご用意いただくもの 】
XD・PSD形式のデザインデータ
画像・テキスト素材
【 納期について 】
ページのボリュームによって変動しますのであらかじめデータをご提示ください。
お急ぎの方については別途手数料を頂くことと、期間次第ではお受けできないことをありますのであらかじめご了承ください。
【 制作の流れ 】
ヒアリング
↓
デザイン・素材のご提供
↓
コーディング
↓
確認・修正
↓
最終確認・納品
【 その他 】
実績として掲載させていただく場合がございますので、掲載を拒否される方はあらかじめその旨をお伝えください。
デザインに忠実にHTML/CSS及びjQuryコーディングをいたします
業務内容
「デザインは用意できたけど、コーディングができる人を探さなきゃ...」
その悩み、解決いたします!
デザイン通りのコーディングをいたします!
jQueryを用いたものや、WordPress化まで対応!まずは気軽にご相談ください
HTML・CSSコーディングならお任せ下さい!ます
業務内容
初めまして!
ご覧いただきありがとうございます!
独学にてプログラミングを学び、将来1人前のエンジニアを目指しています!
実績獲得のため、期間限定で格安でお仕事を承っております!
▼料金に含まれるもの
・HTML/CSS コーディング
・レスポンシブ対応(PC・スマホ)
・ハンバーガーメニュー
▼納期について
・デザインデータを受領した翌日からの日数となります
▼対応データ
・PSD、AI、XD形式
▼動作確認
・Chrome、Safari
▼納品形式
・ファイル送付とさせて頂きます
お気軽にご相談下さい!
【レスポンシブ】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対策は実施しておりません。
・サーバーへのアップロードは行っておりません。
・大幅なデザインや内容の変更、受注時に指示の無かった追加の要望は対応致しかねます。
・通話でのお打ち合わせは行っておりません。
・制作物をポートフォリオに掲載させていただく場合がございます。
(掲載不可の場合はお申し付けください。)
レスポンシブサイトの高品質なフロントエンドコーディング承ります
業務内容
◽︎こんな方におすすめ
・デザインカンプはあるけどコーディングの手間を省きたい
・デザイナーとしてカンプは用意できるがコーディングまで手が回っていない
・ポートフォリオ制作で、コーディングだけを代行してほしい
・PC、スマホのみしかないデザインをよいように解釈してレスポンシブにしてほしい
・WordPressやstudioではできない演出をサイト上に実装したい
・特殊な実装をしているサイトを改良したい
◽︎対応範囲
・1ページ
・レスポンシブ(スマホ、PC)対応
・基礎的なSEO対策
◽︎対応技術
・HTML Living Standard
・CSS 3
・SASS(SCSS)
・JavaScript
・TypeScript
◽︎開発環境(ご指定がない場合)
・Astro.js
・Vite
・SCSS
◽︎制作のすすめかた
①カンプ確認、すりあわせ
デザインカンプを確認しながら、ヒアリングを行います。
②コード制作
カンプをもとに、コーディングを行います。
③最終確認、納品
確認していただいたのち、納品を行います。
【誠実で、迅速で、丁寧に】コーディングを代行いたします
業務内容
この度は当商品をご覧いただきありがとうございます!
Webコーダーとしてフリーランスで活動しております、「あん」と申します。
▼サービス内容
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーションな実装(ハンバーガーメニュー/スライダー等)
・レスポンシブ対応
・静的サイトのWorepress化
・画像圧縮によるサイトスピード高速化
※大幅なデザイン変更については、別途料金が発生する場合がございます。
▼商品の詳細
・ホバーアクション、基本的なSEO対策(h1タグ、alt等)はコーディングに含みますので、オプションのご購入は不要です。
・デザイン内容によっては追加料金をいただく可能性がございます。
▼サービス購入の流れ
-
お客様のご依頼の詳細を伺わせてください。
-
お見積り、納品日を提示させていただきますので、問題がなければ発注及び仮払いをお願いいたします。
-
デザインデータ、画像等必要なものの送付をお願いいたします。
-
すべてそろいましたら、コーディングに入らせていただきます。
-
完成品のご確認、修正の有無をお知らせ頂きます。修正は3回まで無料で対応いたします。
-
最終確認後、納品いたします。(zipファイルにて納品)
【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
【デザイナー様・制作会社様向け】Wordpress対応、コーディング代行承ります
業務内容
閲覧していただきありがとうございます。
こちらはコーディング代行を提供するパッケージとなっております。
ランサーズでの活動を始めたばかりで、これから実績を築いていくため、
特別価格でのサービス提供をさせていただいております。
最後まで責任を持って対応させて頂きます!
お気軽にご相談ください!
◆以下の方にオススメ!
・デザインは得意でも、コーディングが不得手な方
・コーダーが不足し、信頼できる外注先を求めている制作会社
・長期的なパートナーとして協力できるコーダーを探しているデザイナー
◆基本料金に含まれるサービス
・HTML/CSSコーディング
・レスポンシブ対応
・各ファイルの圧縮
・アフターフォロー(納品後1週間以内)
※ECサイト、予約機能などには対応しておりませんのでご了承ください
◆納品までの流れ
1.コーディング、ご相談の内容、詳細のヒアリング
2.納品日と見積もりの提出
3.コーディング
4.ご確認、修正
5.納品
◆デザインのデータ形式について
・XD、Figma、Photoshop
その他データ形式についてはご相談ください
◆ 確認・納品方法について
問題ないようでしたら、
私のテストサーバーにアップロードして確認していただくこともできます。
・HTML、CSS、JSファイルのお渡し
・FTPサーバーへのアップロード
・Wordpressへの適応
以上になります。
不明点など、お気軽にメッセージください!
HTML、CSS、jQueryを使ったWeb制作のコーディングを行います。ます
業務内容
自社のホームページや個人事業主の方へ
専用のホームページ制作をサーバーアップロードまで完全に代行します!
納期は作成するHPの枚数や作るサイトの工程数によっても変わりますが最低2週間は見ていただきたいです。
プロのWeb制作エンジニアでは無く、実績なしの駆け出しエンジニアですので、料金はかなりお安く提供致します。
初めてなので不慣れな部分もあるかと思いますが、不備な部分を出さないように誠実な対応を心掛けて参りますのでよろしくお願い致します。
お持ちのホームページやLPの修正・更新を2,000円〜代行します
業務内容
この度はパッケージをご覧いただき、誠にありがとうございます。
既存サイトやLPの修正・更新を承ります。
サイト利用者がわかりやすい、使いやすいサイトの構築を目指しております。
責任を持って、大切なサイトをお作りいたします。
▼ こんな方におすすめ
- 修正・更新をする、リソースがない
- やり方がわからない
▼ お問い合わせから制作の流れ
①既存サイト・LPをもとに打ち合わせ
基本はチャットでのやり取りで、必要であればビデオ通話を使用する予定です。
その後、正式なお見積もり金額を提示いたします。
②仮払い
お見積り金額にご了承いただけましたら、ご契約とさせていただきます。仮払いをしていただきます。
③素材の提供
デザインカンプがございましたら、より作業がスピーディーに進められます。
対応可能なツール
・Figma
・XD
・Photoshop
・Illustrator
④制作開始
⑤初稿提出・修正
テスト環境のURLをお伝えいたしますので、そちらからご確認をお願いいたします。
こちらでの修正は無償で回数の制限もなく対応いたします。
⑥本番環境にアップロード、納品
FTPでの納品か、zip形式のファイルでの納品になります。
【スピード対応】LPコーディングをスピーディに対応します
業務内容
「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」
上記のような様々なご要望をお持ちの方はぜひご連絡ください。
【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です
【ご依頼について】
①ご相談
制作要件をご教示ください
(基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です)
②お見積もり〜サービスのご購入
③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします
④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります
レスポンシブ対応可能!デザイン通りにHP、LPのコーディング承ります
業務内容
■サービス内容
ーーーーーーーーーーーー
・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーション実装
(ハンバーガーメニュー、スライダー、アコーディオン等)
・レスポンシブ対応
修正回数については無制限です!ご満足いただけるまで責任をもって対応いたします!
※大幅なデザイン変更については、別途料金が発生する場合がございます。
◆料金表(レスポンシブ対応含む)
・コーディング:3,000円(10,000pxまで)
※10,000pxを超える場合は、1000px毎に1,000円。
・アニメーション実装(スライダ―・ポップアップ・アコーディオン等):
1カ所につき1,000円~
※ホバーアニメーション、ハンバーガーメニューは無料。(アニメーション内容によては追加オプション対応になる場合がございます)
※上記を基本料金として、デザイン内容によっては追加料金をいただく可能性がございます。
◆制作の流れ
1.ご相談よりお見積もり
2.デザインデータお預かり
3.コーディング
4.ご確認・修正
5.最終確認・納品
◆納品方法
・zipファイルの送付
【制作会社様・デザイナー様向け】デザインどおりに再現!コーディング代行いたします
業務内容
WEB制作のコーディング代行サービスです。
「すべてのお客様に満足を」をモットーにお客様のご要望に全力で対応いたします!
ぜひお気軽にご相談くださいませ!
【 こんな方におすすめ 】
「デザインは制作できるけどコーディングをする時間がない」
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様
このような悩みを解決いたします!
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。
【 料金 】
・トップページのコーディング: 10,000円〜
・下層ページのコーディング: 6,000円〜/1ページ
・LPのコーディング: 20,000円〜
・アニメーション: 要相談
・WordPress化: 要相談
※上記が基本料金となります。ページの長さやデザインの内容により価格の変動がございます。
※レスポンシブ対応込みの価格になります。
※WordPress化のご希望の方はカスタマイズからご相談くださいませ。
【 対応可能データ 】
・Figma、XD、Photoshop、Illustrator等
※確認用に、一枚に書き出した画像データを(JPEGかPNG)を一緒に送付ください。
※Illustratorの場合はリンク画像も送付(もしくは埋め込みで)お願いいたします。
【 納品までの流れ 】
1 ヒアリング・お見積り
2 ご契約・デザインデータお預かり
3 コーディング
4 ご確認・修正
5 最終確認・納品
【 納品形式 】
・zipファイルの送付
・ご指定のサーバーへアップロード
【 注意事項 】
・必ずデザインデータをご用意ください。
・コーディングルールがございましたら事前にお知らせください。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願いいたします。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願いいたします。
※やり取りの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承ください。(ご回答にお時間がかかる場合は、その旨をお伝え頂くようお願いいたします。)
ご満足いただけるように丁寧かつ柔軟な対応をいたします。
気になる点などがありましたら、お気軽にご相談くださいませ。
HTMLとCSSで素早く丁寧に安くコーディングを行います
業務内容
こんな方にお勧め
・Webページを作成してほしい
どんな課題がある
・Webページの作り方が分からない
何を提供できるのか
・お客様が求める品質以上のWebページを作成します!
具体的な納品物
・1~10ページのWebページ
進め方
・進捗を随時報告しながら進めていきます。
・コミュニケーションを大事にします!
・どんなことでもお気軽にご連絡ください!
私の強み
・コミュニケーション能力
・情報収集能力
【最短2営業日から対】LPコーディング|速度最適化は標準対応します
業務内容
都内広告代理店のLP制作実績は100件以上。
青森県三沢市のWEBデザイナー、合同会社HOWDEEの類家と申します。
日頃からLP制作を多数取り扱っております。
下記のようなLP制作実績があります。
- 大手脱毛サロン
- 美容クリニック
- 美肌治療
- 美容Youtubeチャンネル
- シャンプー
- 医療用ウィッグ
- 士業
- 食品
- その他多数
下記対応可能です。
- アンケートギミックLP(設問4問解答後メインページが展開等)
- アニメーションCSS(文字が浮き上がる、ボタンが動く等)
- お問い合わせフォーム設置
- ECフォース組み込み
- WORDPRESS組み込み
- MAKESHOP等ECサイト組み込み
- もちろんHPコーディングも可能
LPコーディング対応フロー例
まずはデザインデータと指示書をご共有ください。もちろん各工程間で修正対応可能です。
- 内容確認
- ベースコーディング
- 修正〜納品
ウェブページ1PのSP(スマホ画面、レスポンシブ)対応化
業務内容
ブートストラップに限らず、
ウェブページのSP対応(スマホ画面、レスポンシブ)を作成致します。
1発注につき1ページでお願いします。
念のため、納期は10日にしてりますが、難易度によりますので、
かなり早くできる場合がございます。
HTML CSSコーディングを破格の安さで行います
業務内容
【サービス内容】
・HTML/CSSを使ったコーディング
【使用言語】
・HTML
・CSS
・場合によってはJavaScript(jQuery)
【使用ツール】
・AdobeXD
【稼働時間】
平日休日問わず1日5~6時間程度です。
【納期】
余裕をもって少し長めに提案させていただいております。しかし、ご連絡いただいたら即座に制作に取り掛かり、できる限り早く納品するよう努めます。
【費用】
Lancersに最近登録したこともあり、まずは実績を作ることを目的としているので、相場よりも格安で承りたいと考えております。
【自己PR】
納期を守ることはもちろん、丁寧なコミュニケーションを心がけております。
最初の打ち合わせに加えて、作業中も2~3日に一回進捗状況を報告することで、お客様との認識の相違を減らし、納品まで責任を持って対応いたします。
また、私のポートフォリオサイトのURLを以下に記載しますので、ご覧いただけると幸いです。「WORKS」にデザインカンプからコーディングしたサイトを掲載しております。
ご連絡いただければ、すぐに対応できる態勢を整えておりますので、どうぞよろしくお願いします。
ホームページ・LPコーディング代行します
業務内容
本サービスをご覧いただき、ありがとうございます。
デザインを頂戴し、コーディングしたサイトデータを納品いたします。
まずはお気軽にお問合せ、見積もりをご相談ください!
●作業内容
・デザインに基づくHTML/CSSを用いた静的コーディング(1ページ〜複数ページ)
・レスポンシブ対応
・簡単なJavaScriptの動的実装(スライダー、トップに戻る、アコーディオン、ハンバーガーメニューなど)
●対応が難しいもの
・高度な動きのあるJavaScript
・WordPress化
●料金表
実績がないため、格安にてサービスをご提供いたします。
・トップページ、下層ページのコーディング:1,000円~/ 1ページ
・LPのコーディング:1,000円~
・レスポンシブ対応:無料
・JavaScriptの機能実装:1,000円~ / 1点
●制作の流れ
- ヒアリング&お見積り
- お客様からデザインのご提供
※Adobe XD, Photoshop, Illustratorのデザインを基にコーディングします - コーディング&テスト
※テストはMacで「Chrome、Safari、Firefox」の各ブラウザと、スマホ実機での確認はiPhone12で「Chrome、Safari」にて確認します。 - ご確認&修正(納期期限前に可能な限り余裕を持って確認依頼をさせていただきます)
- 最終確認&納品
※納品はzipファイルでご提供します。
●納期
作業量によって異なりますが、基本1〜2週間ほどお時間いただいております。
ご希望の納期がある場合はご相談いただけますと幸いです。
Webページデザインを元にHTML/CSSJavaScriptのコーディング行います
業務内容
ご覧いただきありがとうございます。
当方、現在Web制作会社に勤務しており、HTML/CSS、JavaScriptを使用してWEBページをコーディングしております。
================
自己紹介
================
以下に簡単な経歴と自己紹介を記載しております。
https://www.lancers.jp/profile/tatsurouhayashi0120
================
基本サービス
================
・ご依頼者様からいただいたデザインデータ、テキスト、素材画像を用いて、コーディングいたします。
・基本的に「レスポンシブウェブデザイン」で対応いたします。
デザインデータがPCしかない場合、こちらでSP時の表示を調整することとします。
(SP時カラム系は段落ちさせる、SP時ボタン幅は横幅いっぱい、など)
・ページTOPへ戻る、アンカーリンクのスムーススクロールが必要であれば無償で対応します。
その他のアニメーションや、クリックしてのイベントなどは別途料金にて対応いたします。
・お問い合わせフォームに関しては設置のみとさせていただきます。
その後の入力データの扱いに関しては、ご依頼様のシステムの調整になるかと思いますのでご了承ください。
・アフターフォロー(納品後2週間以内)
納品後、こちらのミスでデザインと異なるものや、コーディングが間違っているというものであれば無料修正させていただきます。
================
納品方法
================
・制作ファイルをzip化して納品いたします。
================
基本料金外対応
================
・IE対応
(IEは2021年8月17日にサポート終了なのと、現在開発を終了しているため別途料金対応となります。)
・JavaScriptやjQueryを多用する対応。
(ページTOPへ戻る、アンカーリンクのスムーススクロール以外の対応)
・アフターフォロー経過後の修正対応
1ページ5万円からコーディング
業務内容
フリーのwebエンジニアとして大手企業から個人サイトまで多数のサイト制作をおこなっております。
コーディングでお困りのことがある方や、サイト改善のヒントを探している方がおりましたら、ぜひお声がけください。
webサイトのコーディング
業務内容
作成されたモックを元にwebサイトのコーディングを実施します。
3ページまでを承り、納品までは基本的に2週間を見積もっております。
お客様との話し合いを重ね、双方で納得をしながら進めていきたいと考えておりますので、
まずはお気軽にご連絡いただけますと幸いです。
何卒よろしくお願い致します。
【初受注のため特別価格】LPデザイン・制作/コーディング/レスポンシブ対応
業務内容
ランサーズ初受注のため特別価格で提供中です。
▼作業内容
・HTML、CSS、JavaScriptを用いたコーディング
・LP全体の修正とご提案
▼オプション
・デザイン+5,000円〜(+1週間〜)
【格安・高品質保証】LP,コーポレート制作 コーディング
業務内容
LP、コーポレートサイト等なんでも格安・高品質・スピーディにコーディングします
レスポンシブ対応、モダンコーディングで対応いたします。
「過去実績 クライアント評価」(10/28現在)
24件 ★4.9
作業フロー
【要件インプット】
・動き、挙動、リンク先等共有
・デザインデータ共有
・テストアップ日、納品日決定
↓
【コーディング】
↓
【テストアップ】
・修正、指摘部分まとめ(★クライアント様)
↓
【フィードバック修正】
↓
【納品】
・zip形式、直接サーバーアップ
対応ブラウザ
・Internet Explorer 11 以降
・Microsoft Edge 最新版
・Mozilla Firefox 最新版
・Safari 最新版
・Google Chrome 最新版
【低価格・高品質】静的HTMLコーディング(スマホ・レスポンシブ対応)作業を承ります
業務内容
■サービス出品経緯
【Webサイト制作を依頼したいが、時間と費用がかかる!とお困りではありませんか?】
スマホが普及した現在のWebサイト制作には、PCデザインだけではなくスマホデザインも
作成する必要があります。そのため、制作時間と費用が1.5倍~2倍程度かかってしまいます。
そこで、制作時間と費用を削減できる方法がないか思案し、当サービスを出品しました。
■サービス概要
当サービスは、【PCデザインからコーディング(スマホ・レスポンシブ対応)を行う】サービスです。
作成済のPCデザインをお持ちでしたら、スマホデザインの作成有無に関わらず、
スマホ対応のWeb制作が可能です。
※当サービスは、「静的サイト(WordPressなし)を前提とした構築」がメインですが、
WordPress実装の案件も承っております。
↓ ↓ ↓
▼【低価格・高品質】WordPress構築+コーディング(スマホ・レスポンシブ対応)作業を承ります。
https://www.lancers.jp/menu/detail/1239400
■サービス購入のメリット
【制作時間と費用を削減し、御社の宣伝や物品購入など他のモノに時間と費用をまわせます】
私はデザインとコーディングともに経験を積んできましたが、
コーディング(WordPress構築)をより得意としています。
そして、PCデザインからスマホ対応Webサイトの制作は70件以上こなしていますので、
ご要望どおりの制作が可能です。
少しでもご興味がある場合は、メッセージにてお気軽にご相談ください。
HTML/CSSによるコーティング代行
業務内容
HTML/CSSでのHPの制作をさせていただきます!
小規模なサイトや、試しで安くページを作りたい!
と、いう方にオススメです。
お客様に満足いただくために何度でもやり直しを承ります!
HTMLコーディング(コード修正)、画像の編集(トリミング他)できます
業務内容
HTMLの更新、画像編集はお任せください。
HTML+CSSのコーディングは日々携わっておりますので、更新作業等は得意分野としております。
画像編集も1時間にかなりの量はこなせますので、更新作業を必要とされる場合はお声掛けください。
また、文章チェックやコードチェック等にも対応いたします。
HTML5 CANVAS
業務内容
スマートフォンがインターネットコンテンツの主流になる中、かつての簡単なFLASHコンテンツをうまく流用できないかというご相談が増えています。
ただの動画やスライドショーなどはjQueryや他のファイルに差し替えることができますが、今回のご提案は、HTLM上で展開していたスクリプトの伴うFLASHをHTML5とCANVASの機能を使ったスマホ対応のコンテンツにFLASHをコンバートするというご提案です。
Flashコンテンツをスキップして、スマホ対応のHTMLコンテンツの作成も可能です。
SEOも考慮したHTML・CSS(SCSS)のコーディングをします
業務内容
WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。
その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容(A4で1P程度)を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。
デザインカンプを丁寧に、HTML/CSSでコーディングします
業務内容
デザインカンプからのコーディングを行います。
デザインの再現についてと表示の確認作業を重点的に行います。
納品について以下が可能です。
・html,css,javascriptファイル納品
・サーバーアップ(FTP)
・scss、gulpfile(ご希望あれば)
別の納品方法のご指定がある場合にはご相談ください。
【制作会社様・デザイナー様向け】 HTML/CSSコーディング代行します
業務内容
当サービスにご興味を持っていただき、ありがとうございます!
デザインはできるけどコーディングが苦手なデザイナー様、安心して頼めるコーダーが不足しているディレクター様、コーディングを代行します!
コーディング・WordPress構築をメインに、制作会社様と継続的にお取引させていただいていますので、スキル面はご安心ください。
<当パッケージでの対応内容>
・ホームページ・ランディングページのコーディング
・JavaScript / jQueryを用いた簡単なアニメーション実装
・レスポンシブ対応
・Figma、Xd、Photoshopで作成のデザインデータに対応
・サーバアップロードでの納品対応可能
・ページの追加はオプションでの対応となります。
・スライドショー、モーダル、アコーディオンなどはオプション対応となります。
・お問い合わせフォームはオプション対応となります。
<納品までの流れ>
(1)DMまたは見積り・カスタマイズの相談にて、まずはお気軽にお問い合せ、ご相談ください。
(2)ご購入後、トークルームにて下記の<ご用意いただくもの>をご連絡ください。
(3)実装内容の詳細をヒヤリングさせていただきます。(メールベース or オンラインMTG)
(3)当方テスト環境にてコーディング。内容をご確認ください。
(4)気になる箇所、問題があれば、修正を対応致します。
(5)内容にご満足いだけましたら、HTML/CSSファイル一式をZIPファイルで納品します。
(※サーバーへのアップロードも対応可能です)
<ご用意いただくもの>
(1)デザインのデータファイル(psd/xd/Figmaファイルなど)
(*レスポンシブ対応の場合は、スマホ版デザインもご連絡ください。無い場合も対応可能。ご相談ください。)
(2)使用する画像
(3)リンク先などの情報
(4)コーディングのルール(必要であれば)
(5)ご希望納期
<注意事項>
・検証ブラウザは、GoogleChrome、Edge、Safari、FireFoxです。
【安心・お任せ!】静的コーディング、LP、WordPress構築承ります
業務内容
セミナー・ライブコーディング経験のあるコーダーが担当いたします!
安心してお任せください!
☆★こんな方におすすめ★☆
・Web制作会社様
・Webマーケティング会社様
・ブランディング会社様
・デザイナー様
・既にあるデザインをWebページに再現してほしい方
※デザインからでもご対応をご検討の方へ。
デザイナーとパートナー提携していますのでデザインから一貫して品質を担保いたします!
今後継続的にお願いしたい方などおすすめです。
◆◇-- サービス内容 --◇◆
-
静的コーディング
└ スマホ、タブレット、PC対応 -
LPコーディング
-
WordPressによるCMS構築(オリジナルテーマ開発)
└ カスタムフィールド
└ カスタム繰り返しフィールド
└ カスタム投稿
└ お問い合わせフォーム設置 -
アニメーション
└ スライダー実施(swiper、slickどちらも可)
└ スクロールアニメーション -
お問い合わせフォーム設置
-
修正作業(詳細をヒアリングしたのちお見積もりいたします)
※その他の実装内容はご相談くださいませ!
◆◇-- 業務進行 --◇◆
・FLOCSS記法を用いたCSS設計を意識したコーディング
・Gulpを用いた業務効率化
・Gitでのソースコード管理
・モバイルファーストのコーディング
・rem指定のコーディング可
・品質チェック(主要ブラウザ対応)
・ テスト環境の構築
◆◇-- 実績 --◇◆
・不動産会社様
・飲食店様
・某県所有のスポーツ施設
・ランディングページ複数
・その他
◆◇-- 私が意識しているところ --◇◆
「安心して任せられる人」
「連絡、対応が早い人」
「気持ちよくお仕事ができる人」
まずはお気軽にお問い合わせください!
上記以外で実装希望の内容がありました見積もり依頼時に記載していただけますと幸いです。
◆◇-- 当サービスの強み --◇◆
❶ 安心してお任せできる外注先
人手がたりない!けど安心して任せれる業者がいない・・・
ぜひお任せください!
お客さまの安心してお任せできる外注業者としてお手伝いいたします!
❷ 高品質な制作物
丁寧なお仕事と品質チェックシートを使用したセルフチェックで
お客様のお手間をとらせない作業で高品質な制作物を納品いたします。
❸ お急ぎ案件も対応可能!
お急ぎの案件もご対応可能ですのでまずは一度ご相談ください。
❹ デザインからまるっとお任せ!
「デザインからまるっとお願いできる人がほしい」
お客様が別業務に集中できます様デザインからお任せも可能でございます。
デザインは信頼のできるパートナーデザイナーが対応いたします。
クラウドソーシングで探すことはありませんのでご安心ください。
◆◇-- 契約の流れ --◇◆
① ページ構成・アニメーション・仕様をヒアリングしてすり合わせ
ご契約前に仕様の相違がない様に事前にお打ち合わせをいたします。
作業量、納期を決めたのちお見積もり額をお伝えいたします。
② 作業着手
進捗状況は共有しつつ実装上の問題などございましたら
すぐご連絡いたします。
④ 品質チェック
こちらで用意しています品質チェックシートを元に品質チェックいたします。
⑤ 修正(3回まで無料対応)
全ページが完成した段階で初稿を提出します。
この時点で修正などございましたら随時対応いたします。
⑥ 納品
修正がおわりましたらデータを納品いたします。
ご指定のサーバーへのアップロードも問題ありませんので
お気軽にご相談くださいませ
⦅WP・レスポンシブ対応⦆ コーディング代行いたします
業務内容
数あるページの中からこちらのページをご覧いただきありがとうございます!
Webコーダーをしている「みっぴ」です。
・コーディング・WordPress構築を外注できる人を探してる方
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様
などそんな方々のお役に立てたらと思います!
▼作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・wordpressオリジナルテンプレート制作
・サーバーへのアップロード
▼制作の流れ
①ヒアリング
↓
②契約
お見積もり、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
制作実施後、制作物のご確認をお願いいたします。
気になる点がある場合、可能な限り修正対応いたします。
④納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品
最後までご覧いただきありがとうございます。
Webサイト制作のお仕事でしたら基本的になんでもお受け可能ですのでお気軽にお声がけください。
よろしくお願いいたします。
LPサイトなど一枚ページのおしゃれなサイトを制作します
業務内容
事業を新しく始められる方、新しいブランドや商品を宣伝される方に向けたLPページ(一枚ページ)のウェブサイトを制作いたします。
オプションや変更希望ございましたらご相談ください。
なるべくご要望にお応えできるようプラン内容の変更も行います。
例えば、金額を抑えたい方には金額に寄り添った内容で対応させていただきます。
私自身走り出しの為、配慮に欠ける所があるかと思いますが何卒よろしくお願いいたします。
ぜひ、事業を一緒に盛り上げましょう!
デザインからそのままHTML,CSS,JSを使ったWebサイトを制作します
業務内容
デザインは出来るけどコーディングが分からない。デザイナーはいるけど、コーダーがいない。このような方にお勧めです!デザイン通りにコーディングさせていただきます!
Frontend Mentorというサイトでデザイン忠実のコーディングについて日々練習しています。適宜経過を報告させていただくので修正もほぼ無いようにいたします。
ご希望の金額やデザインを伺い、十分なお話を進めてから契約に至らせていただきたいと思っております。どんなことでもご気軽にご相談ください。
どうぞよろしくお願いいたします。
HTMLやCSSを使ってWebサイトのコーディングコーディングをします
業務内容
▪️お勧めな方
・コストを抑えたい方
・手軽にコーディングをして欲しい方
・デザインは自分でするけどコーディングは安く手軽に誰かにやって欲しいとゆう方にお勧めです。
なるべく依頼主のご意向に添いたいので修正の回数は設定していません。
気になるところがあれば、 どんどん修正依頼して下さい!
▪️サービス内容
・トップページ
・コンテンツページ
・ハンバーガーメニューの実装
・グーグルマップの埋め込み
・SNS埋め込みや連携
・お問い合わせページ
・スマホ対応
HTML、CSS、javascriptで本格的なホームページを作ります
業務内容
こんな人がおすすめ!!
ネットショップ、ECサイトを出したい人、個人経営でお店をやっていてwebサイトが欲しい人
Googleでのクラウドサーバーの強み
とにかくアクセスした際の処理が早い!
モダンなデザインとの相性がよき!
機能面でのカスタマイズが可能!
HP,LP制作(HTML/CSSコーディング,WordPress化)を承ります
業務内容
ご覧いただき、ありがとうございます。
コーディング代行をお探しの方、ぜひ私にお任せください。
安心してお任せいただける様に、お問合せには迅速にご回答いたします。
◆内容
・デザインデータからHTML/CSSを用いたコーディング
・レスポンシブ対応
・jQueryを用いた動的実装
・HTMLサイトのWordPress化
◆制作の流れ
(1)ヒアリング,お見積り
(2)デザインデータの確認
(3)コーディング作業
(4)コーディングデータのご確認及び修正
(5)最終確認,納品
購入にあたってのお願い
デザインや必要な素材はご用意ください。
納期については、ご案件の内容をヒアリングの上決定させていただきます。
【制作会社様・デザイナー様向け】デザインデータから丁寧にコーディングいたします
業務内容
印刷会社、デザイン会社でDTP業務をしていた経験を活かして、デザイナーさまに寄り添ったコーディングをいたします。
また、円安により海外との取引を検討している企業さまに必要な、英語翻訳、アメリカ人のプロライターによる英語の校正も同時に承ることが可能です。
【こんな方におすすめします】
デザイン会社さま、デザイナーさま、コーダーが必要な制作会社さま
【提供可能なこと】
・HTML、CSS、jQueryを使ったコーディング
・保守しやすいBEMによるCSS設計
・Gulpを使用したSassでのコーディング
・WordPressの導入、構築
【コーディング以外でできる事】
・バナー、パーツ作成
・簡単なイラスト作成
・Photoshopによる画像加工
・名刺、チラシなどの印刷物の作成
・記事の英語翻訳(パートナー翻訳家、ネイティブのライターがいます)
【作業の流れ】
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安、お見積もりに問題なければ、発注をお願いいたします。
↓
写真、テキストなどのサイトに必要な素材があればお送りください。
↓
作業開始
↓
コーディング後、確認をいただきます。
3回まで無料で修正対応いたします。
↓
納品
ここまで読んでいただきましてありがとうございます!
DTPで培った細部にこだわった作業、
迅速丁寧なコミュニケーション、レスポンス、進捗報告、
そして納期厳守を心がけています。
ご不明な点がございましたら、お気軽にお問い合わせください。
【トップページ】トップページのコーディング承ります!ます
業務内容
▽作業内容
・HTML/CSS/jQueryを用いたコーディング(1ページ)
・タブレット、スマホ対応
・ハンバーガーメニュー・ページトップの実装
・上記以外のjQueryを使用したアニメーションは相談ください。
(無料もしくは追加料金あり)
▽提供可能業務
・デザイン制作
・スライダー、スクロール、アコーディオン
・お問い合わせフォーム
・下層ページ制作
・WordPressの導入・構築
(投稿内容、投稿数によって変動あり)
★内容はあくまで目安になりますのでお気軽にご相談ください!★
※※基本料金は料金の目安になります。ご相談ください!
HTML.CSS.javascript.WordPressでお手頃web作成します
業務内容
こんな方にお勧め!!
-
自分のウェブサイトが欲しい…!!
-
今のウェブサイトをもっとよくしたい…!!
-
ウェブサイトの管理を楽にしたい…!
-
自分の活動を広めたい…!
自己紹介
営業経験約2年で40名以上のクライアントとお話しさせていただいていました。
誠心誠意お話しさせていただいて本人が自覚している課題の裏にある本当の課題に対して直接アプローチして共通認識としてその課題を持つことができます。
ほかのクリエイターとの違い
-
潜在的な課題の共有
-
課題解決の協力
-
アフターフォロー
■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 |
※大凡の価格を表示しています。実際の料金は依頼内容や会社によって異なります。
※こちらで記載している金額はランサーズ上の依頼金額ではありません。
※当社調べの「一般的な制作会社や企業に依頼した際の目安の依頼料金」となります。