本日はお久しぶりに弊社HP制作実績の一部をご紹介したいと思います。今回は東京台東区にある薫物屋香楽様で、香製品の製造からオンライン販売、手作りお香教室等をされています。
そのため、全体的なサイトデザインは”和のイメージ”をメインに作成を行っております。和風な高級感、そして伝統を感じるビジュアル重視で各コンテンツのデザインをいたしました。
既にお持ちの既存サイトに対し、全面リニューアルを行い、コンテンツのテコ入れと共に検索対策面の強化を実施。サイトリニューアル後は検索順位が上昇しアクセス数も増加、新規問い合わせ数も順調に増加しています！これからもより多くの方々にリニューアルサイトをご覧いただけるよう、対策を行ってまいります。
東京台東区鳥越の薫物屋香楽様 ホームページリニューアル
こちらのホームページは最近ディレクションを行ってきた中でも、特にお気に入りのWebデザインとなっています！高級感と透明感を感じつつ、日本の伝統的な文化についてそして香りについて、深く学びたくなります。
制作時サイトデザインの方向性
手作りお香キットやお香製品の販売、お香教室運営についてのホームページということで、使用画像はお香の写真をベースに”和”を基調としたものを中心に取り入れています。
メイン画像は印象的なお香の画像と漢字の「薫」についての解説・コメントをデザイン良くレイアウト。ファーストインプレッションで、和と高級感のある雰囲気を感じさせられるよう工夫しました。
メインビジュアル画像が非常に優れた画像のため、できるだけそれを邪魔しないよう、キャッチフレーズやメニューの配置を行っています。ページ最上部のヘッダーについても透過させた上、サイトロゴと住所を通常よりも小さめに載せました。
メイン画像下のメインメニューも同様に、黒レイヤーに白字でメニュー名を記載しています。ビジュアルを良くするため、下部にさらに小さくアルファベットでコンテンツ名を配置。そして中段にはメインとなるコンテンツの「お香教室」「オンラインショップ」「ブログ」「お問い合わせ」に関する縦書き形式のボタンを置いています。
こちらも鮮やかで印象的な写真の上に、写真の良さを邪魔しないようにポイントデザインをのせています。四角く囲った枠の中へ大き目に一文字の漢字を配置することで、スタイリッシュさと和を感じさせる雰囲気を演出しています。
シンプルながらも凝った印象を与えるデザインを意識し、デザイン制作を行っています。
中段から下段 新着情報欄までの見せ方も、敢えて「モノトーン調の写真と縦書き文字」を使い、文面を読む前にビジュアルで伝統と日本の和の素晴らしさも感じる見せ方にしています。また、各写真の背景に和柄のレイヤーをこっそり入れることで、よりその雰囲気を引き立てています。
jQueryによるモーションを加え、ユーザーを引き込む
まずTOPページへアクセスした瞬間に見えるメインビジュアルは、漢字の薫についての説明フレーズを左方向から右へフェードインする仕掛けを取り入れています。そして中段のConrents部分の4メニューもユーザーのスクロールにあわせ、下から上にそれぞれ順に浮かび上がるよう制作いたしました。
お香に関する文化の説明文、薫物屋香楽の香りの特徴文もタイトル部分へ動的モーションを加え、凝った印象を与えています。
薫物屋香楽様では、オンラインショップとして各種お香キット・お香セットの販売へ力を入れられています。手作り香キットから香炉・香遊具、フレグランスオイルそして天然香原料と多彩で充実の品ぞろえとなっています。お香初心者の方から専門のプロの方まで見応えのある内容となっています！
またお香教室にも注力されており、HPリニューアル後、生徒さんも順調に増えています。お香教室のページでは、これまでの開催教室の模様や各種コースのご案内を見ることができます。
「香司派遣/香司紹介」ページでは、全国各エリアの香司/インストラクターさんのご紹介を一部載せています。他webサイトにはあまり無い、オリジナルコンテンツとなっています。（1700）
---------------------------------------------------------------
東京台東区でホームページリニューアルなら
エグゼクティブクリエイションへ！
------------------------------------------------
---------------------------------------------------------------
◇ウェブサイト作成運営についての
お問い合せは下記連絡先より
TEL: 03-5839-2512
FAX： 03-5839-2513
------------------------------------------------
≫ホームページ制作 東京 エグゼクティブクリエイション
