WEBデザイン WEB制作

WEBデザイナーが仕事を依頼されたとき、まず最初に聞いておくべき7つの事。

投稿日:2015年1月21日 更新日:

こんばんわ。WEBデザイナーのKです。
本日は、WEBデザイナーがWEBディレクターから案件を依頼された時に、
必ず聞いておくべきことをまとめてみました。
ざっくりなので、細かく分けるとまだまだ沢山ありますが、とりあえずこれさえ聞いておけば、WEBディレクターが求めるものに近いものが作れると思います。
そしてスケジュール感の認識違いなどが生まれず、効率の良い仕事ができると思います。

①全くの新規なのか、リニューアルなのか。

リニューアルならば既存のホームページが存在するかどうか確認する。

②パソコン版なのかスマフォ版なのか。

どちらにも対応する場合、レスポンシブルにするのか。
タブレットには対応するのか、お客様が確認するPCは何なのかを確認してもいいですね。
ためにMACで見ている場合もあったりします。

③コンペなのか、受注案件なのか。

コンペならどのくらい競合がいるのか、どのくらい時間をかけていいのか。
受注案件なら、予算はいくらなのか。規模感を把握しましょう。

④コンセプトを確認する。

どのような業種で、誰に向けて何をしたいのか。
そのためのコンセプトを何なのか。

⑤デザインのイメージを確認する。

「可愛い系のデザイン」という抽象的な説明ではなく、参考になるURLを提出してもらう。もしくはこちらから提出し、確認してもらう。

【もっと細かく確認した方がいい場合】

参考にするデザインのどの部分の何を参考にするのかを確認する。
横幅のサイズ感なのか、細かいディテールなのか、色合いなのか、全体の雰囲気なのか、余白感なのか、写真の選び方なのか…

⑥画像・写真のイメージはどこを元にするのか。

・フリー素材や契約している有料素材サイトからイメージをこちら判断で選ぶパターン
・クライアント様から支給されるパターン
・クライアント様が撮影するために、どのようなイメージかを掴んでおくために選ぶ写真のパターン
パターンによって、有料素材サイトや他サイトの写真を当て込む場合もあると思います。
写真や素材には著作権が発生しますので、よく注意して使いましょう。

⑦スケジュールの確認

①~⑥まで聞くと、お腹いっぱいになって、一番大事な部分を聞きそびれる場合があります。
忘れそうな場合は、一番最初にスケジュールを聞いても良いですが、流れ的に最後になる場合の方が多いですね。
なので、忘れないようにしましょう。

そして、疲れきった段階で聞くと細かく聞こう、という意識が萎えますので、最後まで意識をしっかり持って、聞き出しましょう。

・どのページを何日の何時まで提出するのか。
・ディレクターは何日の何時にお客様に提出しようとしているのか。
・そのお客様は何日の何時にデザインを確認しようとしているのか。

これ以上に全てを細かく聞いていても損はないです。

デザイナーには関係ないことかもしれませんが、全体の流れを把握しておいた方が、ディレクターのうっかり忘れにも気付く事ができますし、何より自分の首を絞めません。

【番外編】デザインに不安がある場合

全てのデザイナーが自分のデザインに自信があるとは思いません。
まだ、デザイナーに成り立ての頃はデザインに自信がなく、予想以上に時間がかかることや
ディレクターから思わぬダメダシを頂いた事もありました。

そこで、これを決めたことで、大分効率的に作業が進むようになりました。それは、

デザイナーからディレクターに最初のデザインを出すタイミング・日時を決める。(初稿)
そこで一発OKが出たら、問題ないですが、そこで大きなダメダシが出ても、耐えうる時間を想定します。
不安がある場合は、一度にデザインを仕上げてから見せるのではなく、簡単に色合いなどを作成して、方向性だけ見てほしい、と提出する方法もありです。

大事なのは、自分の認識とディレクターの認識の差をできるだけ生まない事。
それには、たくさんコミュニケーションを取る事が大事ですが、忙しいディレクターさんはなかなか捕まえることができません。

その為、少ない時間の中で、質問事項をあらかじめ決めておいて、全部を把握してから、擦り合わせを行いましょう。

もし、それすらも聞いてくれないディレクターならば、自分の意見をはっきり言っていいと思います。
すべては、お客様のため、会社のために必要なことですから。

株式会社マーカーネットにホームページ制作・WEB制作の依頼をお願いしたい方は是非こちらからどうぞ!

-WEBデザイン, WEB制作

関連記事

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

今回はCSS3から可能になったbackgroundプロパティでの複数指定をご紹介します。 以前は1要素に指定出来る背景画像は1つでしたので複数の背景画像を使用したい場合には要素を入れ子等にして対応して …

Phalcon PHPフレームワーク試しました

Phalcon PHPフレームワーク試しました

Phalcon(http://phalconphp.com/ja/)フレームワークは、PHPエクステンションとして利用する非常に高速なフレームワークとのことです。 動作確認までの手順です。 1. Ph …

全部無料!?写真をアートに加工できる【オススメ無料アプリ3選!】

全部無料!?写真をアートに加工できる【オススメ無料アプリ3選!】

こんにちは!デザイナーAです。 WEB制作時にサイトに掲載する画像を写真ではなく、お洒落なイラストにしたい…! でも制作費用は極力抑えたい~!!そんな方にオススメな写真をイラスト風に加工できるアプリを …

角丸のコーディングは大変?CSS3で簡単に角丸を再現する方法!

角丸のコーディングは大変?CSS3で簡単に角丸を再現する方法!

今まで角丸のデザインにするには画像を背景に設定したりしていましたが、 幅や高さが変わるとそれに沿った画像を作成しなくてはならない場合があります。 それだと効率も悪く、修正もしづらいためコーディングが大 …

リンク切れを自動的にチェックしてくれるワードプレスのプラグイン

リンク切れを自動的にチェックしてくれるワードプレスのプラグイン

リンクチェックしていますか? マニュアルでチェックするとたいへんですよね。 WordPressには自動で定期的にリンク切れをチェックしてくれる 便利なプラグインがございます。 その名もズバリ、「Bro …