• 個別サポート事例

最初に引き受けた案件。いくらくらいの見積りになるでしょうか?

Webデザインオンライン講座 個別サポート事例

友人の会社のサイトを作りました。
・初めて作ったサイトなので、コードが不安。
・全体的なアドバイスをお願いします。友人よりお金をいただける話が出ています。
一般的には、この程度のサイトでいくらくらいの見積りになるでしょうか。

サポート内容

Webデザイン講座 サポート・添削内容

全体的なアドバイスをお願いします。

スクールの卒業制作としては、コンテンツの構成や見せ方は完成度が高いと思います。

ここまで、完成させるには大変だったのではないですか?

【気になる点】

その1 余白と各情報のブロックのバランス

ロゴ・メニューはイメージ画像との余白がほとんどないのに対し、その他の部分は余白が多いですね。

余白を上手く使うことで、優雅さや高級感、洗練されたイメージを出すことができますが、そのバランスがバラバラだとさみしい感じになってしまいます。

また、各情報のブロックの区別を明確にするともっと良くなると思います。

例えば、添付画像の見出しの水色の部分のように、両サイドまで見出しの背景をつけるとブロックの区別が明確になると思います。
(水色の色はただの目印です。)

〇〇ページの下の見出しは、見やすくてgoodだと思います。

〇〇関連業のWebサイトは、その余白や情報のブロックをどのようにみせているか、研究してみて下さい。

その2 本文の文字色

本文の文字色は、黒か黒に近いグレーのほうが読みやすいと思います。

その3 下層ページにパンくずリストをつける

トップページ以下のページに移動した際、メニューの下辺りにパンくずリストがあるとユーザーは安心すると思います。

例えば、ページからページに移動した時、一瞬、どこのページに移動してしまったのかわからなくなってしまう感じがします。

 

初めて作ったサイトなので、コードが不安。

ソースもきれいで上手くマークアップされていると思いますが、マージンは、改行タグではなくCSSで設定しましょう。

ところどころ、マークアップされていないHTMLタグがありますね。

例えば、〇〇ページの

<img src=”images/〇〇.gif” width=”125″ height=”38″ alt=”〇〇” />

ここなら<h2>で囲んでもいいかもしれません。

 

 一般的には、この程度のサイトでいくらくらいの見積りになるでしょうか。

見積もり金額について具体的な数字を挙げてアドバイスさせていただきました。

見積もり価格は、お答えが難しいのですが・・・はじめは、ここが一番悩む部分でもありますよね。

どこのスクールの先生も、この価格の部分だけは、はっきりとした金額は示さないと思います。

まぁ・・・ここがWebクリオンラインのスゴイところ(?)で私の感覚ですが、金額を出すとすれば

例えば、トップページを入れて6ページ構成であるとして、

下は〇〇万円から上は〇〇万位が妥当かと思います。

どうしても、経験が浅いうちは、クライアントにもそれが見えてしまうので、高い金額は提示できませんが、経験を積んで自信がついてくれば、〇〇万以上の見積もりもできるようになると思います。

経験を積むと、デザイン・制作技術の向上だけでなく、その他のブランディングやコンサルティング部分のご提案もできるようになるからです。

私は初めのうちは、

企画・構成(ディレクション)料金

トップページの
デザイン料金・コーディング料金

下層ページの
デザイン料金・コーディング料金

という風に分けて見積もりをしていました。

しかし、下層ページの場合は、案件によりコンテンツ内容が簡単なものから複雑なものまで様々ですし、ページ数によっても違ってきます。

素材や原稿の用意はどちらがするのか・・・などもあり、一概に料金は決まりません。

これからFさんの独自の見積もり方法を見つける必要がありますね。

 

Fさんより

ご相談にのっていただいて、ありがとうございます。
やっぱり、こうして相談できる場があるととても安心感があります・・・
ひとりだと、なかなか突破口もみつけられませんし・・・
まず、独学も続けられない気がします (笑)


この記事が気に入ったら
いいね!しよう

最新情報をお届けします

TwitterでWebcreatorsTipsをフォローしよう!

この記事をシェアする



まずは無料のWebデザインメルマガ講座から体験してみよう!

登録作業はわずか10秒!
パソコン・スマートフォン・タブレットでWebデザインのスキルがアップするメルマガを無料で受信できます!

【メールマガジン登録フォーム】
お名前(姓)*
お名前(名)*
メールアドレス*
  • Wordpressオリジナルテーマ作り方講座
  • Webデザイン講座
  • レスポンシブWebデザイン作り方講座
  • Webデザインまとめサイト

PAGE TOP