
愛媛県の広告クリエーターズクラブ「アドクリエーターズ愛媛(ACE)」ホームページを制作(リニューアル)させていただきました。
今回はACEの代表である株式会社シンプルの正岡さんがデザイン、僕はコーディングおよび構築を担当させていただきました。
クライアント側で手軽に更新・管理ができるようにということで、全体をWordpressで構築しました。プラグインを入れてバリバリカスタマイズした訳ではありませんが、トップページと各コンテンツのテンプレートを別のものにしたり、カスタムフィールドを使って新着情報を更新できたりと、小技を効かせています。

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

エントリーフォームは別ウィンドウで開かず、javascriptライブラリjquery.prettyPhotoを利用してインラインフレームで開いています。jqueryプラグインですが、全部で20KB程度とそれほど重くなく、動作も軽快なので、こういう形でフォームを組み込む場合は重宝するのではないでしょうか。なによりアニメーションが滑らかで気持ちいいのが良いですね。
今回の広告賞、仕事部門は会員限定ですが広告クリエートに携わる人なら誰でも応募できますので、この機会に会員になって応募してみるのも良いかもしれません。僕も会員ですので、何点か応募させてもらう予定です。
みなさんお忙しく、なかなか時間のない中ミーティングなど重ねていただいて構築することが出来ました。代表の正岡さんはじめ事務局の皆様のご協力に感謝します。
今後ともよろしくお願いします。

ちょうど1ヶ月くらい前になりますが、松山市のショップGreen Noah様のサイトを制作させていただきました。
ECサイトとしては禁じ手と思われる「トップページ全面Flash」をカラーミーショップ上で構築ということで、いろいろな方に協力していただきながら完成させました。
トップページ全面Flashということで、ユーザビリティを損なわないよう出来るだけシンプルな操作性を持たせながら、フルFlash独特のダイナミックな画面変化が演出できたと思います。

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

一般的なECサイトと比べるとかなり画面の横幅が大きく、写真のサイズも大きめなのですが、ネットブックの普及とデスクトップマシンの大画面化という二極化の現状を踏まえ、また「他にないECサイトを作りたい」というクライアント様の強い要望で今回の仕様を決定しました。
カラーミーショップ上での構築ということで様々な制約のある中で、予約商品への対応、売り切れ商品の表示など、ショップ側からもお客様側からも使いやすく、分かりやすいサイトが構築できたと思います。
今回、多方面の方々にいろいろな面でご協力いただきました。この場を借りてお礼申し上げます。
以下クレジット
代理店:株式会社Shift
アートディレクション:オープンデザイン株式会社

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

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

技術的にはトップイメージの表示領域を確保するために新着情報などのお知らせをスライド式のパネルにしたり、ケーキ写真の拡大にはjavascriptライブラリをカスタマイズして利用したりと、工夫を凝らしています。
日々増えていく新作ケーキ(サイト構築期間中にも10種類ほど?)の情報を随時掲載したり、イベントの情報を告知するためにクライアント側で更新できるようMovable Typeを導入して、トップページにはシェフのブログの更新情報を吐き出しています。インフォメーションブログの内容は全てトップページに掲載する必要はないので、必要に応じて追加削除が出来るようにまた別の簡易的なシステムを用意しました。
制作した本人がいうのもなんですが、お店のコンセプトや雰囲気、特徴などがよく伝わるサイトになったと思います。これも打ち合わせをしっかり重ねて深いところで情報を共有できたお陰だと思います。
サイト構築に関連して、各方面の方々より素材や写真を快く提供していただきました。ご協力ありがとうございました。
お問い合せはこちら

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

せっかくのキャラクターなので、ところどころに潜ませておいて、アイキャッチ的にも使用しています。こちらも怒られそうな気がしていたんですが、今のところ怒られていません(笑
今回はカラーミーショップを使用しての構築ということでいろいろと制限がある中での制作でしたが、いろいろとお話を伺ったり、ランチに行ったり(笑 制作以外のところでも勉強になりました。企業のキャラクターやメッセージが上手く盛り込めたのではないかと思いますが・・・・いかがですか?社長。
お問い合せはこちら


明後日9/16(祝)開催のハンドメイド一日shop「chiza’s room vol2. チクチク×チェック展」に備えて、嫁さんの名刺を作成しました。
今回はちゃっかりとこのHPの宣伝も入れさせてもらってます。

さらに前回に引き続きチラシのデザインも担当させてもらいました。
このためにメンバーの皆さんも、子持ちの主婦でありながら何ヶ月も前からがんばっていました。それぞれの旦那さんも、それなりにとばっち(略 お近くの方も、そうでもない方も是非是非足を運んでください。私ももちろん見物にいきます。
※収益の一部は、一号のDS貯金に寄付されます。「chem」タグを見かけたら、即レジに持っていきましょう。
chiza’s room vol.2 チクチク×チェック展
日時
2008年9月15日(月・祝) 10:00〜15:00
場所
エス・バイ・エルRNBタピス天山展示場
〒790-0951
松山市天山町三丁目12−3(RNB住宅展タピス天山内) 会場地図はこちら
Recent Comments