愛媛県の広告クリエーターズクラブ「アドクリエーターズ愛媛（ACE）」ホームページを制作（リニューアル）させていただきました。

今回はACEの代表である株式会社シンプルの正岡さんがデザイン、僕はコーディングおよび構築を担当させていただきました。

クライアント側で手軽に更新・管理ができるようにということで、全体をWordpressで構築しました。プラグインを入れてバリバリカスタマイズした訳ではありませんが、トップページと各コンテンツのテンプレートを別のものにしたり、カスタムフィールドを使って新着情報を更新できたりと、小技を効かせています。

今回のリニューアルのメインはACE広告賞2009ということで、告知ページ・広告賞へのエントリーフォームも作成しました。

エントリーフォームは別ウィンドウで開かず、javascriptライブラリjquery.prettyPhotoを利用してインラインフレームで開いています。jqueryプラグインですが、全部で20KB程度とそれほど重くなく、動作も軽快なので、こういう形でフォームを組み込む場合は重宝するのではないでしょうか。なによりアニメーションが滑らかで気持ちいいのが良いですね。

今回の広告賞、仕事部門は会員限定ですが広告クリエートに携わる人なら誰でも応募できますので、この機会に会員になって応募してみるのも良いかもしれません。僕も会員ですので、何点か応募させてもらう予定です。

みなさんお忙しく、なかなか時間のない中ミーティングなど重ねていただいて構築することが出来ました。代表の正岡さんはじめ事務局の皆様のご協力に感謝します。
今後ともよろしくお願いします。

ちょうど１ヶ月くらい前になりますが、松山市のショップGreen Noah様のサイトを制作させていただきました。
ECサイトとしては禁じ手と思われる「トップページ全面Flash」をカラーミーショップ上で構築ということで、いろいろな方に協力していただきながら完成させました。

トップページ全面Flashということで、ユーザビリティを損なわないよう出来るだけシンプルな操作性を持たせながら、フルFlash独特のダイナミックな画面変化が演出できたと思います。

実店舗の雰囲気が出せるよう、シンプルでありながらテクスチャや細部のパーツにこだわってデザインを施しました。グローバルメニュー部分もCSSを駆使して、３段階の効果を持たせています（IE6は未対応）。「Sold Out」などの画像に多数透過PNGを使用したのですが、今回もJavascriptの競合などでIE6には泣かされました。IE6を対象ブラウザから外せる日は来るんでしょうか（笑

一般的なECサイトと比べるとかなり画面の横幅が大きく、写真のサイズも大きめなのですが、ネットブックの普及とデスクトップマシンの大画面化という二極化の現状を踏まえ、また「他にないECサイトを作りたい」というクライアント様の強い要望で今回の仕様を決定しました。

カラーミーショップ上での構築ということで様々な制約のある中で、予約商品への対応、売り切れ商品の表示など、ショップ側からもお客様側からも使いやすく、分かりやすいサイトが構築できたと思います。

今回、多方面の方々にいろいろな面でご協力いただきました。この場を借りてお礼申し上げます。

以下クレジット

代理店：株式会社Shift
アートディレクション：オープンデザイン株式会社

愛媛県松山市のケーキ屋さん、La Branche de la Haie【ラ・ブランシュ　ド・ラ・エ】様のホームページ制作を担当させていただきました。
以前から個人的によく伺うケーキ屋さんのホームページということで、制作に入る前の段階からある程度イメージは固まっていたので、コンセプトの選定やサイトのデザインは割とすんなり・・・いくはずだったのですが、オーナーシェフのこだわりを十分に反映するため、何度も打ち合わせを重ねてイメージの方向性を固めていきました。

全体のディレクションと原稿作成、デザイン、コーディングとほぼフル稼働での制作でしたが、サイト上に使われている写真はほぼ全てオーナーシェフ自らが撮影された写真。見ていただけると分かりますが、特にケーキの写真はいわゆる商品写真ではない、正にシェフにしか撮影できない写真になっています。デザインや細かいディテールももちろん大事なんですが、やはり写真の持つ雰囲気もサイトの出来に大きく関わってくるんだなと改めて感じました。

技術的にはトップイメージの表示領域を確保するために新着情報などのお知らせをスライド式のパネルにしたり、ケーキ写真の拡大にはjavascriptライブラリをカスタマイズして利用したりと、工夫を凝らしています。
日々増えていく新作ケーキ（サイト構築期間中にも10種類ほど？）の情報を随時掲載したり、イベントの情報を告知するためにクライアント側で更新できるようMovable Typeを導入して、トップページにはシェフのブログの更新情報を吐き出しています。インフォメーションブログの内容は全てトップページに掲載する必要はないので、必要に応じて追加削除が出来るようにまた別の簡易的なシステムを用意しました。

制作した本人がいうのもなんですが、お店のコンセプトや雰囲気、特徴などがよく伝わるサイトになったと思います。これも打ち合わせをしっかり重ねて深いところで情報を共有できたお陰だと思います。

サイト構築に関連して、各方面の方々より素材や写真を快く提供していただきました。ご協力ありがとうございました。

お問い合せはこちら

有限会社愛媛企画様のコ−ポレートサイト「タイツ社長のこちら販売促進課！」の制作を担当させていただきました。
打ち合わせ段階からこのタイツの人（笑）の登場は決まっていて、とにかく派手に、元気よく、というクライアントの要望からこのようなデザインをご提案しました。内心「やりすぎだろ」との突っ込みが入ることは覚悟していたんですが、予想に反して喜んでいただいた（？）ようで、一安心です。
このような強烈なキャラクターありきのデザインなので、パーツに関してもあまりきれいに作り込みすぎず、写真と全体のバランスに気をつけました。

せっかくのキャラクターなので、ところどころに潜ませておいて、アイキャッチ的にも使用しています。こちらも怒られそうな気がしていたんですが、今のところ怒られていません（笑

今回はカラーミーショップを使用しての構築ということでいろいろと制限がある中での制作でしたが、いろいろとお話を伺ったり、ランチに行ったり（笑　制作以外のところでも勉強になりました。企業のキャラクターやメッセージが上手く盛り込めたのではないかと思いますが・・・・いかがですか？社長。

お問い合せはこちら

やっと、という感じですが、昨年12月にフリーとなって以来ほぼ放置状態だったサイトをver2にリニューアルしました。

コンセプトは「MADE FOR COMMUNICATE」。仕事をしていく上で、いつも心がけている「伝えるためのもの作り」を心がけて出来るだけシンプル、特定の色を出しすぎないようにまとめた結果、全コンテンツ１ページ+ブログという形に落ち着きました。

デザインは白黒でシンプルを心がけましたが、ナビゲーション部分をflashに、actionscriptとjavascriptを通信させてページをスクロールさせたり、ポートフォリオを見やすくするためにjavascriptライブラリを使用したりと、技術的には今まであまり積極的に取り入れてこなかったものを勉強がてら取り入れて構築しました。いわないと誰も気づかなそうなので自分でいいますが、サイトトップの「MADE FOR COMMUNICATE.73WEB.NET」は、どのサイズのモニタで見ても天地中央にくるように工夫するという、別の案件ではほぼ使うことがないだろう工夫を凝らす念の入れようです（笑。

アクセスすると強制的に鳴り始める音楽ですが、今回のリニューアルに合わせてサイトコンセプトを考えて新たに書き下ろしました。必要のない人はPCのボリュームを落すかナビゲーションを使って止めちゃって下さい。

いろいろと改善しないといけない点や追加したい機能もあるのですが、やりだすといつまでも公開できそうもないので、一旦この形で公開とします。

これから制作事例などこのブログでもちょくちょく公開していく予定です。

まだまだ至らない点も多いですが日頃お世話になっている皆様、特にお世話になっていない皆様、今後ともよろしくお願いします。