デザインカンプの依頼・発注・代行

【LPのコーディング代行をさせていただきます。】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■当サービスの特徴

・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしても活動しておりますのでデザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社５社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

■ご契約後の流れ

1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

制作会社様5社とお仕事していますので、絶対最後まで仕事を投げ出したりしません！

即レス・即対応を心がけております。

最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

STUDIOでfigmaなどのデザインカンプを実装代行いたします！

STUDIOでのHP制作でこんなお悩みはございませんか？

【お悩み】
・お客様からSTUDIOを指定されたけど、使ったことがない
・思ったより操作が難しい
・レスポンシブ対応がうまくいかない
・STUDIOの操作を1から覚える時間がない

⬇あなたのお悩みを私が解決します！！！

【解決策】
・分からないことは何でもお聞きください
・ご予算にあわせて制作します
・私に丸投げしてください
・あなたのデザインカンプを完全再現します

▼他サービスとの違い
STUDIO専門デザイナーとして活動している私がSTUDIOの機能をフル活用して、
STUDIOで実装可能なデザインや機能を完全再現します。

▼安さの理由
コーディングが不要なため早く安く制作することができます。

本サービスはWebデザイナーの方に気楽に導入してもらうことを目的としている為、安価な料金を設定しております。

▼分からないことなど、なんでもご相談下さい！
・初めてで何も分からない
・この機能はSTUDIOで実装できる？
・どこまで再現できるの？

⬇些細なことでも問題ありません！
全て一からご説明させていただきます！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【基本料金内の作業内容】
・STUDIOでの構築
・スマホ対応
・お問い合わせフォームの実装

【ご用意いただく物】
・デザインカンプ
・各種素材

【制作の流れ】
①簡単なお打ち合わせ
②デザインカンプの共有
③STUDIOのアカウント共有
④構築
⑤確認
⑥納品
納品後、1週間ほど修正や操作方法など質問を受け付けます。

【購入にあたってのお願い】
現時点で分からないこと、決まっていないことがあっても気軽にご相談ください。
一緒に考え、納得のいく作品を作りましょう！
どんなホームページにしたいか、どんなことがしたいか何度でもご相談に乗ります！

【このような方におすすめ】
・ホームページのイメージを変えたい
・コーディングは別で行いたい
・デザイン案が複数必要

【内容】
・トップページデザイン1案
・スマホ版デザイン1案

修正回数の制限はありません。
illustlatorまたはphotoshopデータでの納品になります。
ご指定がない場合はillustlatorで制作いたします。

【制作の流れ】
①ヒアリング、ご相談
②仮払い、原稿を送付していただきます
③デザイン制作（デザイン案提出、ご確認、修正）
④データご納品
⑤お支払い

【ご準備いただくもの】
・ご希望デザインに近いサイトのURL、ご希望のメインカラー
・掲載したい原稿（コピーペーストできる状態のテキスト、画像、ロゴ、動画等）
・フレームワークがある場合はご送付ください
・SNS埋め込みをご希望の場合、アカウントのURL

【対応時間】
平日9:00〜18:00

【デザイン制作のみをご希望の方へ、Figmaカンプを納品いたします】
*構築はSTUDIOのみ対応可能ですので、ご希望の方はプレミアムプランをご選択ください！

▼こんな方へオススメです
・コーディングは自分／自社で出来るためデザインだけ作ってほしい方
・ユーザー体験などのマーケティング要素も考慮してデザインしてほしい方
・下層ページを含めたトータルデザインをお願いしたい方

▼ご提供内容
・貴社の現状、目的、競合と比較した際の強みなどをヒアリングさせて頂いた上で、ユーザーに響くデザイン制作へ入らせていただきます。
・特にLPは伝える順序も考慮し、「CVを上げたいならこの構成がおすすめです」とご提案いたします。
・スマホサイズ（レスポンシブ）込みの制作ですのでご安心ください。（※ページによって不要の際はご指定ください）

▼ご用意いただきたいものについて
・フリー素材以外の写真やイラストは、お客様側でご用意ください。
・テキスト原稿をご用意ください。▶︎こちらが難しい場合は、オプションに【ライティング対応】がございますので、ご検討いただけますと幸いです。（当方はライターでもあります）
・ワイヤーフレームもご用意いただける想定ですが、当方に依頼されたい際はオプション【ワイヤーフレーム制作】をご検討いただけますと幸いです。

▼全体の流れ
①お客様への詳細ヒアリング
②進行スケジュールの共有
③制作進行（都度ご確認し、OKを頂けたら次へ着手）
④Figmaのカンプデータ共有をもって納品完了

▼制作可能なジャンル
・IT系のスマートでわかりやすいデザイン
・シンプルで見やすく、噛み砕いた表現で伝わるやさしいデザイン
・派手なアニメーションよりも【ユーザーの心を掴むこと】を優先した設計

▼そのほか
・納品完了後に事例としてHPやSNSでご紹介させていただく可能性がございます。（事情があり不可の際はお伝えください）

▼こんな方へおすすめです。
・デザイナーが不足している事業者さま
・デザインのみ切り出してお願いしたい事業者さま
・提案ようにデザインが欲しい方

▼ご提供の内容
・figmaやXD、Photoshopなどを用いたデザインカンプデータの提供

▼ご購入の流れ
①購入後、要件のヒアリング（メッセージorオンライン）
②ワイヤーでの確認
③デザイン制作
④確認
⑤修正
⑥納品

▼制作可能なジャンル
WEBデザイン、イラストデザインなどが可能です。
また継続してコーディングも対応もできますのでお気軽にご相談ください。

▼料金
掲載させていただいている料金は目安になります。
改めて擦り合わせ後詳細な金額をご提示いたします。

▼納期
目安は1-2週間ほどとなります。

WEBページのデザイン制作します。
お客様の理想に近づけるようしっかりヒヤリングをして丁寧なやりとりを
心がけております。
イメージと照らし合わせながら納得して頂けるよう一生懸命頑張ります！

まずはお気軽にDMでご相談ください！

★★　￥20,000〜　★★　
✅WEBデザイン1枚になります。
✅webページデザイン（デザインカンプ）になります。
✅フリーサイトでの素材でしたらこちらで用意できます。

★★　サービス内容　★★

こんな方にピッタリです。
✅ホームページのデザインカンプだけ欲しいという方
✅オリジナルのWEBデザインを作りたい方
✅WEBサイトが欲しいけど、デザインイメージが思いつかない方
✅アイデアはあるので、デザイン作業を任せたいという方
✅LPの文章は印象的なのに、デザインにインパクトがない。

◆ご用意いただくもの◆
✅ご希望のサイズ…画像の詳細サイズ（横◯px × 縦◯px）
✅ターゲット…決まっていればお知らせください。
✅ご希望のイメージや色（例：ナチュラル　ブルーを基調　など）
　※URLを添付していただくとご希望のイメージに近づけやすくなります
✅画像・写真（画像の添付をお願いいたします。）
✅キャッチコピー・文章・その他使用する文言（添付をお願いいたします。）
✅目的・用途…トップページ、LP、コーポレートページなどをご記載ください。
✅ファイル形式…JPEG・PNG

★★ご依頼から納品までの流れ★★

①ヒアリング・制作内容の詳細を教えてください（参考サイトなど）
　　↓
②制作物の方針決定、オプションを含めた制作料金の決定のご購入手続き
　　↓
③入金確認
　　↓
④画像素材や文章などのご用意（画像素材が無い場合は、フリー素材を使用します。ご希望のクオリティに添えない場合もございます）
　　↓
⑤デザイン制作（デザイン着手後のキャンセルは不可）
　　↓
⑥中間チェック・ご確認・修正
　　↓
⑦最終確認・納品

【注意事項】
■イラスト等は出来かねますので、予めご了承ください。
■Illustratorなどでの納品は行っておりません。
■作成したデザインは実績として掲載いたします。
■その他、各種有料オプションのご確認もお願いいたします。
■納品後の修正はお応えできかねますので、ご了承ください。

24時間相談受付ていますので、お気軽にご相談ください。
・平日：10:00〜22:00
・休日：09:00〜22:00
上記の時間帯にてメッセージをチェックしております。
詳細を確認後、改めてご連絡させて頂きます。
急ぎの案件や急な修正などにも可能な限り柔軟に対応いたします。
業務都合ですぐに連絡が取れない場合がございますが、
可能な限り迅速に返信いたします。

購入にあたってのお願い
■こちらはデザインのみで、コーディングは含まれません。
■制作着手後、事前連絡なく3日以上ご返信がない場合、即サービスを打ち切りとさせていただく場合がございます。
※サービス購入後、お客様都合の返金は原則できかねますためご了承ください。
■ヒアリング時点にはなかった追加や、大幅なデザイン変更などは別途追加料金が発生いたしますので、お気をつけください。
■納品直前の大幅修正等はご対応出来かねますので予めご了承ください。
■納期は厳守致しますが、お客様からの情報遅延・確認依頼に対するご返答遅延の場合は、納期を延ばす場合がございます。
■修正作業が完了し、お客様にご納得いただいた上で納品いたします。
■納品後に欠陥などが発覚した際は、30日間無償で対応させていただきます。
■制作したデザインが原因でトラブル等があった場合において、一切の責任を取ることが出来かねます。
■納品物に関して、納品後に制作実績として紹介させて頂きます。（制作実績としての利用を望まない場合は、お申し付けください。）

●おすすめの人
✔︎管理が簡単なサイトを作成したい人
✔︎サイト依頼が初めての人
✔︎サイト作成をリードしてほしい人

▶︎STUDIOというコーディングが不要なサービスを用います！コーディングの手間が省けるので、お値段を抑えつつ、管理が簡単なサイトを作成することができます！詳しくは、STUDIO公式HPでご確認下さい(https://studio.design/ja)。
※STUDIO利用にあたり、お客様にアカウントを作成いただきます。詳しくはヒアリングの際にお伝えいたします。

●制作実績
これまで数多くの制作に取り組んできました。
URL: https://yuri-kashihara.studio.site/

●サイトに掲載するコンテンツ例
WEBサイトかLPサイトかでコンテンツが異なります。WEBサイトとは複数ページからなるサイトのことで、本サービスでは4ページまで作成可能です。具体的には、トップページ・商品紹介ページ・お問い合わせページなどがあります。一方のLPサイトとは、1枚のページで全てが完結するサイトのことです。

●サービスの流れ
⓪「見積り・カスタマイズの相談をする」からご連絡ください。
↓
①ヒアリング
ヒアリングシートをもとに行います。質問に対して応えていただく形なので、どうぞリラックスして下さいね☺︎質問の一例は以下の通りです。

• 事業内容についてわかるもの(既存のHPや会社パンフレットなど)
• サイトの目的(企業宣伝/商品告知/販売など)
• ターゲット(年齢/職業/性別など)
• 競合のサイトもしくは参考にしたいサイト※なければこちらで用意いたします
• ロゴや使用希望の画像など※なければこちらで用意いたします
  ↓
  ②サイトに掲載する文章やロゴ、画像のご提供
  文章の量などでお困りのことがございましたらご相談下さい。
  ↓
  ③レイアウト作成
  ↓
  ④レイアウト確認/修正
  修正点や付け加えたい内容などがございましたら、お気軽にご相談下さい。
  ↓
  ⑤サイト制作
  サイト作成中はサイトは非公開ですが、ご希望がございましたら、作業の状況をご確認いただけます。
  ↓
  ⑥サイト確認/修正
  ※大幅な修正はできかねます。
  ↓
  ⑦サイト公開

●注意点
作成したサイトは原則ポートフォリオとして掲載させていただきます。

◎含まれているもの
ワイヤーフレーム作成（PCのみ）
デザインカンプ制作（PCのみ）
HTMLコーディング（PC,SP）
画像等の素材（ピクスタ使用、イラストも可能）

◎お客様でご準備いただくもの
原稿（追加料金で制作可能）

★開発者様・プログラマー様へ★

フロントエンド・バックエンドを行えるプログラマーは市場に多く存在しますが、クライアント様からのオーダーからデザイン性・集客性の高い、ハイクオリティなデザインカンプを作成し、XDデータなどで提供できるデザイナーをお探しではありませんでしょうか？

どのような業種やサイトに関わらず、要望に沿ったデザインカンプをお渡しいたします。
サイトの規模によってお値段の相談なども引き受けさせて頂きます。
ご検討のほどよろしくお願いします。

レスポンシブ対応のWordressオリジナルテンプレートを作成します。

・デザインカンプはあるけどコーディングする時間がない
・完全オリジナルなWebサイトを作りたい
・新着情報とブログ機能を分けたい
・特殊な機能を追加したい etc.

既存のテンプレートはレイアウトが決まっているものが多く、
そういったテンプレートをカスタマイズするのはまあまあ大変です。

また、こういったデザインはあるけどその通りにコーディングするスキルがない、
忙しくて手が回らないといった方にお手伝いさせていただきたいと考えております。

忠実にかつ、よりいいものができるよう求められればこちらからも積極的に
提案させていただきます。

コーディングだけではなく、Webサイト導入に関してやサーバの引っ越し、
リニューアルのご相談もさせていただきますのでお気軽にお声掛けください。

Wordpress構築、引っ越し、リニューアル、ドメイン設定、サブドメイン設定、メールの設定、カスタマイズ、Webアプリケーション開発、PHP、JavaScript、Vue.js、Laravel、Git、EC-CUBE、BASE、いろいろご相談ください。