◎視点
地方観光サイトも増えつつある昨今。
地方ならではの温かみや素朴さを出すためのデザインや構成などをチェックする。
css design awardノミネート作品。
◎概要
ぶどうの産地で有名な福岡県うきは市の観光サイト。
お散歩しているようなアニメーションが特徴的。
baseで作成したECサイトもリンクされており、直接の観光客誘致以外にもECサイトでの売り上げ増も目的としている。
◎ターゲット
20〜40代 女性
(柔らかいタッチや、お店が女性好みのものが多いため)
◎フォント
見出し: Overpass(英字) 10px
※見出しは敢えて小さく。→素朴さ・柔らかさ
本文: 遊ゴシック 15px
◎余白
コンテンツ間:100px
見出しと本文の間:50px
行間なども含めて、余白が多く取られているので、素朴感や暖かさが出る。
◎FV
最初に物語の序章のような文書が現れる。そこから、水彩の絵に沿って画像が表示され始める。
PC版では現地の気温と温度がわかる。
◎地図
スクロールすると、お散歩をしているようなアニメーションと共に、お店のコンテンツが現れる。
そこで何ができるかを、アイコン化しているとこもgood!
背景が手書きのイラストがあり、そこで何ができるかや、地図の感じが出てる。
◎ハンバーガーメニュー
お店紹介。全画面表示で、ボタン背景が店内の風景になっている。
◎お店紹介ページ
・小説の一説を読むように、お店の想いやコンセプトを彷彿させる文。
ゆっくりと写真がスライドしていくデザインは、場所をとらず様々な写真を見せることができる。
・お店に行けない人のためにECサイトへの誘導もきちんとある。
・お店ごとにNews&Topicが表示されるのもいい!
・下まで進むと、他のお店へのボタンをおくことでページ離脱を減らす狙い◎
◎あしらい
・手書き風文字
・手書きイラスト
・写真のフレーム→周囲がボカされているので温かみが出る。
・水彩タッチの模様を背景に。
◎制作会社さん
PLUS-Dという制作会社が作成したとのことで、サイトを見てみたら
その他のWorksも素敵でつい見惚れてしまった。。。
コメントを残す