タグ・ホイヤー Webマガジン
23 Nov 2007, 14:35
タグ・ホイヤー Webマガジンを制作しました。前回のF1ドリームキャンペーンが終了し、新作モデルの「グランドカレラ」の特集や正規販売店、アフターサービスなどの情報が詰まったWebマガジンとしてリニューアルしました。諸事情により、当初の予定とは若干異なるサイトマップとなりましたが、何とかこうして完成しました。
すでにauspiciousやFICCでは告知していたのですが、先日19日にグランドカレラのカタログコンテンツが公開され、一連のグランドカレラ特集の公開作業がひと段落したので、吉兆日記でもお知らせする事にしました。
メインの特集は、この秋発売となったタグ・ホイヤーの新作「グランドカレラ」。今回はWebマガジンという事で、普段Webではあまり使わない「見出ゴMB31 Pro MB31」などのフォントを使いまくり、雑誌の目次のようなナビゲーションを目指しました。(このフォントの勉強になりました。)

エスクァイアとカーサなどのエディトリアルを参考にしつつ、時計BeginやらWATCHNAVIなどの時計雑誌から男っぽい雰囲気を参考にしました。時計雑誌を片っ端から読み漁ったお陰で、今腕時計が欲しくてたまりません。
トップページのヘッダーFlashは、暗闇から浮かび上がるグランドカレラのアニメーション。時計が持つ高級感や重厚な雰囲気を演出しました。制作担当はandoさん。グランドカレラのロゴ登場の仕方もとても素敵に仕上げてもらいました。また画像のレタッチはsatokenさんに手伝ってもらいました。
今回もブログパーツあります。ブラックとシルバーのグランドカレラブログパーツを制作しました。リンクに比べてクロノグラフ機能がシンプルですが、演出や説明レイヤーなどは前回よりこだわってみました。そんなオレのこだわりをmayuが実現してくれました。ブログパーツギャラリーページに全ブログパーツを掲載しています。ぜひチェックしてみてください。
そして、先日公開となったのが、グランドカレラのカタログコンテンツ「タグ・ホイヤー グランドカレラ コレクション」。前回のリンクの見せ方を踏襲しつつ、今回はブログパーツのようにHTMLの上にレイヤー表示させてみました。Webマガジンに組み込むとなると、表示領域の制限があり、カタログとして写真を大きく見せられません。全画面でのポップアップも、カタログ1コンテンツに対しては、あまり得策ではありません。そこで採用したのが、Flashのレイヤー表示。特集を読んでいる途中にクリックしても元に戻れますし、気付けばウィンドウが複数開いていたという事も防げます。ちゃんとパーマリンクも持たせたので、アリかと。(やってみたかったという実験的な部分もありますが...)
これもmayuが制作してくれました。今思えば、動きやエフェクトについてあれやこれや色々ダメ出ししましたが、最後まできちんとやってくれました。(超遅めの)夏休み前にも関わらず、間に合わせてくれました。
その他、カレラのレディースモデルや直営店の特集ページ、デザインキャンバスの高さが6000pxを超えたアフターセールスサービスのページなど、色々コンテンツがあります。今後も特集は追加予定ですので、チェックしてみてください。
制作に携わったみなさま、おつかれさまです。
ADD YOUR COMMENTS
初めてコメントする方へ
スパム防止のため、コメントはブログの管理画面を通じて、一度承認をしてから表示しています。そのため、当方が忙しい場合、承認するまでに時間がかかる事があります。その時は、気長にお待ち下さい。投稿すればすぐに反映されます。
CALENDAR
MONTHLY ARCHIVES
October 2008 (6) / September 2008 (20) / August 2008 (5) / July 2008 (2) / June 2008 (8) / May 2008 (7) / April 2008 (14) / March 2008 (19) / February 2008 (22) / January 2008 (17) / December 2007 (3) / November 2007 (3) / October 2007 (3) / September 2007 (5) / August 2007 (2) / July 2007 (4) / May 2007 (3) / April 2007 (4) / March 2007 (3) / February 2007 (6) / すべてのエントリー / もっと前
CATEGORIES
Advertising (14) / CSS/HTML (1) / Daily Life (34) / Design (6) / Event (10) / Fashion (16) / Font (1) / Gadget (13) / Java Script (3) / Journalism (2) / Magazine (4) / Movable Type (8) / Movie (8) / Music (36) / Snowboard (4) / Television (9) / Travel (5) / United Kingdom (8) / Update (6) / Web (28) / Works (6) / すべてのエントリー
SEARCH
FICC ABM
LINKS
- FICC | WEB プロモーション
- FICC LABS
- ayanelog
- RECIPE
- YOU-KING BLOG 猫と魚と酒と音楽と。
- samplogue | words
- pur,curation
- Back At One
- WWW.AKIRAFUKUOKA.COM BLOG
- ぶれいんすとーみん具
- Hereticalogue | standardimage personal weblog
- BLOG.JAGANGLES
- CAMIMU × BLOG
- log.steadfaster
- illusoryhope
- REDRAW CMS
- Beyondlogue
- Star Candy
- 響 日記
- FUMILOG 半端流離料理人の料理ブログ
- Fukuchimi.Park *returns*
- ephemeral glow
- FCTB
- Steafan Hanvey
- JB Design



COMMENTS (0)
このエントリーには、まだコメントがありません。