LoginSignup
11
10

More than 5 years have passed since last update.

エンジニアくずれが1晩でパワポでサイトデザインして中小企業の社長さまから99%一発OKをもらう流れ

Posted at

エンジニアくずれが1晩でパワポでサイトTOPデザインして、中小企業の社長さまから99%の確率で一発OKをもらうためのノウハウをまとめます。あくまでweb担当者がいない中小企業社長さまに一発OKをもらいたいとき向けです。
オリジナリティあふれる斬新なデザインの対局に位置する話です。

1.準備

フォントはしっかり揃える

日本語は、新ゴ系(買う)&小塚系(Adobe製品付属)が必須。
英語は、フリーのフォントをいっぱい揃える。
プロっぽいフォントを使えば、それだけで仕上がり感が違います。
(自分は日本語フォント300、英語フォント600いれてます。使うのは一部ですが)

2.素材探し(1,2時間)

参照サイトを決める

多くの中小企業の社長さまがお求めなのは、オリジナリティではなく「あの有名企業のような立派感」だと思います。なので、いまある立派なサイトをしっかりリサーチします。

「高級感」「明るい感じ」「あのサイトがすき」というお客さんの言葉を頼りに、なるべく全然違う業界からイメージに近いデザインコンセプトのサイトを探す。初見で「はっ」とするサイトがみつかるまでがんばる。

参照するのは下記
・カラーパターン(カラーピッカーで完全にまねると印象が違う。黒と思っても微妙に違かったりする)
・フォント種類(ゴシックか明朝か筆記体かくらいの大まかさで)&サイズ
・おおまかなレイアウト(メニュー配置、バナー配置など)

使う写真素材選びは時間をかける

これで社長の第一印象のほとんどが決まる。時間をかける。

使う画像をgoogle画像検索で探しまくる。
次々に見ながら「はっ」とする画像が出るまでがんばる。

「○○ 壁紙」とかで検索するとでかくてきれいなのがいっぱいみつかる。
(もちろん使用にあたってはちゃんと許可&購入する)

3.デザイン序盤(3~4時間)

メッセージの優先順位を考える

お客さんがのせたい情報の重要度を、ABCの3ランクくらいに分類する。
で各ランクに応じて、フォント種類&カラー、バナーサイズ&カラーを考える。

レイアウトする

最近のフラット&シンプルデザインのサイトなんてパワポで十二分だと思ってます。
ツールはなんでもいいのでレイアウトします。ちなみに自分はpowerpoint2003を使ってます。最強です。

4.デザイン佳境(2~3時間)

デザイン要素を絞り込む

素人がやると、だいたいいろんな要素を、いろんな色&サイズでデザインしてしまいがち。
こうなると、統一感がなくごちゃごちゃした印象だったり、メッセージの優先順位があいまいになったり、
「やっぱりこっちを強調して」と言われたときに、さてどれくらい目立たせようかと迷ってしまう。

なので、色数・文字サイズ・バナーサイズをぐっとしぼる。(スタイルをコピペする)
さきほどのメッセージの優先順位3段階を意識しながら。

大胆に変えてみる

デザインが佳境になってくると、あんまりいじりたくなくなってくるが、これを大胆に変えてみる。フォントサイズを思いきって小さく(大きく)したり、凝った要素部分を思いきってはずしてみたりする。
これでデザインが極大(local max)に陥ってないかを検証できる。
検証できてるとお客さんのデザイン反論に速やかに再反論できる「やってはみたんですけどこっちがよかったです」。

5.デザイン提案直前(1時間)

一晩おく

一晩おいて、翌日の初見で、なんか気になるところが出てくる。そこを微修正する。

こんな考え方でデザインしたのが下記です。なんとか一発OKいただけました。
2015-11-13_17h18_46.png

11
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
10