株式会社ホップスの制作実績をご紹介します。
NEW JAPAN BRAND NANBU TEKKI
| サイト名 | NEW JAPAN BRAND NANBU TEKKI |
|---|---|
| URL | http://www.ccimorioka.or.jp/nanbutekki/ |
| 概要 | 日本の伝統工芸「南部鉄器」。その南部鉄器に新しい仲間が加わりました！ヨーロッパテイストの新しい南部鉄器をご紹介します。 |
| 公開日 | 2010年1月5日 |
| 開発期間 | 約1ヶ月 |
| デバイス | PC |
| 使用ソフト | Photoshop／Dreamweaver／Flash |
| クライアント | 盛岡商工会議所 |
はじめに
産業振興グループの平 純さん
盛岡商工会議所は、岩手県の商工会議所の中心的存在であり、県内の民間企業と県政、そして国政との連絡調整機関としての機能を果たしています。
盛岡市のみの発展だけでなく岩手県内、そして東北北部地方の発展を見据えながら盛岡の都市づくりに取リ組んでいます。
今回は、新規にWebサイトを立ち上げるきっかけになった「JAPANブランド育成事業」を担当している地域振興チーム 産業振興グループの平 純さんにお話を伺いました。
海外に商品をアピールするためには、数も配布場所も限定されない、Webサイトが必要だった
同商工会議所が、南部鉄器の商品紹介サイトを立ち上げるに至ったきっかけは、平成18年度に始まった「JAPANブランド育成事業」に参画したことからです。
この事業の内容は、「世界に通じる、日本ならではのブランド」を全国各地から掘り起こし、海外に「ジャパンブランド」として展開させることにより、販路を世界に広げ地域活性化に貢献する、というものです。
その事業で選んだ製品が「南部鉄器」です。
岩手県の伝統工芸として名が知れている南部鉄器は、すでに海外に輸出されていて、多くの受注に耐えうる事ができます。
今後、業界全体で需要を底上げるすためにも、ヨーロッパを市場に、南部鉄器の新たな製品ブランドを確立させる目的がありました。
そこで、海外に向けて広く製品をアピールする媒体として、英語版のカタログを制作する他に、数も配布場所も限定されない、Webサイトを立ち上げる、という必要がありました。
目指したのは、カタログを開く感覚で情報を提供できる、シンプルで見やすいサイト
サイトを立ち上げる際にお願いしたのは、
・すでに出来上がっている英語版カタログのイメージを崩さないこと
・カタログを開く感覚で情報を提供できるような、軽い仕様
・「本当に見たい情報」に簡単に辿り着くことができる、シンプルな作り
という点です。
日本のWebサイトは情報量が多すぎて分かりにくく、知りたい情報になかなか辿り着けない場合があります。
反対に、海外のWebサイトはシンプルで見やすいものが多い、という印象がありました。
そこで、「誰でも簡単に必要な情報を検索することができる、シンプルで見やすいサイト」を完成形として目指しました。
デザインについては、お任せした部分が大きいです。
いくつか案を出して頂き、結果的に、良い仕上がりになったと思います。
ブログ形式を取り入れることで、誰でも簡単に新情報がアップできる
運用面では、誰でも新情報をアップできるように、ブログ形式を取り入れました。
今後、デザイナーのプロフィールや参加企業の紹介、商談会の結果報告やレシピなど、紹介したいことがたくさんあったので、あえてカテゴリを作らず、幅を持たせたスペースにしました。
それにより、商品写真はそのままに、新しい情報をその都度アップしていくことが可能になりました。
制作者から
今回制作させて頂いたページは、海外、特にヨーロッパに向けたサイトです。
海外向けに作られているサイトは、日本語のサイトと比べると、どうしても情報量が少なく、簡素なページになってしまう場合が多く見受けられます。
そこで「Cookie（クッキー）」技術を使い、日本語と英語の言語切替を行えるようにしました。
その結果、日本語と英語の情報量に差がなくなり、海外に向けて多くの正確な情報を発信することが可能になりました。
デザインとしては、「既存のパンフレットのイメージをそのまま活かして欲しい」というご要望を頂いておりました。
そこで、パンフレットのスタイルは崩さず、更に南部鉄器が持つ伝統性とシンプルさを意識してデザインに反映させました。
黒と白のカラーを基調にアクセントに青を加えたことで、シンプルながらも印象的なページに仕上げました。
また、「jQuery」を使い、背景の黒地に「南部鉄器」という文字が、濃淡を変えて浮き立つように設定しました。
シンプルなページの中で、動きを与える効果を果たしていると思います。
多くのギャラリーサイトは画像に動きを取り入れているので、重くなってしまう場合があります。
今回は軽い仕様をご希望されていたので、全体的に商品画像のみを掲載するシンプルな作りにしました。
その中でも、商品ページは「JavaScript」を使い、重くならずに動きを表現することに成功しました。
また、日本語と英語の言語を切替できる他に、同じ商品の説明を日本語表記、英語表記、と上下に並べて見ることができるように設定しました。
これで、同じ画面を見ながら海外の方に商品の説明をすることが可能です。
他にも、フリーのブログシステム「WordPress（ワードプレス）」を使い、簡単に新着情報をアップできるようにしました。
文字色や大きさも自由に変えることができるので、伝えたい情報を効果的に発信することができます。