日本酒を知る

テキストと画像をセットするだけ。商品価値やブランド力を高めるためのトップページデザイン。

HAKUのトップページを形成するコンテンツ群は、以下の通りです。どれも使いやすくシンプルなもので統一しました。各コンテンツは自由に追加・並び替えが可能なコンテンツビルダー仕様です。

フルサイズコンテンツ:画像上のテキストの配置を簡単に調整可能なフル幅画像。
3点バナーコンテンツ:画像とテキストでバナーを作成できます。
レイヤー画像コンテンツ:画像上にフェードインする別の画像を表示できるコンテンツ
2ブロックカルーセル:ブログ、お知らせ、商品から表示するコンテンツを選べるカルーセル
フリースペース:HTMLで自由に記述可能。コンテンツ幅をワンタッチで調整できます。

格式高い和の雰囲気を醸しながらシンプルにまとめることができるデザインになっています。美しいアニメーションにも着目していただきたいです。スクロールに合わせて表示されるキャッチコピーやテキストの他に、3点バナーコンテンツなどは、左から美しくフェードインして表示させる仕様を採用しました。

気持ちのいいアニメーションでユーザーを迎え入れます。

上記箇所、レイヤー画像コンテンツでは、背景画像の上に別の画像を重ねてフェードイン表示させることが可能です。テキストコンテンツ部分とは別に背景画像と商品などの画像を組み合わせて活用していただくことを想定しております。デモサイトでは、紹介している酒瓶を表示させ、トップページから効果的に訴求するケースを再現しました。

TCDテーマ「HAKU」のトップページコンテンツなら、艶やかなアニメーションとそのデザインで商品価値やブランド力を高めることが可能です。

関連記事

PAGE TOP