,

Web design sample 02

ユーザーを行動へ導くデザインアプローチ

ユーザーの求める情報を先読みしたコンテンツ配置。 既参加者が未登録車へ、体験を共有し自分ごと化を促す仕組みと ストーリー性を含む、敷居を下げるデザインアプローチ

Web design sample 02
Web design sample 02

近年のウェブデザインの潮流であるフラットスタイルを採用、
白をベースにダイナミックに写真を扱うメリハリの効いたデザイン。
重要な導線、アイキャッチにのみコーポレートカラーである赤を使用し、ユーザーの操作を色彩面からサポートします。

トップページ

Web design sample 02

下層ページ

Web design sample 02

スマートフォンサイト

スマホサイト

コンバージョンボタンまでのコンテンツをストーリーを立てて配置。
ユーザーを行動へ導くデザインアプローチ

1.【メインビジュアル】寺の持つ厳格で品格のあるイメージで、「寺」と検索し訪問したユーザーと感覚を揃えます。
2.【御朱印帳3つの楽しみ方】3つの方向性から楽しみ方をアプローチし、御朱印帳の敷居を下げます。
3.【神主からの声】寺サイドも、旅の目的としての御朱印を歓迎している種を伝えます。
4.【新着情報・イベント】最新の情報と、このコンテンツが賑わっている印象をユーザーに与えます。
5.【体験者のレポート】既参加者のレポートから体験の共有を行い、未参加者の期待と自分ごと化を促進します。
6.【FAQ】御朱印旅に関する不安を解決します。
7.【コンバージョン】御朱印帳の商品一覧と、サイト会員登録画面へ遷移します。

■ 色彩設計
CIカラーの赤がキーカラーとして引き立つよう、別色はモノトーンを採用。
ユーザーから投稿される多彩な画像に干渉しないシンプルな色彩設計。
■ イメージ設計・タイプフェイス
厳格さと品格を印象付けるイメージ設計と親しみやすいレギュラーフォントのゴシック体を行間広めに設定。
寺の雰囲気を感じながらも、ライトな印象を与えます。
■ アイコン・装飾
視認性のを考慮の上、ベタ塗りかつ抜けの良いアイコンを配置。
また、印鑑風の装飾をパターン化して用い、ページ全体にリズムを与えます。

Web design sample 02
PAGE TOP