Web
page: 1 2
GoLiveを導入し、「靴」というモノづくり文化を積極的に情報発信
topimage
総合シューズメーカーとして長い歴史を持つ月星化成株式会社では、eコマースなど今後の情報化社会に対応していくため、1997年、実験的に月星シューズのWebサイトを立ち上げた。しかし、内部制作の限界によるサイト管理や更新作業などの問題から、制作スタンスを一新。よりデザイン性を高めたWebサイトにするため、Adobe® GoLive® 5.0を活用したリニューアル作業を行った。
じかに靴に触っているような、手触り感覚のあるWebサイト
 

「当社では赤ちゃんからおじいさんまで幅広い顧客層を持っているため、小学生から大人まで、できるだけ多くの方に見てもらえるWebサイトが必要です。そこで今回のリニューアルではこの点を重視。異なった情報環境でも誰もが見れるように、できるだけ軽く、かつ良質なデザインを追及しました。基本コンセプトは、靴に関する機能的な情報をきちんと伝えられるWebサイトです。しかしWeb自体の可能性を高めるためにも、開発にあたってのアイデアは制約なく自由に出し、ディスカッションしました」と語る、広報宣伝課の鶴川将和氏。

デザインテーマは、見ていて飽きないホームページ作り。そして、じかに靴に触っているような、手触り感覚のあるWebサイトだという。制作を担当したアドモンド株式会社のアートディレクター守永佳史氏も、それらのテーマを実現するため、自由な発想でデザインを考え、今まで培ってきたノウハウをすべて注ぎ込んで制作にとりかかったと話す。

「さまざまな情報をひとつのWebサイト上にまとめ上げながらも、複雑にせず、一般の人々の目にとまりやすいデザインに仕上げる。そのためのバランスの取り方に注意しました。加えて、Webサイトが持つインタラクティブ性。ただの情報発信ページではなく、ユーザーさんにとって見て飽きないページを心がけ、デザインした。若干の重さがあっても、回線、接続環境は改善されているので、楽しさ、目の引きやすさを優先した。この点も熟考し、機能とデザインの両面から考え抜いた仕掛けを、随所に施し工夫しています。」

「絵」的な使い方ができるGoLiveは、Webデザインビギナーでも
すぐに使いこなせる
 

そんな、高い実用性とデザイン性を求めた新しいWebサイト開発にあたって、スムーズな制作環境を実現したのが、GoLive 5.0だった。デザイナーとの協同作業以降、現在では広報宣伝課内部でもGoLiveが標準で活用され、随時更新の必要なページや製品画像の入れ替えなど、担当社員が直接行っている。

「GoLiveは使いやすくて、視覚的に細かい作業ができるのがいいですね。しかも、Adobe Photoshop®などで作成した画像を簡単な操作で取り込んだり、他のWeb制作ツールに比べても『絵』的な使い方ができて理解しやすいし、作業をしていても楽しいので、どんどんのめり込んで今はかなりのレベルまでGoLiveは使いこなしています。」と語るのは、同宣伝課の中村和也氏。

GoLiveは簡単な基本操作さえ覚えれば、制作のプロでなくても簡単にすぐに使いこなせるようになる、上達するのが実に早いソフトウェアだと守永氏も話す。また製品写真をPhotoshop上で調整し、レイヤー付きのPSDファイルをそのままスマートPhotoshopを使いGoLiveに貼り付けるといった、アドビ製品ならではの連係機能も作業の効率化をはかる上で見逃せない点のようだ。

「GoLive 5.0は、デザインしながら、HTMLソースをリアルタイムにパレット上で確認できるのが便利です。それに、テーブルを直感的に操作しながらデザインを進められるのも、大きなメリット。またアクション機能が充実し、操作性も良い。たとえばロールオーバー効果のあるボタンをいくつも作成するような同じ作業を繰り返す場合に、そのまま前の素材を流用し、効率よく作業ができました」。

Fantastic Step with MoonStar
月星化成株式会社
子供から大人まで幅広い靴の企画・製造を行う総合シューズメーカー。
http://www.moonstar.co.jp/

アドモンド株式会社
印刷からWebまで幅広いクリエイティブワークを手がけるデザイン会社。
http://www.admonde.co.jp/

Adobe GoLiveの主な利点
使いやすいインタフェイスであるため、デザイナーだけでなくクライアント側でも利用することができる
MacOSとWindowsでの互換性が高く、QuickTimeやFlashコンテンツ、PDFなどのメディアとの親和性も高い
Adobe社の他のグラフィックツールとのデータの移行がスムーズに行える


Photo: 鶴川将和氏
鶴川将和氏
月星化成株式会社
マーケティング部 
広報宣伝課
Photo: 中村和也氏
Photo: 守永佳史氏
守永佳史氏
アドモンド株式会社
アートディレクター
中村和也氏
月星化成株式会社
マーケティング部 
広報宣伝課
背景画像 ボタンや文字の上にカーソルを合わせると色が変化するようなボタンもGoLiveなら簡単に作成できる。専門的な知識がなくても、あらかじめ用意されている豊富なアクションから目的のアクションを選ぶだけで完成する
インスペクタパレット アクションパレット


トップに戻る

next