デザイン制作 Webデザインの流れ・料金・事例

Flow
Webデザインの流れ

お問合せ
よりお問合せ下さい。
ご連絡
打合せ
ご希望内容、ご予算、ご希望日時等お伺いします
場所|対面(ご訪問orサロン)またはオンライン
お見積
ご契約
作業内容、ボリューム、スケジュール等を反映しお見積書(PDF)を提出いたします。
ご了承、発注いただきましたらご契約の成立となります。金額が一定以上の場合、契約書の締結をお願いしております。
ご入金
着手金として企画・構成基本料(55,000円~)のご入金/または全額前払の確認をもちまして作業を開始いたします。
お支払い方法は銀行振込または現金払となります。
デザイン
ご依頼者様のご希望のイメージ、個性、雰囲気、業務内容に調和する色を選出しデザインしていきます。
随時進捗状況をご報告、必要に応じお打合せをお願いしております。
納 品
デザイン完成しましたらプロトタイプの確認をお願いいたします。修正/校正を反映し、データ納品となります。
ご希望の場合コーディングも承ります(別途お見積)。
ご精算
追加料金発生の場合、残金ご精算となります。

※ 納期 ご発注より2ヶ月半~3ヶ月半程度

※ご指定のコーディング会社との調整連携も承っております。その際企画・構成基本料に追加料金が発生しますのでご了承下さい。

Fee
Webデザイン料金

Webサイト

□企画・構成基本料
55,000円~
ご指定コーディング会社との調整がある場合、別途調整料が発生します
□Webサイトデザイン料
トップ|LDページ
88,000円~
下層ページ
33,000円~/1P
□オプション
インタビューセッション
27,500円~
ご指定コーディング会社との調整がある場合、別途調整料が発生します
ロゴマークデザイン
55,000円~
Webサイト受注時の料金です。複数ご提案します
写真撮影
10,000円~/1H
人物、商品、室内、風景など、Webサイト制作を前提に自然な雰囲気で撮影します
写真レタッチ
3,300円/1枚
写真データの修正を承ります。まとめてご依頼の場合お値引きもございます
原稿リライト
11,000円/1P
ご用意頂いた原稿をサイトのイメージ、バランスに応じてリライトします(校正1回含)
取材/原稿ライティング
55,000円~
インタビューと現場取材に基づき原稿を作成します(校正1回含)
原稿校正
11,000円/回
2回目以降の校正料金です
キャッチコピー/コンセプト提案
55,000円~
インタビュー/取材に基づきご提案いたします
アクセスマップ作成
22,000円~
サイトイメージに調和するイラストマップを作成します
□コーディング料
88,000円~
TOP+下層ページ6P分を基準としています。内容とサイズにより変動します
□サイト編集マニュアル
11,000円~

その他Webコンテンツ

□Webコンテンツデザイン
33,000円~
ブログ等SNSのTOP画像、バナーデザイン
パーソナルカラー診断関連のwebコンテンツ
オンラインで活躍する4シーズンのカラーデータ、レッスン用素材等
ご希望の内容を伺いお見積いたします。お気軽にご相談ください。
納品データ:Ai/JPG/PNG/PDF等

※ 納期の目安 Webサイトはご契約より3ヶ月前後、その他のカラーコンテンツは2週間~です。

※ 表記料金は標準価格(税込)です。ご依頼の内容、納品内容、納期により料金が変わることがございます。

※ 既存媒体の色のみの変更(デザイン変更なし)を希望される場合、Web/Printカラー提案にて承ります。デザイン制作より低コストでイメージ変更が叶います。

※ 写真撮影は田口が行います。自然光が入る環境でWeb使用を前提としてお仕事写真、商品、室内等を自然な雰囲気で撮影します。
プロフィール写真用の本格撮影(メイク付)/スタジオ撮影をご希望の場合、専門フォトグラファーをご紹介いたします。

※ オプション含め複数組み合わせてご依頼の場合、作業工程、内容によりお値引きしております。

※ ご予算に応じ一部分のコンサルのみ承ることも可能です。お気軽にご相談ください。

Cases
ご依頼内容|事 例

事例

Before

テーマカラー

ホワイト|白樺の幹の色。浄化・再生・無垢・光・豊穣
ペールグレイッシュグリーン|白樺の幹のニュアンス色。優しさ・想い
サマーゴールド×ブルーグリーン|光と木漏れ日のグラデーション

余白の白、テキスト背景等に使用している灰みの淡いグリーン、テキストカラーのグレーで白樺の木の色を表現しました。
白樺は古来より光と豊穣を象徴する存在。白は浄化、無垢、再生というメッセージがあります。タイトルのテキストカラーの深いブラウンはご自身の命宿る瞳の色。白樺に繋がる大地の色でもあります。高明度低彩度の色をメインに空や光、風を連想させる色のグラデーションを造り、アイコン等で随所に配しました。
このサイトを目にするだけで心に光が届きますようにという願いも込めています。

ストーリー|デザインコンセプト

生理、妊娠、出産、更年期など、女性の一生の大きな変化に心と体の両面から寄り添うホリスティックヒーリングサロン。既存ページのリニューアルのご依頼でした。
現在の事業、新しく始める事業を整理しまとめつつ、サイトデザインもスッキリ新しくしたい、とのご希望でした。
自分自身が言葉にしきれない想いや感覚も受け取って深掘りし、デザインしてくださるのではないかと感じた、とご依頼くださり、名刺デザインも承りました。

インタビューセッション中、白樺の葉が風に光る高原、青空と、木漏れ日のような優しい色を感じお伝えすると、白樺や高原が大好きでいらっしゃるとのこと。
今のお仕事や、これから展開される事業の核となるイメージ、人生のテーマとも調和する色であるため、白樺の色、光、優しく爽やかな風を感じるデザインをとテーマ設定しました。
インタビューセッションとお打合せを通じ、新しい事業ビジョンやコンセプトの明確化のお手伝いもさせて頂きました。
お話しされていた「命宿る体、生きること、未来への願い、本来の自分の人生を生きる」。起こる不調などにただ対処するだけではない、大きな、根源的なものを守り育んでいく方にふさわしいデザインとはどういうものかを、常に心に置いて制作しました。

全体構成はご希望のとおり、余白を多く、必要な情報が目に入るようシンプルに。ブログで使うバナーもほしいとのご希望から、メニューアイコンをバナーとしても使えるようにデザインしています。繊細な心と体をもつ女性達に届くよう願いを込め、お好きだと伺った印象派の絵画のような光の色を造り、アイコンの背景やデザインの一部に活かしています。前サイトでお気に召しているロゴマークの天使の羽を活かし、TOP画像やアイコンに使用しました。ご用意くださった写真が縦サイズのため画面を左右に分け、背中に生えた天使の羽でつながるようデザインしています。全てのページの写真は、サイトの雰囲気と調和するようトーンを整えています。

ご感想
プチ・ソム・ド・アンジュ オーナーセラピスト 小池 真由美 様

「繊細な人の心に届く色合いと雰囲気で、こういう人に届けたい、というイメージが形になりました。
もう本当にイメージ通りで、お願いしてよかった!と心から思っております。もう惚れ惚れです。笑
新ホームページをアップしたら、ご予約がパパパッと立て続けに入りました。画面から出る波長が変化したのか(色々なことが)スムーズに進む感じがしています!」

Before

テーマカラー

ローズブラウン|知性・風格・信頼・大人の女性
ローズベージュ|あたたかみ・親しみやすさ
ココア|落ち着き

サイトで使用する色は、事業イメージにはもちろん、ご本人の印象にも大きく影響します。そのため経営者様にお似合いの色、ご自身の個性を表す色を意識することが必須です。ご自身のお写真がある場合、背景の色や風景の色との調和も大切です。今回はパーソナルカラー診断を受けられ、ベストカラーであったローズブラウンをメインカラーとして設定しました。ローズブラウンには知性、風格、信頼、大人の女性といったメッセージがあり、キャリアを重ねた女性の落ち着きと信頼感、税理士という職業のイメージとも調和しています。
また、サブカラーのローズベージュで暖かみと親しみやすさを演出。同系色のココアをアクセントカラーとし、同系色グラデーションで落ち着いた雰囲気にしました。

ストーリー|デザインコンセプト

既存サイトの色がなんだか気になるので、もっと雰囲気を良く見やすくしたい、診断を受けたパーソナルカラーを活用してみたい、とのご依頼でした。
既存ページのカラー提案後、サイトのデザインリニューアルを承りました。ページ内の原稿ライティング、ロゴマークデザイン、名刺デザインも承りました。

税理士という仕事柄、固い印象を持たれてしまいがちなので、サイトは親しみやすい雰囲気にしたい、ごくシンプルなデザインのPC向サイトのみのご希望でした。
インタビューセッションでは、税理士を目指されたきっかけ、これまでの人生とご家族への想いも伺いました。
女性達がやりたいことに思いきり挑戦するサポートを通じ、すべての女性が生き生きと輝く社会を実現したいという熱い想いが浮かび上がりました。
女性の起業、子育てとの両立や働きやすい環境づくりに役に立ちたい。どんな小さなことにも寄り添いたい、という想いが伝わるように願いを込め、ご自身のパーソナルカラーを活かした色選定とデザインを行いました。ポートレート写真の背景色も、パーソナルカラーを活かし肌色がよりお美しくなる色に変更しています。

ご感想
税理士 加藤 映子 様

「色とデザインを変えるとこんなにも変わるんですね!見やすくてきれいで分かりやすくて、すごいです!メインカラーのローズブラウンも想像以上に良くて、ロゴマークも名刺もとても気に入っています♪」