wpxtreme » PORTFOLIO

ボツデザインシリーズ #4

kz — Sun, 21 Mar 2010 21:55:58 +0000

制作の様子

店舗オープン前からブランディング一切をお任せいただければ、それはもうドえらいクオリティのご提案ができるのですが、当方 WEB 業界のはじっちょでひっそり息を潜めてプルプル震えておるような状態ですので、なかなかそういったコネクション的なものは構築できておりません。営業もしませんので基本、既存クライアント様からのご紹介のみです。ホームページは欲しいけど何十万もするんではなぁ、変な業者にひっかかるとイヤだなぁ、などとあぐねていらっしゃる方々にとってはまさに救世主的存在ですのでお気軽にお問い合わせください。ただし、こちらもクライアントを選びますのでそこはヒトツよろしくお願いします。料理関連なら「マジ旨い」、サービス関係なら「マジありがとう」そう思えるクオリティがあり、かつお客様を大切にしているクライアントのみお受けいたします。お客様がお金に見えてたり、二度と来ねぇょ！なところとはお付き合いしません。お互いホレる仲が理想です。

制作の様子なんですが、そういった事情によりロゴ，チラシ，店舗がある状態から WEB サイトをデザインすることがほとんどです。ちなみに名古屋では Copperplate に代表される Engraved なフォントがお気に入りのデザイン屋さんが大活躍されているようで、アチコチで「またこのフォントか」という出会いがあって微笑ましいです。
まず、初回訪問で店舗の空気からクライアントが何を目指しているか五感でガッチリ感じ取ります。これ8割。で、ヒアリングと簡単な撮影を行います。ヒアリング言うてもノープランなクライアントがほとんどなので五感のインプットをまぜまぜした結果を「こんな感じで作ってみますねー」と伝えておきます。で、使えそうな資料をお借りして帰路につきます。チラシなどは既に OK が出ているデザイン的なモノのアウトプットですからインスパイアされても間違いは無いでしょう。帰ったら神様が降りてくるのを静かに待って、ダーッと Photoshop で8割方描き上げます。あとは一日掛けて細部を調整してご提案。多分ベストな提案なんです。コレ以外には無いな、って毎回思うもの。

ボツの理由

極上の料理とテキトウな器、テキトウなカベだけど天然木のテーブル＆チェア、などギャップを楽しんでもらうお店です。店舗名が某有名女優のモジりだったりと遊び心もたっぷりです。そしてポスティングカードのデザインはポップでかわいらしい。よし、間違いない。自信満々でドヤ！とご提案したところ「パッと見、かわいいですよね。」「ぁー、そうですね。かわいさを取り入れましたハイ。」「もっとパッと見クールな感じが良いんです。気になるサイトがありまして—」と見せていただいたのは、出た全面フラッシュサイト！イメージ写真ドーンでわけわからんナビゲーション。「ホームに何も情報がないサイトはアレやコレやでオススメしないんですけどもー」「せやけどなぁ、ウチこんなんがええねん」「どうしてもか？」「うん、そやねん」「こういうのんがええんか？」「クールなんが好きやねん」「しゃぁないやっちゃな、今回だけやで？」
というやり取りの末、ソッチ方向で仕切り直ししました。料理がおいしくてクライアント様が素敵なので今回だけ特別です。生ビール6杯いただいたからかもしれません。

今回皆にもぜひ学んでおいて欲しい教訓は「クライアントは印刷物はテキトウでも良いがサイトにはめっちゃこだわる」ということだ。他のクライアントでもそういう傾向がある。気のせいではない、統計的に有意なのだ。ヨソの人が作った印刷物にインスパイアされてはならん。ブランディング無視のこれでいいんですかな印刷物で OK なのにホームページとなると「ここもうちょっと大きく」とかどうでもええことさえもドえらい細かく気になるのだ。印刷物は印刷するまでよくわからんしバーッと印刷されちゃってやり直しも効かんから「まぁええか」となるんだろうか。
いや、ホームページというのはやはりクライアントの夢であり、お店を作る時と同じくらいの思い入れができる楽しみなモノなんだろう。そのお手伝いができるのはとても嬉しいことであり、ありがたいことでもある。エンドユーザーから遠く離れたところで Windows のボケナスをいじくり倒していたままでは味わえなかった幸せだ。そのうえ「ホームページ見たっていうお客さんが増えたよ」なんて聞くと世界人類が平和でありますようにと祈らずにはいられない。えびちゃんにもいつも以上に優しくなれる。
はじっちょではあるが WEB 業界に関われて本当に良かったと思う。いや WEB 業界に関わろうと自ら動いた自分こそが本当に素敵だと思う。ただ、ひとつだけ贅沢を言わせてもらえるならば、デザインはまるっと任せてくれ。マジで。

ボツデザインシリーズ #3

kz — Tue, 02 Mar 2010 17:24:32 +0000

「ホーム」ページ
その他ページ

制作の様子

現在のホームページは気に入っているが活用されておらず、今風のテクノロジーで色々やってみたい、とのリニューアル案件。web のお仕事を始めて 2ヶ月頃でした。qTranslate を導入して8ヶ国語対応，メルマガ配信，リアルタイムな時間割表，講座スケジュール表，javascript による Ajax でインタラクティブな英語力チェックなどなど非常に意欲的な内容で制作しました。
基本的にすべて社長の判断、な組織でしかもその社長がしょっちゅう出張のため、こちらからお願いして web 担当者を選任していただきました。

ボツの理由

web 担当者言うても「社長に訊かないとわからないので」で、ホームページに掲載する写真のご提供をお願いすると3週間、社長との打ち合わせをセッティングしていただくのに2週間。なにかとやたらと時間がかかって、デザイン終わって制作に入ってほぼ公開できる状態になったところでやっと聞けた言葉が「今のサイト気に入ってるんだよね」。
えぇ、確かに気に入ってるとは伺っておりましたけどが。
90年代的なまったりフラッシュのスプラッシュ。IE でしか動作しない javascript。ほぼ VGA（640×480）に押し込められたページごとにバラバラなレイアウト。統一感の無いボタン。画面が小さい頃は大きく見えたのかなの極小フォント。テキスト無しで全面に画像貼り。には </code> と <code><meta http-equiv="Content-Type" content="text/html;"></code> と javascript とスタイルのみ。<code><body><table><table><table></table></table></table></body></code> なマークアップ。<br /> なんだかとっても poetry。そうですかお気に入りですかー。まぁ、アレですね、今のがお気に入りならそもそもリニューアルの必要ないですよね。サヨナラ。<br /> こういう場合はこのデザインではダメだよ、と早めにお知らせいただくと助かります。「あ、うんうんこんな感じで進めて」だと OK や思うやないですか。あと「今のホームページより文字が小さい」とかはもう「ええええぇー？！」なんでご勘弁願います。マジで。</p> <p>なんやねんこれイライラするわなスプラッシュページがあったりですとか、ボタンが小さくてクリックしにくいやんけですとか、スカスカで中身あらへんやんですとか、デザイン，コンテンツ，SEO と様々な観点から残念な20世紀サイトを見る度に、なんでこれこのままほっといてんのやろと思います。<br /> なぁ、イカしたサイトにリニューアルしようぜ。俺に任せろって。マジで。</p> </article> <article> <h1>ボツデザインシリーズ #2</h1> <p>kz — Mon, 08 Feb 2010 16:14:14 +0000</p> <p>こちらは夜バージョン<a href="http://wpxtreme.jp/cms/wp-content/uploads/2010/02/mother-11.jpg"></a> <br /> そしてこちらが昼バージョン<a href="http://wpxtreme.jp/cms/wp-content/uploads/2010/02/mother-21.jpg"></a></p> <h4>制作の様子</h4> <p>ティザー過ぎて何だかよくわからないモノすごい怪しいお店、な感じになってて GOOD です。お店なのかどうかもわかりませんね、COOL です。何しろプレオープンまであと 5日というときにお話をいただいて、お店にご訪問するも改装の真っ最中で真っ黒な壁がやっとできたかな、という状態でした。なので写真は撮れず、ロゴもまだなく、コンセプトは秘密クラブで、オーダーは「黒基調でソウルカラー（赤黒緑）」。<br /> 引き出しを開けまくって翌日ババーッと仕上げて送付しました。引き出しはほとんど空でしたシクシク。やたら！マークが多いのが気になりますね。無い！無い！引き出し開けても何も無い！のビックリマークが出ちゃったんだと思います。ちなみに背景のムラムラは工事中のお店のカベのイメージです。多分こんなんでした。</p> <h4>ボツの理由</h4> <p>そりゃお店作るので精一杯ですから、ティザーサイトまで気が回りませんよ。なんだかんだで打ち合わせの時間が取れず、プレオープンに間に合わず、そもそもあと5日なのにティザー？などを鑑み、このデザインにはサヨナラしました。お店も落ち着いてきたとのことで、ただいま本サイト構築中です。<br /> 打ち合わせから公開までは、なんだかんだあってもだいたい 2週間ほどです。クライアント様のレスポンスが遅いとその分遅れますのでひとつヨロシクお願いいたします。お急ぎでしたらまるっとお任せで 5日間ほどでもよろしいですけどオススメはしません。なんでって俺がまったりやりたいからさ。デザイン希望の方はお気軽に <a href="http://wpxtreme.jp/contact" title="Go to お問い合わせ.">お問い合わせ</a> ください。</p> <p class="append">本記事内の「ティザー」が気持ち悪い方は、適宜「ティーザー」に読み替えてもう一度始めから全部読み直してください。</p> </article> <article> <h1>ボツデザインシリーズ #1</h1> <p>kz — Thu, 04 Feb 2010 03:56:31 +0000</p> <p><a href="http://wpxtreme.jp/cms/wp-content/uploads/2010/02/classlive1.jpg"></a></p> <h4>制作の様子</h4> <p>参加者として長らく楽しんでいたイベントなので、何かお手伝いできることはないかなと思って勝手にデザインしてみました。勝手なので打ち合わせも何も無く、よし描くかと思い立ってから完成まで8時間程度。始めの 2〜3 時間はロゴだけ書いてボーッとしてます。脳内で方針を練ってるんですね。ラフスケッチ？とかモックアップ？とかは楽しくないから作りません。<br /> 当時（2009 夏）からマイブームのグレインな表現をヘッダーとフッターに施してます。Photoshop で言うと［フィルタ｜ノイズ｜ノイズを加える...］ですね。jpg のせいかご覧の画像はグレインが強く出て白っぽくなってますが、実際はもっとさりげなくてクールです。このようなサイトデザインのチュートリアルをご希望の方がいらっしゃいましたら、何らかの方法で kz にアピールしてみてください。</p> <h4>ボツの理由</h4> <p>勝手に作って提案してみましたが、ちょうどサイト管理をホームページ業者から自社に切り替えたところなのでタイミング的にごめんなさいということでした。お気の毒なことに、更新がやたらと遅かったそうです。せっかくのホームページですから業者はしっかり選びたいですね。業者の皆さんは、色々ともっと真摯に取り組みましょう。<br /> こんな感じのデザインしてくれって方はお気軽に <a href="http://wpxtreme.jp/contact" title="Go to お問い合わせ.">お問い合わせ</a> ください。デザインまでならタダで結構。なんでって楽しいからさ。ただし、このシリーズを増やさないためにも冷やかしはご遠慮願うぜ。</p> </article> </main></body></html>