ホームページ制作実績:髪切舎きゃりこ 様

  • 制作内容
    サイト構成、フラッシュ、デザイン、日本語・中国語対応
  • 総ページ数
    18ページ
  • ホームページURL
    http://www.kyarico.com/

髪切舎きゃりこ様は、青島にある日系美容院です。日本人スタイリストが常駐し、2011年春で、オープンして3周年。日系美容院としては青島市内だけでなく、山東省内でも老舗。山東省の各地からわざわざ足を運ぶお客様もいらっしゃる人気店です。

【制作のポイント】 動きとフォントで楽しさを表現

金魚が泳ぐトップ画面

お客様からの第一要望は「普通のお店案内ではなく、Web上でおもしろいことができるサイトにしたい」というもの。企業の会社案内サイトとは異なり、一般消費者向けのサイトの場合、やはりある程度楽しさがないとファンは増えにくいものです。そのような意味で「おもしろく」というお客様からの要望は当然の声でした。

そこで、お客様と打ち合わせを重ねた結果、トップ画面にはFlashを使い、金魚を泳がせ、その金魚をクリックすると泡が出てきてメニューが出る、という形にすることにしました。

なぜ金魚なのかというと、お店の名前に由来があります。今回のお客様は、お店の名前が「きゃりこ」という美容院ですが、実はこの「きゃりこ」というのは金魚の種類の一種のことなのです。そのような意味で金魚はお客様のトレードマークのようなもの。この金魚を使ってトップ画面に少し遊び感覚を取り入れたというわけです。

技術的には、トップ画面ということもあるため、あまり重くならないように調整しています。画像も小さい画像を大きく見せるなど加工を工夫しました。

特殊フォントで温かさ

トップ画面の金魚Flashと合わせて、注目していただきたいのが、各ページのタイトルやサービスメニュー画面で使用されているフォントです。一般的なフォントではおもしろみがないということで、手書きに似た少し特殊なフォントを使用し、サイト全体に温かみを出しました。文字のフォントを変えるだけで雰囲気が変わる様子がご覧になれると思います。

http://www.kyarico.com/site/ja/menu-ja

お役立ち情報

「ヘアカタログ」のページではお客様が自宅でできるヘアセットの方法をご紹介しています。単なるお店の宣伝だけではなく、このようなお客様が喜ぶ情報を提供していく姿勢が人気の秘訣かもしれません。このページは今後もコンテンツが増えていく予定とのことですので、楽しみに待ちましょう。

http://www.kyarico.com/site/ja/archives/category/catalog-ja

この「ヘアカタログ」のページでは、jQueryを使い、画面が自動で切り替わる設定にしてあります。今回はちょっとした動きを出す部分で、いくつかjQueryを使っているのですが、比較的軽く、機能性も高いので便利です。