HTMLの依頼・発注・代行

出来上がっているデザインに対して、正しくコーディングします。

こちらのサービスは、シンプルでお洒落な外観のwebサイトを制作するサービスです。
手の込んだデザインはいらないけど、最低限のお洒落さがほしい方にピッタリとなります。

■-----

〇デザイン面
・シンプルで洗練されたプロっぽいデザイン
・シンプルで邪魔にならないアニメーション
・使いやすさを損なわないレイアウト

上記をデザインの方針として、お洒落さと使いやすさのバランスがとれたwebサイトを制作していきます。

〇機能面
・レスポンシブ対応（PC、タブレット、スマホ対応）
・アニメーション化
・お問い合わせフォーム（メール通知＆スプレッドシート連携可能）

〇ページ数
1～10ページ

〇その他
・htmlの外部ファイル化
・cssのscss化
・javascriptのリファクタリング（コードの整理）

■-----

なお、こちらのサービスはwebサイトの外観部分をメインに取り扱います。
内部的なところ（SEO対策やアナリティクス）も高いレベルで実装したい方は、別途他のサービスをご利用ください。

【サービス内容詳細】
・HTML/CSSコーディング
・レスポンシブ対応
・アニメーションの実装
・各種ブラウザの表示確認
・無制限の修正対応
・公開作業（zipで納品も可能です）

【本サービスの強み】
◼︎細部にこだわった丁寧な構築
→細部の設定を見逃さないため、基本的にピクセルパーフェクトでブラウザとデザインを重ね合わせて差異がないか確認をします。
デザインに応じてリキッドレイアウトや最適なブレイクポイントを選択し、どのブラウザで見てもズレのないよう構築します。

◼︎保守・運用を考慮したCSS設計
保守や運用をしやすいよう、命名規則はBEMをベースに柔軟性を持たせて設計しております。
SCSSで構築を行い、ページやパーツごとにディレクトリを分割・整理しております。
ページ追加の場合は、既存サイトの設計にあわせて構築いたします。

◼︎丁寧なコミュニケーション
リモートだからこそよりご安心いただけるよう、迅速なレスポンスや進捗の報告に加え、温かいコミュニケーションをこころがけております！

初めまして。デザイナーのsawada-designの澤田(さわだ)と申します。

依頼内容を拝見し、以下のような流れで進めさせて頂ければと考えております。

[時間の目安]
購入後に作業を開始しますので、具体的な納期は購入後に相談・設定させて頂けますと幸いです。

[納品時の形式や分量]
制作物によりますのでご相談して決めていきたいと思います。

[使用ソフト、環境]
・Adobe Photoshop
・WordPress
・visual studio code
・HTML
・CSS
・Wix
・Word
・Excel
・PowerPoint
・MacBook Air

[1日に作業に取り組める時間]
・平日：5〜6時間程度
・土日：10〜12時間

[完了予定日]
土日でも対応していますので、ページ数によりますが、早期納品可能です。

[購入時のお願い]
修正回数は無制限とさせて頂いております。

都度作業状況をご報告しながら進行させて頂ければと思っておりますが、
ご不安な点があれば事前にメッセージよりご相談ください。

【自己PR】
現役のデザイナーとして活動をしております。
私自身は普段から下記を意識して取り組んでいます。
・迅速なレスポンス
・納期厳守
・最後まで責任をもってやる
なので誠心誠意対応させて頂きたいです。

私であれば、お役に立てるかと存じます。是非お任せ頂けると嬉しいです。
ご不明点や気になる点などございましたら、お気軽にご質問ください。

▼Recommended for People Like This:

• Businesses looking for a professional online presence.
• Startups needing a landing page to capture leads.
• Individuals wanting a custom-designed portfolio or personal site.
• Companies seeking modern, responsive multi-page websites.

Contents of the Service:

• Landing Page Creation: Custom-designed, responsive single-page websites.
• Multi-Page Website Development: Full websites using HTML, CSS, JavaScript, and Tailwind CSS.
• Custom Design: Unique designs created with Figma, integrated into your website.
• Responsive Design: Ensuring compatibility across all devices (desktop, tablet, mobile).
• Interactive Features: Implementing dynamic elements using JavaScript.

HBIE:

• High-quality designs
• Bespoke solutions tailored to your needs
• Interactive and engaging user experiences
• Expert development using modern technologies

▼Flow After Purchase:

1. Initial Consultation: Discuss your project requirements and goals.
2. Proposal and Agreement: Review and agree on the project scope, timeline, and pricing.
   3. Design Phase: Create design mockups and get your approval.
3. Development Phase: Build the website based on approved designs.
4. Review and Revisions: Perform final revisions and testing.
5. Delivery: Launch the website and provide support for any issues.

▼Genres That Can Be Produced:

• Business Websites
• Portfolio Sites
• Landing Pages
• E-commerce Sites (basic setup)
• Personal Blogs

Pricing Plans and Options:

• Basic Plan: ¥10,000 - Responsive landing page (7-10 days)
  - Medium Plan: ¥15,000 - Multi-page website with Tailwind CSS (10-14 days)
• Premium Plan: ¥20,000 - Custom website with Figma design and advanced features (14-20 days)

▼Delivery Time:

• Basic Plan: 7-10 days
• Medium Plan: 10-14 days
• Premium Plan: 14-20 days

「webサイトを作りたいけど、どうしたらいいかわからない...」

そんな悩みをお持ちなら、まずはお気軽にお声がけください！

迅速かつ迅速に対応させていただきます。

・進め方を相談したい

・デザインの方向性から相談したい

・サイトにどんな機能が必要か検討がつかない

などわからないことが多い場合はテレビ通話やメッセージにての相談も可能です！

▼予算

コーディング 1ページ  10,000円〜

サイトのトップページ コーディング 20,000円〜

サイトの下層1ページ コーディング 10,000円〜

サイトデザイン1ページ 18,000円〜

まずはご希望をお聞かせください！

価格の交渉も受け付けます！

▼対応可能な業務／スキル

・HTML/CSS

・jQuery

・MySQL

・Ruby（Ruby on Rails）

・java(Springboot)

▼経歴

高校卒業後半導体製品のテストを作成し、
基本PCの勉強をしながらWEB制作の勉強を開始。

現在はWEB制作系の企業でプログラマー・エンジニア見習いとして活動しています。

またWeb制作に関しては、HPをはじめデータベースなど総合的に対応することが可能です。

▼活動時間／連絡について

平日：19時〜24時
土日：8時〜22時

なお、上記の時間外でも、連絡は速やかにお返しするように努めます。

急ぎの案件等もお気軽にご相談ください。

▼簡単な自己紹介

アニメを見ることが好きで、最近色々なものを
見漁ってます！呪術廻戦とか！

最近ハリーポッターも見返そうかと思ってます！
(アニメじゃないですね笑)

どうぞ宜しくお願いいたします。

■サービス内容
「Wordpress（ワードプレス）」という制作ツールを使って高品質なホームページを作成致します。

当サービスは、信用度アップ、ブランディング、売上・集客アップなど目的に合わせてホームページを制作させていただきます。

ホームページの質はもちろん、柔軟な対応でお客様に満足・安心していただけるよう心掛けております。

【こんな方におすすめ】
　「高品質なサイトを作成したい」
　「HPを自分で簡単に管理・更新したい」
　「初めてのサイト制作で分からないことが多い」
　「どんなサイトにするか悩んでいる」

【基本内容】
■ベーシックプラン
　TCDのテーマを使って制作致します。
　TCDとはhttps://tcd-theme.com/
　デザイン、画像の位置、文章の位置など変更はできません。

■スタンダードプラン
　有料テーマのSnowMonkeyを使って制作致します。
　（別のテーマを使用する場合もございます）
　デザイン、画像の位置など少しカスタマイズした場合におすすめのプランとなります。

■プレミアプラン
　お客様のご希望にそったホームページを１から制作させていただきます。
　ご希望など要件定義をしっかりとさせていただきます！

以下、どのプランも共通の内容となります。
　・ページ制作（トップページ含む）
　・トップ画像作成
　・お問い合わせフォーム設置
　・グーグルマップの埋め込み
　・SNS埋め込みや連携
　・見やすいシンプルなデザイン
　・レスポンシブデザイン（スマホ・タブレット対応）
　・常時SSL化（セキュリティ対策）
　・ホームページ管理の説明書（PDF）

　※6ページ目以降は追加料金がかかります。
　※基本的には画像、文章はお客様でご準備ください。
　　別途料金で画像、文章をこちらでご準備させていただくことも可能です。
　※レンタルサーバー、ドメイン代につきましては別途費用がかかります。

　◎ 作成事例はプロフィール内のポートフォリオをご覧ください。
　◎ ホームページはワードプレスを使用して作成します。

【制作の流れ】
　1. ミーティング
　（必要な情報をヒアリング、デザインやコンテンツ内容・ページ構成を決定）
　　　　↓
　2. ワイヤーフレーム制作（サイトの枠組みを制作）
　　　　↓
　3. 型に合わせて文章、画像をご用意いただく（文章・画像の用意代行可）
　　　　↓
　4．PCデザインの作成、修正
　　　　↓
　5．スマートフォンデザインの作成・修正
　　　　↓
　6．最終チェック
　　　　↓
　7．公開（納品後1ヵ月はアフターサポート無料）

【サイト内容】
　企業様の場合：トップページ/企業理念/事業内容/会社概要/お問い合わせ/etc...
　イベント、カフェの場合：トップページ/詳細内容/お問い合わせ/etc...

どんなデザイン、構成にすればいいのかお悩みの方は、ぜひお気軽にご相談ください。

ビデオチャットサービスを通してお客様の課題を明確にし、解決するためのベストなご提案をさせていただきます。

その他、ご不明点等ございましたら何でもご相談ください。

このたびはご覧いただき誠にありがとうございます
WEBコーダーとして活動しているTatsuと申します

コーディング代行として
・コーディングの人手が足りていないWEB制作会社様、フリーランスの方
・WEBデザインを他で作ってもらいコーディングしてほしい個人の方
の方にオススメです！

ランサーズでの実績はまだ少ないため期間限定でお安く提供させていただきます
ぜひよろしくお願いいたします

★★★基本サービス内容★★★
基本料金のみで下記内容に対応します

□デザインカンプをもとにコーディング
　→可能な限りperfectpixelを意識
　※金額は1ページ単位です

□アニメーション実装可能
　→ドロワーメニュー/ハンバーガーメニュー/画像スライダーetc
　→２箇所まで
　※上記以外は内容によってお受けできない可能性があります
　※３箇所目〜はオプション料金になります

□スマホ・PCのレスポンシブ対応
　→最低限デザインが崩れないよう対応いたします
　→片方しかデザインがない場合、デザインの細かい修正は出来ませんのでご了承ください
　※デザイン指定のレスポンシブ対応はオプション料金になります

□問い合わせフォーム実装
　→PHPを使った簡単な物、またはformrunという外部サービス
　※内容によっては別途お見積りになる場合があります。

★★★当方の強み★★★
□pug + stylus + gulpを使ったコーディング
　→ファイル+画像の圧縮をして表示の高速化
　→迅速に納品いたします

□perfectpixelを意識
　→可能な限りデザインを再現
　※PCのChromeにて対応。100%再現できるものではありません

〜要相談が必要なサービス〜
・WordPressテーマ化
・デザインから作成
※状況によってはお断りさせていただく可能性もございます

〜お役に立てない、またはお受けできないケース〜
・納期がかなり短い、お急ぎの方
・ログイン機能やカート機能などのシステム系

〜納期〜
・１ページあたり２〜４日が目安です
・デザインやアニメーション内容により変動します

〜納品ファイル〜
・HTML、CSS、JS、imgを圧縮、zipファイルにて納品いたします

★★★全力でお受けさせていただきます！ぜひ当方にお任せください★★★

●HTMLコーディング
●CSSの利用・修正
●PHPでのHTML記述・調整

↑全てワンペーパーで開発致します！

条件：
・1ページ and 1デザイン
・1デバイス and 1ブラウザ
・2オブジェクト and 1ファイル

但し、条件を満たない場合でも１時間以内に開発可能な場合は★ONE PAPER★

お仕事のご依頼宜しくお願い申し上げます。

ご覧いただきありがとうございます。

HTML/CSS/Javascriptを使って、Webサイトを制作いたします。
ノーコードで作るサイトよりもデザインの自由度が高く、お客様の「伝えたい」をカタチに出来ます！

▽▼▽▼▽▼▽▼

＼こんな方にオススメ／
・デザインやWebのことに詳しくなく依頼に不安な方
・すでにサーバー契約をしている方
・デザイン的に自由な表現をしたい方

◆サービスの特徴◆
・専門用語は使わずわかりやすい説明！
・パッと目に留まるデザイン！
・修正無料！

◆サービスの流れ◆
制作するWebサイトの目的や詳細をお聞かせください。
↓
あれば、Webサイト内で使用するテキストや画像をご提示ください。
↓
ラフ提案でデザインのチェックをお願い致します。
OKが出ましたらコーディングに入らせていただきます。
↓
制作しましたサイトのチェックをお願いいたします。
ご納得頂けるまで修正いたします。
↓
修正終了後、サイトを公開し、納品とさせていただきます。

※ご購入前に「購入にあたってのお願い」をご一読頂けると幸いです。

具体的な完成イメージを教えていただけると早期納品につながり、
値段以上にお客様が満足いく作品が出来上がります！

▽▼▽▼▽▼▽▼

以上を踏まえまして、ご購入・ご相談の際は下記質問にお答え下さい。
後に、さらに詳しくヒアリングさせていただきます。
↓↓

【ご購入前の質問】
❶ サイトを制作する目的

❷ ビジネス上の競争相手であるライバル企業や、デザインの雰囲気を真似して欲しい参考サイト

❸ ロゴ、イメージ画像などサイト内で使用したい画像の有無

❹ 原稿の有無（ご用意が無い場合は、一緒に打ち合わせ致しましょう♪）

❺ サーバーを契約しているか

❻ 納品物を制作の実績としてポートフォリオやSNSに掲載可能か

❼ 納期限

購入にお悩みの場合は、DMよりお気軽にご相談ください。
ご相談もご依頼も、心よりお待ちしております。

新規WordPressサイト構築や、既存サイトのWordPress化など対応いたします。
公開後もできるだけお客様ご自身で更新を行いやすいよう、カスタマイズも可能です。
ご希望に合わせてカスタマイズ案などをご提案させていただきます。

【カスタマイズの例】
・投稿機能の追加（お知らせ、商品紹介、FAQ等）
・カスタムフィールドの設置
・ページャーの追加
・パンくずリストの追加
・お問い合わせフォームの設置
・各種SNSの埋め込み
・関連記事リスト
・人気記事ランキング
・絞り込み検索の

上記にない項目でも、対応可能なものは多数ございますのでお気軽にご相談ください！

ご覧いただきありがとうございます。
安心してお取引できるよう、丁寧に対応を心がけております。
まずはお気軽にご相談ください。

当サービスでは、デザインデータからHTML/CSSコーディングを承っております。

ーーこのようなお悩みの方へおすすめですーー
・コーダーが足りない
・コーディングできる人がいない
・レスポンシブにも対応してほしい
・費用を抑えてコーディングを任せたい
・デザイナー様、ディレクター様、制作会社様など

ーー基本料金で対応できることーー
・HTML/CSSを使用したコーディング
・WordPress化（オリジナルテーマ化）
・簡単なアニメーション（ハンバーガーメニュー、スライダー、アコーディオンなど）

【お見積りに関して】
記載の料金は目安になります。
作成するページ数や要件よって変動しますのでご了承ください。
ご予算に応じた調整も可能ですので、一度ご相談頂ければ幸いです。

【修正に関して】
無制限で対応いたします。
ただしデザインの変更や要件変更によるものは追加料金を頂戴する場合がございます。

ーー対応可能データーー
・Figma
・AdobeXD
・Illustrator

ーー納期についてーー
トップページのみの場合は最短で3日になります。
ただしデザインやボリュームによって変動しますので一度ご相談くださいませ。

ーー制作の流れーー
①まずは相談するボタンよりお問い合わせくださいませ。
②ヒヤリング（HPやLPの詳細や要件についてお伺いします）
③制作開始
④ご確認と修正（制作したHPをご確認いただき、必要に応じて修正させていただきます。）
⑤納品（基本的にはZIPファイルでの納品になります）

ーー最後にーー
Web制作歴は2年ではありますが、ご満足頂けるように精一杯対応させていただきます。まずはお気軽にご相談頂けますと幸いです。どうぞよろしくお願いします。

▼こんな方におすすめ
友人や外注でWebサイトを作ってもらえたのはいいが、ページ追加や文言・デザインの変更をしたい。
でもやり方がわからない方。

▼ご提供内容
すでに運用されているWebサイトに文言・デザインの変更やページの追加を行います。

▼ご購入後の流れと納品物

1. 簡単なご挨拶と、どのような変更をしたいのかをヒアリングいたします。
2. クライアント様がお持ちのWebサイトがどのサーバーに登録されていて、どのファイルを変更してもらいたいかを確認します。
3. ファイルを修正し、ページの修正内容がご希望通りか確認させていただきます。
   3.1. ご希望通りでしたら、4に進みます。
   3.2. ご希望通りでない、または追加での修正をお願いしたい場合は、こちらで修正をいたします。(修正は3回までとさせてください。)
4. クライアント様へファイルを納品いたします。(ファイルのアップロードの仕方がわからない場合は対応させていただきます。)
   以上になります。

▼私個人の実績
・2021.10から2023.9の間、SEとして自社開発の製品(ECパッケージ)で要件定義・機能サイズ・開発・テスト・保守を経験
・現在は、公共のシステム開発に参画中(基本設計～)
ECサイトの構築を経験しており、HTML/CSSの経験も長けておりますので、ご安心してお任せいただけたらと思います。

▼最後に
納期を守ることはもちろん、丁寧なコミュニケーションを心がけております。
ご連絡いただければ、すぐに対応できる態勢を整えますので、どうぞよろしくお願いします。

ご覧いただきありがとうございます。
ご安心してお取引いただけるよう、丁寧な対応とご連絡を心がけております。

■サービス内容

• HTML / CSS コーディング
• Javascript
• CSSアニメーション
• WordPressへの実装
• お問い合わせフォーム

■料金内対応

• 基本的なJavascript
• レスポンシブ対応
• meta description / OGPタグ / ファビコン等、基本的な内部SEO対策
  　> ファビコンをご希望の場合はロゴデータをご用意下さいませ。
• 画像圧縮によるサイト高速化
• テスト環境のご用意
• 修正無料

■無料アニメーション一覧

• ハンバーガーメニュー
• アコーディオンメニュー
• タブメニュー
• スライドショー
• モーダルウィンドウ
• ページトップへのスクロール
  その他サイトによく実装されている動きに関しましてはご相談下さいませ。

■コーディングに関して
どの端末幅にも対応したフルレスポンシブ対応になります。
※ご依頼の際はAdobe XD、Illustrator、Figmaいずれかのデザインデータをご用意下さいませ。

■WordPressへの実装に関して
基本料金12,000円となります。
詳細な料金に関しましてはページ数・量によりますのでご相談下さいませ。

■お問い合わせフォームに関して
１ヶ所・１０項目まで基本料金内で対応いたします。
PHPでのフルスクラッチ実装 / Googleフォーム埋め込み
に対応可能です。

■納期
以下は目安になります。
デザインの内容・量により変動いたします。
　トップページ１４日
　下層１ページあたり７日
デザインデータ受け取りからの日数になります。
お急ぎの場合は柔軟にご対応いたしますのでご相談下さい。

■アニメーションに関して
スライドショー、ポップアップ、ドロップダウンメニュー等はもちろんのこと、
その他の動きについてもご希望がありましたら、ぜひご相談ください。

■実機での確認に関して
　Google Chrome　Mac/Windows/Android
　FireFox、Microsoft Edge　Mac/Windows
　Safari　Mac

最後までご覧いただきありがとうございます。
ご不明な点がございましたら、お気軽にお問合せ下さいませ。

会社、店、病院などの、
宣伝として、知名度アップ、サイト訪問者数アップを目指します

納品物
貴殿のサーバーにアップします

素材など（画像、文章など）を準備していただき、それを使って作っていきます

今までたくさんのサイトを作ってきました

◾サービス内容
・HTML / CSS / jQuery を使ったコーディング
・保守、運用を考慮したCSS設計
・スピーディーかつ思いやりのある報連相
・gulpの環境構築
・gitでのコード管理

◾制作内容詳細
・静的コーディング（1ページ〜）
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの設置（内容に応じて別途お見積り）
・jQueryによるアニメーション実装
・WordPress化：内容に応じて別途お見積り

◾サービス料金について
上記に記載してある金額はあくまでも目安となっております。
作成するページ数や案件内容に応じて金額は変動いたします。
ご予算に応じて調整できますので、お気軽にご相談ください！

◾納品までの流れ
「見積り・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
　↓
納品日の目安と、追加で購入が必要なオプションが有る場合ご案内いたします。
　↓
お見積り・サービス内容に問題がなければ、ご発注ください。
その際にサイトのデザインデータ（XD、Figma、Photoshop、Illustrator）をお送りください。
また、デザインデータから書き出すことのできない素材（画像など）に関しても、お送りいただけますようお願いいたします。
　↓
最終的な納品日を再度お伝えし、サイト構築を開始いたします。
　↓
コーディング完了後、ご確認いただき３回までは無料修正対応いたします。
最終チェックが完了後、データ納品となります。

◾経歴
名古屋大学工学部にて機械系システムのプログラミングを学習。（現在学部４年生）
プログラミングスクール「デイトラ（Web制作コース）」を卒業。
現在のWebサイト制作会社にて、長期インターン生として実務経験を豊富に積んでおります。

「丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗報告、納期厳守」を
常に意識し、クライアント様を不安にさせません。

ご不明点がありましたら、お気軽にご連絡ください。

ご覧いただきありがとうございます。
本パッケージはLP（ランディングページ）のコーディングを代行サービスです。

▼こんな方におすすめ
・コーダー不足で外注先を探している方
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方

制作会社様はもちろん、個人Webデザイナー様からも受注実績があります。
サービス運営者様、会社経営者様、個人などでも可能ですのでまずはお気軽にご相談ください。

▼サービス内容
LP１ページのコーディング（スタンダード・プレミアム）
JavaScript（jQuery）を用いたアニメーションの実装も可能です
（例：アニメーションをボタンにつけることでCVR UP）

レスポンシブ対応は料金に含まれております
表示確認はWindows(Google Chrome、Edge)タブレット(iPad)スマホ(iPhone)で行います。

▼料金
既存ページのカスタマイズ・修正、追加セクションなど10,000円
基本料金35,000円
ボリューム多い場合など、プレミアム料金55,000円になります

【料金が追加となる例】
・CSS、JSアニメーション
・アコーディオン、スライダーなどの機能
・お問い合わせフォーム（WordPressはプラグインで実装）
・PC、スマホでレイアウトが大きく違う
・フレキシブルレイアウト
・リキッドレイアウト
など

▼ご用意いただくもの
デザイン：ファイル形式はIllustrator・XD・Photoshopなど
サイト内の原稿：コピペできる形でご共有お願いいたします。
画像素材

▼納品
html・css・jsファイルをzipでまとめて納品となります
サーバーへのアップロード作業も可能です

▼アフターフォロー（納品後２週間以内）
不具合があれば無料で修正させていただきます

▼こんな方へオススメ

クオリティの高いサイトを作りたい！運用を考慮したサイトを作りたい！アクセシビリティに配慮したサイトにしたい！などご相談ください。
また、以前コーディング依頼をしたが期待した制作物が納品されなかったご経験のある方、満足させる自信があります！

▼納品物

HTML, CSS, jQueryのファイルをご提供
ご希望があれば SCSS, SCSS, pug, ejs などのテンプレートエンジンファイルの納品も可能です。

▼納品までの流れ

1. デザインカンプのご提供 (先方)
2. ページ作成時の考慮点などの確認 (先方・当方)
3. 制作開始 (当方)
4. 一次納品物を納品 (当方)
5. ご確認・FB (先方)
6. FB対応 (当方)
7. ご確認・FB (先方)
8. FB対応 (当方)
9. 納品 (当方)

▼金額・納期

デザイン、物量、アニメーション、JSの有無などで金額・納期などご相談させていただければと思います。

某企業にて10年の実績があり！
webデザイナーやエンジニアへ業種変更達成率97％！

▼講師
有限会社ヒューマンリンク研究所
代表取締役社長　小池

制作会社にてプログラマー兼コーダーとして下積みをし、Webデザイナーへ転身
最後の転職としてメディア運用を選び、サイト運用の重要性とWebマーケティングの知識を身につけ独立
一人でプランニング・デザイン・コーディング・プログラミング・Webコンサルまでマルチにこなせる業界でも珍しいプレーヤー

▼こんな方におすすめ
・webデザイナーを目指している人、転職をしたい人
・webサイトを作ってみたい人
・webマーケティングやwebコンサルに転職を考えている人
・web業種に未来を感じている人

▼主な内容
・ベーシック
web会議による座学を行います（約2時間）
デザインからどのようにしてHTMLを構築するのか
タグはどれを使ったら良いのか、デザインをどうやってHTMLに落とし込むのかを学べます

・スタンダード
ベーシックの内容に加えてCSSについての簡単な座学を行います（約2時間）
HTMLのタグをどのようにしてデザイン通りにするのかの基本が学べます

・プレミアム
スタンダードの座学に加えて全10工程の実践をチャットツールなどを駆使しマンツーマンで行います（約30日）
PCのサイトをテキストエディタを使って作れるようになります
＜用意必須＞
・adobe Photoshop

▼ご購入の流れ
ご購入後に講座の日程を決めるためにご連絡をいたします
日程決定後にZOOMのURLを発行します
受講後に講座で使用したPDFを納品して終了となります
プレミアムの場合は全10工程を完了した時点で納品となります

■自己紹介

Web業界15年の経験があります。
Webデザインはもちろん、WordPress組み込みサイト数100サイト以上。
Web解析士の資格を持ち、様々なサイトの改善提案をしてきました。

■サービス内容
静的なHTMLとCSSをワードプレスに組み込みます。

様々な業種のサイトで多数の経験があるわたくしがワードプレスの組み込みを行います。
組み込み時に多少の想定外のことがあった場合、それも含めて対応します。

■料金に含まれる内容
・HTML＆CSSをワードプレスに組み込み
・組み込み時のレイアウトの調整
・ワードプレスのプラグインやセキュリティ、SEO対策などのアドバイス

是非、お気軽にご連絡ください。

購入にあたってのお願い
購入前のご相談やお打ち合わせが可能です。

ーーーーー

ますは、HTMLとCSSをご用意ください。
納期などもお知らせいただけたらと思います。

私はHTML＆CSSのコーディングを専門とするフリーランスです。主にWebサイトやLPの制作において、デザイナーから提供されたデザインデータをもとに、HTML＆CSSのコーディングを行います。

コーディングにおいては、Web標準に基づいたマークアップを心がけ、レスポンシブデザインにも対応します。また、必要に応じてJavaScriptを利用したアニメーションや動的なコンテンツの実装も可能です。

コーディングに際しては、クライアント企業の要望に合わせた細かい修正や改善提案を行い、高品質な成果物の提供に努めます。納品前には必ず動作確認を行い、クオリティーの向上に努めます。

実績として、Webサイトのトップページや商品ページ、LPなど、様々な案件に携わってきました。常に最新の技術トレンドを意識し、最高の品質とスピードで仕事を進めることを心がけています。

お気軽にご相談ください。

プランによって無料修正回数が異なります。

こんな方にお勧め
・Webページを作成してほしい

どんな課題がある
・Webページの作り方が分からない

何を提供できるのか
・お客様が求める品質以上のWebページを作成します！

具体的な納品物
・1～10ページのWebページ

進め方
・進捗を随時報告しながら進めていきます。
・コミュニケーションを大事にします！
・どんなことでもお気軽にご連絡ください！

私の強み
・コミュニケーション能力
・情報収集能力

HTML/CSSのコーディングが可能です。
WordPress案件も引き受け可能です。お気軽にご相談ください。

サイトを検索上位に上げるために、SEO対策施行を行います！

作業としましては、コードにSEOに関するコーディングを追記する
作業を行いますが、事前に狙いたいキーワードを考えておいてください。

キーワードは、多く書き込みすぎると反映されにくくなるため、
10キーワードくらいがベストと言われています。

作業は以下の流れで行います。

ヒアリング → コーディング → テスト確認 → 納品

ご質問にもお答えしますので、気軽にご相談ください。

こんな方におすすめ▼
お試し感覚で依頼をしてみたい方

ご提供内容▼
既存サイト、新規サイトのhtml/cssコーディングをいたします

価格▼
既存サイトの修正：￥10000
新規静的サイト：￥15000
CMS構築：￥20000

オプション▼
下層ページ+1枚：￥5000
手直し(3回目以降)：￥1000/1回

申し込みから納品まで▼
お申し込み▶デザインファイル(XD, Figma, Photoshop, Illustrator)送信▶デザインファイル受け取り▶コーディング▶納品▶手直し(3回まで無料)▶完全版納品

初めまして菊池と申します。

WEBデザイナー/UI/UXデザイナーをしております。

ポートフェリオに制作実績のサイトを記載しております。
https://no1inc7819.wixsite.com/mysite-1

閲覧者を惹き付けるデザインイメージを、具現化することを得意としております。
（制作者側の目線で制作するのではなく、閲覧者目線でのデザイン制作を心掛けております。）

UI/UXデザインでは(ユーザーと製品・サービスとの接点)を強く意識して制作しています。

ECサイト等での商品販売では、売上アップにはデザイン画像(訴求含)で90％以上、閲覧者が商品を購入するかが決まるという統計が出ています。

私の制作では、購買意欲を促すデザイン画像(訴求含)を制作することでライバル社と差別化を図り売上アップに繋げます。

楽天等での販売では、集客はECサイトがしてくれるので、集客にこだわる必要はありません。

技術(美容系)や不動産などのサービスでも、デザイン画像(訴求含)が一番大切です。

技術系(美容系)などのサービスを販売する企業様は、集客を自社でしなければなりません。
上記のサービスでは、集客(SEO、SNS)を利用して集客するのが大切です。

アクセス解析により、あらゆる情報が分かります。
(年齢層、性別、都道府県、閲覧時間、曜日時間の閲覧者数他)

商品販売、サービスの販売も、現状より売上をあげるのは難しいことではありません。

サービス販売では、アクセス解析の情報をもとにして、集客を増やし他社と差別化したレアなデザインで売上を上げる。
商品販売では、他社には制作出来ない閲覧者を惹き付けるデザイン画像(訴求含)を制作するだけです。

自社のサービスをブランド化し、リピーターの顧客様を獲得することが大切です。

【可能な業務】
LP、HP制作（お勧めはWIX、HTML5、CSS3、Javascriptでの制作も可能）、デザイン画像制作、UI/UXによるWEBコンサル、SNS集客、デザインカンプ制作、ECサイト用デザイン画像制作、各種デザイン画像制作、他。

どのようなお仕事でも、ご相談頂ければ、親切丁寧に対応させて頂きます。
ご相談だけでも、親切丁寧にご対応させて頂いております。

納期を守ることはもちろん、丁寧、迅速なコミュニケーションを一番に心がけております。

ご連絡いただければ、すぐに対応できる態勢を整えておりますので、どうぞよろしくお願いします。

【こんな方にオススメ】
デザインはあるが、コーディングができない方。
時間がなくて、仕事を外注したい方。

デザインデータをいただければランティングページ(広告サイト)やホームページをHTML,CSSにて作成します。
ご要望によってはサイトに動きを付けたり、管理がしやすいようにWordPressを導入致します。

初めての方でも、安心して依頼をしていただけるように契約前に打ち合わせをさせていただいております。
必要なものをすり合わせて、迅速かつ高品質なサイトをお作りいたします。

納品後も１ヶ月無料でサポート、修正しております。

【作成できるサイト】
簡単なホームページ
ランティングページ
※レスポンシブ対応込

【サービス内容】
・HTML,CSS,JQuery,PHP,WordPressを使い制作しております
公開した状態でお渡し可能です。更新などのサポート、修正いたします。
お作りするサイトは、スマホ・タブレット・パソコンなどのデバイスに対応しています。

・修正は3回まで

・デザイン性の高いサイト制作、管理や変更がしやすいサイト制作。

【ご用意いただくもの】
・テキストや写真※決まってない際はご相談ください。
・背面透過のロゴ
・参考となるサイト※決まってない際はこちらでイメージに近いような物を探します。
・サーバー、ドメインなどの情報。

【オプション内容】
・定期更新業務
・文章提供
・記事作成代行
・サーバー、ドメインの契約から管理

▼こんな方にお勧め
・写真などの素材はあるが、ブログのレイアウトや記事内容が不安
・もっと若い世代にフォーカスを当てた記事の作成をしたい

▼具体的な進め方
1.お客様からの要望の確認
↓
2.画像素材等があればそちらの受け渡し
↓
3.素材の収集（２がない場合）
↓
4.記事作成
↓
5.商品受け渡し
↓
6.修正など

ホームページのコーディング、ホームページ修正対応します。
こちらのサービスはTailwindCSSを使用したコーティングでございます。

TailwindCSSのメリット

１.
クラス名を考えなくて良い。CSS設計の規則が導入されているプロジェクトだと一つのク ラス名を考えるのに数分とられてしまうのも珍しいことではありません。TailwindCSSではその必要がないです。

2.
CSSのファイルがむやみに増えない。従来の方法だと新しい機能やコンポーネントを追加するたびにどんどんCSSファイルが増えていくことになります。TailwindCSSではCSSを新たに書く必要がないため、CSSファイルの数が膨大になり、管理が大変になるといったことが起きません。

3.
安全に変更が可能になる、HTMLファイルに変更が閉じられるので影響範囲が増えない 例えば「paddingがデザインと少しずれていたので直したら、別の場所のレイアウトが壊れた」なんていう経験は誰しも一度はあるのではないでしょうか？ TailwindCSSであればHTMLに対して直接スタイリングの定義を行うため、上記のような問題は発生しません。

デザインは原則、Adobe illustrator、Photoshop、XDでの支給をお願いしておりますが、それ以外の場合はご相談下さい

ご覧いただきありがとうございます。
WebコーダーのMotaと申します。
平日日中は制作会社にて勤務しており、制作時間が少ないため急がれてる方のご希望には沿えないかと思います。
それでも

・できるだけ安くお願いしたい。
・時間より価格！
・デザイナーの方のポートフォリオの構築
・コーディングがめんどくさい！

など、サイト構築でお困りの方はお気軽にご相談ください！
相談は無料です！
あまりお金をかけずに、サイトを構築したいと言った方にお勧めです。
レスポンスは遅くとも当日中にはご返信します。

●使える機能一例
・jQueryを使ったアニメーション実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニュー、モーダルなど）　
・お問い合わせフォームの実装
・レスポンシブ対応

基本何でも込みでやらせていただきますが、WordPress導入までお求めの方は別途ご相談ください。
全てのご要望に応えたいとは思っていますが、その分時間はかかるかと思いますので、ご了承ください。

●制作の流れ
まずはご相談ください。
1．依頼内容のヒアリングを行います。
　　↓
2．デザインデータのご提供。納品日の目安などをお伝え致します。
　　↓
3．コーディング。完了後、ご確認いただき、無制限で修正対応致します。
　※大幅なデザインの変更は対応致しかねます。
　　↓
4．最終チェックが出来ましたら、ZIPファイルかサーバーへのアップロードという形で納品させていただきます。
　※サーバーへのアップロードはログイン情報を共有させていただきます。

まずは気軽にご相談ください。

【注意点】
・冒頭でお伝えした通り、時間が限られるため完成までお時間をいただくこともございます。
・注文後のお客様都合でのキャンセルは原則致しません。
・制作実績として使わせていただくことがあります。

「WEB」「HP」制作の
「サポート」から「制作作業」など、
様々なお手伝いをさせていただきます。

「コーディング方法」や「不具合の解決」など
簡単な「サポート」から、
「制作」「コーディング」も。

部分的な修正も可能です。
「１ページ」「１サイト」のコーディングもご相談ください。

ご希望をお聞かせいただければ、
できるだけ、ご希望に沿った対応をさせていただきます。

LPページ(ペラサイト)の制作です。
2ページ目以降の作成はメッセージにてお問い合わせお願いいたします。
コンテンツボリュームにもよりますが、約２日で納品が可能です。

▼対応想定機種は、
・スマホ
Iphone5〜10(safari)
Android 7〜(google chrome)

・タブレット
ipad

・パソコン
windows(firefox,googlechorme,IE)
mac((firefox,googlechorme,safari)

デザインはできるけどコーディングは苦手。。
コーディング代行依頼したいけど費用をなんとかおさえたい。。
デザイナーとして活動し始めて、コーダーの知り合いがいない。。
とお悩みの方はいらっしゃいませんか？

数あるパッケージからご覧いただきありがとうございます。
HTMLコーダーをしている國平悠希と申します。

下記内容にて業務を行いたいと思います。

※wordpressは対象外となっております。

【業務の流れ】
①　デザインデータと使用する画像データをご用意いただきます。
　　（この時点でおおよその納期をお伝えします）
②　ヒアリング・納期確定
③　コーディング実施
④　１度目のファイル確認
⑤　修正期間（～2日まで）
⑥　納品

【注意事項】
・こちら側の都合により、作業する時間が限られる可能性があります。その場合は事前にお伝えいたしますのでご理解いただけますと幸いです。
・フォント指定やピクセル指定がある場合は、ヒアリングの際にお申し付けください。ピクセルパーフェクトでお仕事をさせていただいたことがないので、納期に余裕がある方をおすすめします

私は、未だ業界未経験となりますが「HTML5レベル１」認定プロフェッショナルを取得しているため最低限以上のスキルと知識は持ち合わせていると自負しております。

もちろん未経験の為利益より経験を重視しており、お値段もパッケージ表示価格より相談可能でございますので、クオリティーを落とさず費用を抑えたい方は、ぜひ一度ご検討いただけますと幸いです。

長いお付き合いをさせていただける・駆け出しのデザイナー様は二人三脚で一緒に成長出来たらと思いますので、ぜひ相談だけでもご連絡ください。

現役WEBデザイナー（実務経験6年以上）がHTML・CSSコーディング作業を代行いたします。

・WEBデザインまではできるがコーディングは外注したい
・すぐに動けるコーダーを探している
・経験のあるコーダーに仕事を依頼したい
といったWEB制作会社・デザイン会社さんにおすすめです。

いただいたデザインデータを基にコーディングを行い、忠実にデザインを再現したサイトデータを納品させていただきます。

基本サービスでは静的サイトのコーディングまでを行います。
ご相談いただければ、オプションでレスポンシブ対応、JQuery（Javascript）での機能実装や、静的サイトのWordPress化（テーマ作成）までご対応可能です。

＜基本サービス＞※１ページ
・HTML・CSSコーディング
・デザインデータからの画像書き出し
・お客様サーバー環境にアップロード（ZIPファイル納品も可）

＜オプションで対応可能＞
・１ページ追加：¥5,000
・レスポンシブ対応：¥5,000〜
・トグル（開閉）ボタン、ドロワーメニュー、スクロールアニメーションなどjQuery（JavaScript）での機能実装：¥5,000〜 ※１機能、要ご相談
・WordPress化：¥10,000〜
（カスタム投稿やカスタムフィールド、プラグインの設定等が必要な場合は別途お見積）
・お問い合わせフォーム実装：¥15,000 ※WordPressサイトの場合のみ（プラグインにて実装）
・お急ぎ納品：¥10,000
・実績掲載不可：¥5,000

＜ご用意いただくもの＞
・デザインデータ（Illustrator、Photoshop、XD）
・サイトに使用する画像やテキストデータ
・ご契約サーバのFTP情報 ※サーバへのアップロードご希望の場合

＜納品方法＞
お客様のサーバーへアップロード or ZIPファイルで納品

＜納品までの流れ＞
①お見積のご相談
②正式なお見積のご提案
③ご購入（取引開始）
④デザインデータ等の受領
⑤コーディング作業開始
⑥ご確認（弊社テスト環境上にアップロード）
⑦修正作業
⑧納品（お客様のサーバーへアップロード or ZIPファイルで納品）

**誰よりも安くご納得いただけるまで修正いたします！

【業務概要】
・デザインデータ・画像データをご用意いただき、データ通りのサイトをコーディングし　　　　　　　　ます。　　
　　
・Javascriptを用いたアニメーションの実装も可能です。
　内容は私のポートフォリオサイトで実装しているものに限ります。
　まずはご相談ください。

・手直し無料でご納得いただけるまで何度でも修正いたします。

利益より経験重視でやりたいと考えていますので、未経験ということをご理解頂ける方よろしくお願いします。
お客様に喜んでいただけるものを安く提供していきたいと思いますので、サイト制作にできるだけ費用をかけたくない方は、ぜひ１度ご検討頂けると幸いです。

ホームページ、ランディンページの修正、コーディングはお任せください
★プロのデザイナー様、企業からリピートあり！

安心してあなたのWebサイトをお任せください！

【デザイナー様、企業のWeb担当者の方へ】

こんなお悩みはありませんか？

ほんの少しの修正が必要だけど、コーダーの手が空いていない
安定した品質を担保できるコーダーがいない
コーディングが苦手で誰かに任せたい
このパッケージを購入することでこの悩みが解決できます
いつでもすぐ対応してくれるコーダーがいるから安心♪
品質が担保できるから、安心して任せられる♪
デザインだけに集中できるので、デザインの品質が上がり、デザインの単価も上がった♪
初めての方へ
当サービスはWebサイトの修正や更新、新規ページのコーディングなど
Webサイトのお困り事を解決するサービスです。

こんなお困りごとを解決できますので、ぜひお気軽にご相談ください。

”スマホでは表示が崩れる”
”お問い合わせフォームをつけたい”
”文書を変えたい”
”ホームページをネットに公開したい”
”新しくランディングページを作りたいなど”
「こんなことできるかな？」と思ったら、お気軽にご相談ください。
相談は無料です！
どんどん相談しちゃってください！

価格
⚫︎修正、更新のご依頼：要相談　最低価格が3,000円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

⚫︎ランディングページのコーディング：44,000円〜

⚫︎ホームページのコーディング（５ページ以内）：100,000円（ WordPressも対応`）

上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
お客様よりデザインデータご提供
コーディング・テスト
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）

実績
公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。

デザイナー様からLPコーディング依頼
制作会社様からWordPress（オリジナルテーマ）のコーディング依頼
個人事業主の方から静的ホームページの修正依頼など
ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。

もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。

その為にもまずは詳細なご依頼内容を伺いたいので、
下記の【ご依頼、お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

ご検討のほど、よろしくお願いいたします。

あなたのワードプレスサイトに会員機能を設置いたします！

ワードプレスセットアップ後に引き継ぎますので、
それまでの作業を済ませておいてください。

セットアップやカスタマイズも対応できますが、
こちらは別途費用が必要となります。

会員機能を設置すると会員利用者と非会員利用者の区別化ができ、
その利用者に対して、メールの配信や特別サービスもおこなえます。

＼ こんなお悩みありませんか？ ／
・昔ホームページを作ったけど知識がなくて更新できていない
・画像を差し替えたい
・文章を変更したい
・崩れている箇所がある
・画像の文字を修正したい
・動画を埋め込みたい
・スマホ対応にしたい
・項目を追加したい
などなど組み合わせ自由で対応いたします！
※画像を作成することも可能です。（有料オプション）

作業の目安は1日2時間程度です。
内容により対応量が変わりますのでお気軽にご相談ください。

ホームページ制作をお願いしたい人向け。

●サービス内容
HTML、CSSの修正。
既存のLPの修正を安価でさせていただきます。
文章を変更したい、文字の大きさ、背景の色を変えたい、画像を変えたいなど引き受けさせていただきます。

●可能な業務内容
HTML、CSS
(デザインデータはお客様でご用意していただきますようお願いします)

●作業の流れ
流れは下記のとおりです。
＊内容のヒアリング＊
　↓
＊契約成立＊
　↓
＊コーディング作業＊
　↓
＊テストサーバにて確認＊
　↓
＊納品＊

●可動時間
平均3時間

以下の業務を請け負います。
・既存サイトのHTMLの部分変更
・既存サイトのデザイン（CSS）変更
・既存サイトのレスポンシブ対応
・静的デザインのHP制作

Webデザインから納品（HTML、cssなど一式格納したZip形式）までが業務範囲となります。
サーバーの新規開設ならびにアップロードは対応いたしかねますことご了承ください。

写真データはライセンスの都合がありますため、貴社にてご用意いただくようお願いします。
※フリーライセンス画像で問題なければ当方で用意します。
※フリーライセンスの証明が確認できるサイトで最適な画像を当て込みます。
※最適な画像がない場合は別途相談させていただく場合がございます。

NDA締結可能です。
HTML/CSSの保守は業務範囲外となります。制作までとなります。

修正は3回まで無料でお受けいたします。

制作会社様向けコーディングサービスです。
現在、常駐案件をしておりますが、スキマ時間を利用してコーディングいたします。

私どもの強みとしまして、

・プリプロセッサ対応
・Gitへの参加可能

がこのお値段でご提供可能です。
詳細は、メッセージでご連絡下さい！

--

◆この価格に含まれるもの
・下層ページ1ページのコーディング（PC版高さ6000pxまで）
・レスポンシブ対応（メインのブレイクポイント１つ）
・JSは、プラグインの挿入2点

◆対応ブラウザ
・Chrome、Firefox、Safari、Edge（各最新版）
・IE11以上
・Mobile Safari（iOS11）　Android5以上（Chromeのみ）

※下記の場合、別途お見積りとなります
・6000pxを超えるデザインカンプ
・メインブレイクポイントの追加
・JavaScriptの追加、指定のライブラリ利用等
・タブ切り替え等で、コンテンツが大幅に増える場合
・対応ブラウザを増やす場合

◆納品方法
・Gitにコミット
・zip納品
・指定サーバーへアップロード

◆まずはページ数をお知らせください！
ページ数、コンテンツの量に応じて、対応可能かどうか判断いたします

◆制作実績はお問い合わせ下さい
非公開事例たくさんあります。こちらでは掲載できませんので、詳しくはお問い合わせください。（コーディング歴6年以上のスタッフを揃えています）

■唯一無二のホームページを制作します

【弊社が選ばれる理由】
・高品質、即レス、期日厳守を徹底
・スタイリッシュで視認性の高いホームページ制作が得意
・フロントエンドだけでなくバックエンド案件にも対応

【詳業務内容】
・ホームページ制作の目的や期待する効果などをヒアリング
・デザイン選定
・コーディング
・納品

【スキル】
・HTML
・CSS
・JavaScript
・jQuery
・PHP
・WordPress
・C#
・Visual Basic
・Python
・VBA
・MQL

【稼働時間】
土日も稼働しているため、柔軟に対応させて頂きます。

ホームページにお客様の想いを100％乗せれるように、
丁寧なコミュニケーションと迅速な対応を心がけております。
よろしくお願いします。

簡単LP制作を1万円という格安価格で作成致します!
理由は自分がHTML/CSSの経験が未熟なためです。

ですが、頂いたお仕事は誠心誠意を持ってやらせて頂きます。
何卒よろしくお願い致します。

(料金については別途手数料を頂いております。ご了承ください。)

ご覧いただきありがとうございます。
とにかく安くサイトを作りたい方へおすすめです！

◆料金に含まれるサービス
・HP制作
　WordPress/ペライチでの制作でも可能です
　
◆ご準備いただきたいもの
・写真　
　フリー画像であればこちらで準備することも可能です
・文章
　決まっていない場合は追加価格でこちらで準備することも可能です
・イメージに近いサイトやデザイン
・サーバーやドメイン
　わからない場合はサーバー管理を１年間契約させていただくことも可能です
　サーバー/ドメイン等検討される方はご相談ください
・ペライチで制作を希望の方はペライチログイン情報

◆購入後の流れ
１：お問い合わせ・ヒアリング
　　料金相談など、お気軽にお問い合わせください

２：デザイン案のご提案
　　ご提示いただいたイメージに近いサイトやデザインを参考にヒアリングを行います

３：素材・ログイン情報のご提出
　　文章・画像・ロゴの提出をお願いします
　　サーバーやドメイン情報

４：完成HPのご確認
　　制作したHPを確認して頂き、修正・追加を行います
　　修正・追加は何度でも可能ですので、イメージに近くなるまで対応させて頂きます

５：納品
　　問題なければ納品させて頂きます

ご不明な点はお気軽にお問い合わせください。
　　

•大切にしていること
お客様とのコミュニケーションを何より大切にしております。
作りたいものへの認識を揃え、気持ちよくお仕事をさせて頂くことで、いい作品ができると思っております。
そのために、不明点や疑問点があれば質問をさせて頂きます。

•現在ランサーズでの実績を積むため、特別価格でコーティングいたします。実績がないため納期を多く見積もっていますが、納期より早く完成した場合は連絡いたします。お見積もりは無料となっておりますので、ぜひお気軽にご相談ください！

•料金表
コーティング(トップページ+下層2ページ)¥10000
コーティング(トップページ+下層4ページ) ¥20000
コーティング(トップページ+下層6ページ) ¥30000
※すべてレスポンシブ対応です。

•納品までの流れ
①ご相談
②お見積もりの提出
↓(※ここまで無料です！）
③正式なデザインデータのご提供
④スケジュールや品質チェックシート等のご共有
⑤コーディング
⑥ご確認・修正
(※納品前の修正は無制限でご対応いたします。大幅なデザインの変更の場合、追加料金を頂戴します。）
⑦Zipファイルによるサイトデータの納品

•連絡方法
Chatwork、Slack、Zoom等対応可能です。
その他ご希望の連絡方法がございましたら、ご相談ください。

•連絡可能時間
平日　18時〜22時(会社員勤のため対応できない日もあります。)

土日祝　9時〜22時

※事前に連絡していただければ上記の時間に対応いたします。
※上記時間以外にも事前に連絡していただければ基本対応いたします。

•制作させていただいたwebサイトは実績としてポートフオリオに掲載させていただく場合がございます。掲載不可の場合はお知らせください。

デザインをいただいてから、HTML、CSS、JavaScriptでコーディングいたします。
gitの運用も問題ございません。

♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)

♢ 制作の流れ
1.ヒアリング / お見積り
　- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
　- 確認していただいた後、修正・追加作業があれば行います。
　（3回まで無料にて対応いたします。）
5.最終確認・納品

♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。

♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。

Webサイトのコーディング、修正作業を外注したい方にオススメ！

コーディングの修正作業からWordPressのオリジナルテーマ作成まで請け負っております！

デザインを丁寧に再現し、レスポンシブ対応まで承ります！
即返信とこまめな連絡を約束し、スムーズに納品まで完了いたします！

【納期】
修正のみ(ベーシックプラン)：1週間
静的サイトコーディング(スタンダードプラン)：2週間
WordPressオリジナルテーマ作成(プレミアムプラン)：4週間

※ページ数や機能の数によって、表記より延長させていただく場合がございます。

【注意事項】
コーディングのみを請け負うパッケージとなっております。

コーディングのお手伝いします。

▼こんな方へおすすめ
手間のかかるコーディング作業を任せたい方
プログラムにかかわらず，様々な作業を行います．詳しくはご相談ください

▼ご提供内容
簡単なコーディング作業代行

▼ご相談
ご購入前にコーディング作業の要件を簡単にお知らせください

内容

開発中のシステムの制作が詰まってしまった場合や、エラーやバグの原因がわからない場合に、画面を共有して一対一でサポートを行います。また、プログラミングに関しての質問や、メンター活動についても対応可能です。

対応分野

主にPython/Djangoが専門ですが、HTML,CSS,JavaScript等も対応できます。内容によるので、対応できるか、事前にお問い合わせください。

進め方

3~30日の間、1日に1時間までZoom等で対応します(私が忙しくない場合は、1日にもう少し時間が取れます)。
また、3日のプランで契約し、3日目に3時間使う、なども可能です。ご相談ください。

私について

PythonとDjangoを使ったWebアプリケーション開発をしてきました。
現在はオンラインでの講師業や新人研修、たまに小〜中規模な開発をしています。

今までに、
・Python「基礎編」ワークブック (情報演習―ステップ30)
・Djangoビギナーズブック
といった書籍を書きました。

・プログラミング初心者でも安心、Python/Django入門講座
というUdemyのオンライン教材を作りました。

ディレクターとしての実績もございますため、
クライアント様のご要望を汲み取ったデザインを起こすことに力を入れております。

「デザインはPCのみだけれど、スマホにも対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

このような場合でも対応いたします！
もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

【制作実績】
https://y-and.net/
https://y-and.net/works/

【対応可能データ】
・Adobe Photoshop
・Adobe XD
※↓相談必須、場合により対応可能↓
・Adobe Illustrator
・Figma

【プランに含まれるもの】（オプションで選択のもの有）
・HTML/CSS（Sass）/JSを使用し静的にて構築（scssファイルは納品いたしません。）
・レスポンシブ対応
・ハンバーガーメニュー
・スライダ（1ヶ所まで）
・アコーディオン
・トップへ戻るボタン
・スマホデザインがない場合、コーディングベースにて柔軟に作成
・ファビコン作成
★WordPress構築
★ライトボックス
★出現アニメーション
★その他アニメーション
★スクリプトやPHPを使用したシュミレーション・フォーム ※※
（★は別途費用となる場合がございます。ご相談ください。）

※※シュミレーション機能について
計算式や、スロットのような動き、問題形式など様々なものに対応可能です。
金額感は変動がありますので、事前にご相談ください。

【プランに含まれないもの】
・サイト公開対応（可能な場合もありますのでご相談ください）
・サイト引っ越し
・ドメイン設定
・データベース作成
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行（埋め込みは可能）

【納品までの流れ】
①ヒアリング（ご相談・スケジュール確認）
②発注
③素材、ある場合デザインデータご入稿
④制作開始
⑤確認・修正対応
⑥納品

【対応できる時間帯】
フリーランスのためスケジュール、リソースに空きがあれば基本柔軟に対応可能です。原則期日は2週間前でお願いいたします。ただし、継続契約の場合別途相談ください。
また、私と契約のあるパートナーへ委託する場合ございますので、NGの際は事前にご連絡いただけますと幸いです。

【修正について】
基本こちらの不備である場合は対応いたしますが、
依頼の際より大幅なデザイン変更や仕様変更など、此方に不備が場合は別途相談させていただきます。

【その他】
・納品後の修正は別途相談させていただくことがあります。
・正当な品質不足以外の途中キャンセルの場合、対応分はお支払いいただきます。
・フリー素材の契約はなく、ほとんど所持しておりません。素材はご提供ください。

多くのサービスがある中ご覧いただきましてありがとうございます。

このサービスでは【Webサイトが重くならない】コーディングを提供致します。

■Webサイトでなかなか開かないサイトってありますよね？
→ホームページのコーディングで不要なファイルが原因になっている場合が
ございます。

またHPをお持ちの方でも、自分のHPがすぐ読み込まない…
といったお悩みも同じ問題の可能性があります！！

「ホームページがなかなか開かない」問題の一つとして、
例えば、WordPressのようなオープンソースのソフトウェアは一般の方でも使いやすい分、
実際は使用しきれない不要なソフトが実装されていてデータが重くなっています。
（他にも世界中で使用されているソフトウェアは
ハッカーに狙われやすくセキュリティの機弱性が問題視されています。）

集客UPを狙うなら顧客をローディングで待たせてしまうのは、意識を削げてしまう可能性ございます。
本当に多くのWebサイトが重いコーディングになってしまっているのが
私はとても勿体ないと感じております。

この問題を解消し、ページが重くなる原因を避けながら
お客様のデザインをコーディング致します。

【サービス内容】
ーーーーーーーーーーーーーーー
■静的コーディング(HTML、CSS)１ページ〜
ハンバーガーメニュー/スライダー/アコーディオン機能などの
JavaScriptを使った動作デザインの実装は
別途料金になりますがもちろんご相談可能です。

■レスポンシブ対応
１ページのご料金になります。
PC版で作った動作デザインの実装も反映します。

ーーーーーーーーーーーーーーー
【ご相談可能なサービス】

◎複数ページご希望の場合
サービス内容は１Pの価格としておりますが
他ページ（下層ページ）は トップページより複雑なものでなければ
サービス価格でお受けできます。ご相談ください！

◎LPのコーディング
6000px以上のものは１回1000pxで3000円でご案内できます。

◎レスポンシブ対応の下層ページ
複雑なものでなければPC版同様にサービス価格でお受けできます。

◎追加のJavaScriptの機能実装　別途お見積もりになります。

◎お問合せフォームの設置：内容に応じて別途お見積もりになります。

◎WordPress化：内容に応じて別途お見積もりになります。

【納品について】
コーディングしたファイルを納品いたします。
納期につきましては３日〜１４日を予想しております。
ご相談内容によって納期が変動しまスノでお見積もり後に
具体的に何日かかるかをお知らせさせていただきます。

幅広くお客様のニーズに対応できるよう頑張っていきますので
ぜひお気軽にご相談くださいませ！

◇こんな方におすすめ
デザインデータがあり、コーディングをしてほしい方
デザインはご自身で行いコーディングを外注したい制作会社様、デザイナー様　など

◇サービス内容
HTML / CSS / DartSassを用いた静的サイトのコーディング
WordPressサイトのコーディング
スマホ標準対応（レスポンシブ）

◇料金の目安
・トップページコーディング：10,000円～
　下層ページコーディング：1ページ7,000円～

jQueryも対応可能ですのでご相談ください。

※デザインデータによりお見積もりさせていただきますので、お気軽にご相談ください

◇制作の流れ
①ヒアリング・見積もり
ご契約前に、内容のヒアリングをさせていただきます。
質問・疑問点などございましたら、お気軽にお問合せください。
↓
②ご契約
↓
③デザインデータをいただきます
↓
④制作
↓
⑤ご確認・修正
修正回数は特に設けておりません（デザイン等の大幅修正は除く）。
↓
⑥納品

■納品方法
コーディングデータをzipファイルで送付します。
※サーバーアップをご希望の場合はご相談ください。

数あるパッケージの中からご覧いただき、誠にありがとうございます。
コーダーのりょうかといいます。お願いいたします。

貴社でご準備されているデザインカンプを
デザインに忠実に、保守性を重視してコーディングします！

円滑なコミュニケーションを意識しており、
お客様からのご連絡には最長でも半日以内にお返事しております。
また、最後まで責任を持ってお仕事させていただきます。

＊ 基本サービス ＊
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境での確認
・品質チェック（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・指定のサーバーへのアップロード
・納品後１週間以内の修正対応（大幅なデザイン変更を除く）

＊ オプション ＊
・お問合せフォーム ¥10,000
・内容によっては、+¥2000 or +¥5000の追加料金をいただいております。
(これ以上の追加料金はございません！)

＊ 制作の流れ ＊
① ヒアリング・お見積り
② デザインデータ（psd, xd, figma）をお送りいただく
③トップページ制作・修正
④問題なければ下層ページコーディング
（必要であれば、ページごとに確認、進捗報告します）
⑤テストサーバーでの表示、動作確認
⑥問題なければ品質チェックシートを添えて納品
（zip、FTPを使用して直接サーバーへアップロード）
※修正回数に制限はございません（大幅なデザイン変更はできません）

＊ 稼働時間 ＊
AM10:00~PM4:00
PM10:00~PM2:00
その他時間をご希望の際は柔軟に対応させていただきます。

■提供可能なこと
・HTML/CSS/Javascriptを使ったコーディング
・保守・運用しやすいようなCSS設計(BEM)
・Wordpressの導入、構築、改修

■制作内容の詳細
・静的コーディング（1ページ〜）
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり
　
■ご予算について
記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
お気軽にご相談ください。

■ご用意頂くもの
・デザインカンプ(XD,figmaなど)
・画像素材

■購入の流れ
「見積もり・カスタマイズの相談に進む」より、
ご依頼の内容の詳細をお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。

■実績

・経歴
WEB制作会社でデザインからコーディングまでの業務を経験
フリーランスとしてWebサイト制作の活動を開始
　
・仕事に対する姿勢
常にお客様へ真摯な対応と納期厳守を念頭において活動しておりますので安心してお仕事をお任せいただけます。また積極的な提案も心掛けご満足いただけるよう尽力致します。

ご不明点がありましたら、
お気軽にご連絡くださいませ。

業務内容

サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。

◆こんな方にオススメです

デザインはできるけどコーディングが苦手

コーダー不足で外注先を探している制作会社

コーダーのパートナーを探しているデザイナー

既存サイトをCMSで運用お考えの方

◆基本料金に含まれるもの

HTML／CSSを使用したWebコーディング
レスポンシブ対応（PC／スマホ）
画像、CSSファイル、JSファイルの圧縮（圧縮不要な場合はお申し付けください）
テスト確認用サーバーの設置（こちらで用意）
アフターフォロー（納品後1週間以内）
※納品後、こちらのミスでデザインとは異なる部分がございましたら無料修正いたします。

◆基本料金に含まれないもの

スマホ用デザインカンプがない場合のレスポンシブ対応：10,000円
jQueryを使用したアニメーション機能の実装（一部無料）：5,000円〜
ブレイクポイントの追加2ヶ所目以降1ヶ所追加につき：10,000円
お問い合わせフォームの実装：15,000円〜
※静的の場合は、「PHP工房」のメールフォーム【MailForm01】の使用を想定しておりますが、「Google Forms」や「formrun」も対応可能です。

◆納期

4〜14日程度で納品が可能です。
※稼働状況やページ内容により変動します。

◆納品までの流れ

ヒアリング
　↓
デザインデータお預かり
　↓
コーディング
　↓
テストアップ（ご確認・修正）
　↓
納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

HTMLやCSSなどが得意ではない方へ。

レイアウトが崩れてしまった、
文字の色や大きさを変更したい、
少し位置をずらしたい…
文章を変更したい
どうしても一部分だけ特定のブラウザでうまく見れない！

などの、簡単な修正を請け負います。

修正の量によっては、複数の修正を同時に処理できることもあります。
また、逆に工数が多くなり、追加のご案内をさせて頂く場合がございます。予めご相談ください。