店舗や会社の魅力がなかなか伝わらない理由。

「商品と価格が淡々と掲示されたサイト」や「必要な情報が羅列されているだけのサイト」など。。。

あなたもこのようなショップサイトやコーポレートサイトを目にしたことがあるかもしれません。

しかし、これでは店舗や会社の魅力を効果的に伝えることはできないでしょう。訪問者が「単調でつまらない」と感じ、離脱してしまうためです。

要するに、店舗や会社の魅力がなかなか伝わらない理由は、サイトが単調でつまらないからです。

上記を解決するために海外で主流になりつつある新しいWEBデザイン。
それがストーリーテリング型WEBサイトです。

ストーリーテリング型WEBサイトとは？

興味深い動機づけをファーストビューで作り、そこからストーリー仕立てでユーザーを引き込んでしまう手法をストーリーテリングといいます。

この手法をサイトに盛り込み、「次のコンテンツが見たい」とユーザーに思わせる構成にしたサイトが、ストーリーテリング型のWEBサイトです。

もし、WordPressテーマ「CrossLine」を使用したならば、海外最先端の技術を駆使したストーリーテリング型WEBサイトを、日本語環境で簡単に構築可能となります。

効果的なストーリーテリング型WEBサイトを構築するためは....

という順番でストーリーを語るコンテンツが重要です。

特にファーストビューとなるWhyの部分はインパクトを持たせ、興味を引くことが大切となります。

この点CrossLineは、サイトの読み込み時のアニメーション＋ヘッダースライダーという二重の視覚的要素で、一気にストーリーへの引き込みを図ることが可能。

これは想像している以上に絶大な効果です。

スクロールを始めるとコンテンツがフワッと浮き上がる効果や、背景画像を使ったパララックス効果。

このようなギミック（=仕掛け）を使用することで「スクロールして続きを見たい」と思わせる心理的効果を狙えます。

CrossLineは最先端のCSSやJS技術を駆使しており、コンテンツのアニメーション表示やトップページのパララックス効果といった、目を引く美しいギミックを簡単に設定可能です。

CrossLineの真骨頂、
タイムライン表示機能。

ストーリーテリング型WEBサイトには、Whatコンテンツ(＝沿革や実績など何をしてきたかの説明)が不可欠。

このWhatコンテンツを直感的に伝える最も優れた形式が、タイムラインです。

タイムラインの効果はFacebookなどSNSを想像すると分かりやすいかもしれません。

CrossLineでは、タイムラインコンテンツを管理画面からスムーズに設定し表示することができます。（専用のプラグインが同梱されています。）

シンプルで美しい
１カラムレイアウト。

最後までストーリーを伝えるためには、動線にも気を配る必要があります。
ユーザーの気が散ってしまうことを防ぎ、そして迷わせない必要があるからです。

この点において、1カラムレイアウトは最適のデザインと言えるでしょう。（※CrossLineのサイト形式は４種類の基本レイアウトから選択可能）

ただし、1カラムは構成要素が少なくなりがちであることから、タイポグラフィ（=フォント）や余白の取り方によって、急にデザインクオリティが落ちることがあります。

そこで、CrossLineでは流行のWEBフォントである「Google Font」を採用の上、UIトレンドであるミニマルデザインに即した余白を設けることで、美しい1カラムサイトを構築可能にしました。