小森Tweet小森です。東京世田谷を基盤に、素材にこだわった洋菓子とおいしいパンを作り続けている、ラ・テール様のウェブサイトがリニューアルオープンいたしました。ラ・テール様は、お菓子好き/パン好きの方にも定評のある、地元のみならず全国に根強いファンの多い人気ショップです。PHP)、過去記事コンテンツ移行3年前のリニューアル時に引き続き、今回もアークウェブが開発を担当させていただきました。新たに2つの新ブランド(店舗)の情報と商品を追加ブランド追加に伴い、デザインとレイアウトを見直し、よりブランドの存在感を強めた構成に変更いたしました。Cartを使用コンテンツの更新にはMovableType(4.25)を使用しています。ベースのシステムがあったこと、テンプレートシステムの活用、お客様の協力体制もあり、1ヶ月という極めて短期間でスピード構築することができました。デザインのバリエーション以前よりブランドが増えたこと、扱う商品に重なりがあること、打ち出したいイメージも若干違うということから、ひとつのマナーのもとに束ねるというより、よりブランドイメージを差別化し、存在を打ち出していく形に方針を定めました。共通のテンプレートを使用しているため、レイアウト構成は同じである必要がありました。そこで色使いやフォント使いなど、あしらいの面でブランドごとの差別感を与えながらも全体として統一感がある、というデザインを目指しました。以下がそのバリエーションになります。アナログ感を生かしたデザインは今回も健在です。オンラインショップレイアウト今回は対象画面解像度を上げ、横960pxで制作いたしました。商品写真は前回から比較的大きめのものを使用していたのですが、それを活かし、コンテンツエリアは横いっぱいを贅沢に使用し、情報をゆったりと見せています。構造的にも、視線の流れを考慮し、横にカラムを分けるのではなくリンクを下に集めることで、ほかの商品やページに横移動しやすく、回遊しやすい構造といたしました。その他のポイント店舗トップに外部ブログ・お知らせをインクルード表示し、各店の最新情報をわかりやすく提示jQueryによるスライドショーを使ったフィーチャーエリアを設け、訴求力アップ(そのときフィーチャーしたい内容により、件数可変に対応)MTを3.2から4.25にアップグレードし、担当者による更新性アップなどなどありますが、全体として世界観を伝えながら、より情報のわかりやすさが向上したサイトになったと思います。ラ・テールさんのおいしい洋菓子やパンは、世田谷・東京駅の店舗のほか、渋谷東急でも販売しています。Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。プロフェッショナル・スタイルビジネスサイト構築におけるCMSとしてのMTの活用方法について、豪華執筆陣による実践的MT本です。八木が共著で執筆しました。(技術評論社)を、中野・安藤が執筆しました。