kimonoです今日は、4/14に新たに大呉服祭特設サイトを加え、リニューアルオープンしました、オビタスターが運営する関連会社「呉服のまつかわや」の制作事例を紹介させていただきます。全体を通して共通のデザインとしてあり、サイト間で違うシステムで移動しても、他のサイトに移動したと違和感のない作りとなっております。現在どのサイトを閲覧しているかを明示的に色で表示することで迷子になることを防ぐような作りにもなっております。貴方は着物を十倍高く買っています。貴方は着物を十倍高く買っています。貴方は着物を十倍高く買っています。今回3つのサイトになり、統一したデザインになるため、デザインをリニューアルしてのリニューアルOPENとなります。TOPページ中央部分は、定番ページを5つ用意し、そこに記載しているものが自動的にループ表示する仕組みとなっております。上部のグローバルナビのタブにあります、カテゴリのボタンを押しますと、それぞれその下に存在しているサブカテゴリが下に自動的に表示される仕組みとなっており、分かりやすく、利用しやすい形となっております。TOPページ、および商品一覧(カテゴリ)ページでは、余計な情報をなくし、画像だけを一覧に表示するようにし、一目でどれがいいかを選択できるようになっており、いいなと思った商品にマウスを重ねることにより、価格が表示されるようになっており、情報過多になりがちな文字情報を削減し、直感的に分かりやすい商品一覧ショーケースを目指しました。画像をクリックしますと、商品の詳細ページに入ることができるようになっています。商品の詳細ページでは分かりやすく枠と色目を使ってまとめ、必要な情報を閲覧しやすいようにしました。貴方は着物を十倍高く買っています。250年の信用と実績こちらもデザインを統一のために、リニューアルオープンとなりました。見た目や、色目、色合いもショップサイトや、呉服祭サイトと違和感のない作りとなっております。こちらのサイトは、iPadやiPhone、スマートフォン、タブレットにあわせてサイズが自動調整されて表示される「レスポンシブWEBデザイン」となっており、そのままスマートフォンやタブレットで表示することができるようになっております。特設サイト最後にご紹介させていただきますこちらのサイトは、今回新しく作成させていただきましたサイトになります。現在、年に3回行わせていただいております呉服祭(夏の浴衣や夏着物の呉服祭、秋の呉服祭、春の呉服祭)の特設サイトとなっております。多くの皆様方にご来場いただき、ご愛好いただいております呉服祭の情報を一つのサイトにまとめさせていただきました。過去に行われました呉服祭の様子を写真でまとめさせていただき、更に次の呉服祭の情報をいち早く知ることができるサイトとなっております。TOPページでは各種情報が、静的ページ4つをループさせて表示させており、それぞれの静的ページを編集すると、変わる仕組みとなっております。その下には、呉服祭へ向けての情報の投稿された記事が新着として表示される仕組みとなっております。こちらのサイトも、「レスポンシブWebデザイン」となっており、スマートフォンやタブレットのサイズに応じて自動的に調整され、表示されるようになっております。上部のメニューは、利用しやすいようにボタンとして折りたたまれていることが分かると思います。