見出し画像

#14 サイトレビュー 〜シェフのおいしいつながり | 一般社団法人 自然と自然派〜

サイト名
シェフのおいしいつながり | 一般社団法人 自然と自然派

カテゴリー
体験・交流・遊び

概要
イベントのプロモーションサイト

ターゲット
当イベントに興味のある方
出店店舗のファンの方

目的
イベントのプロモーション
チケット販売、出店店舗の紹介

印象
幾何学な図形を食材に見立てているのが可愛くて素朴。
背景色が優しくて柔らかい印象を与えている。

ファーストビュー
▷ メインビジュアル
 ヘッダーは画面上部、テキスト(左)とMV(右)の構成。
左のイラストが幾何学模様の図形が食材に見立てて白丸の上に配置してあるので、皿の上の食材のように見えるのが可愛い。図形がちょこちょこ動くのも可愛い。
イベント名の手書きフォントも手作り・真心・親しみやすさを感じる。
▷ グローバルナビ:画面左上に固定
 [About]
 [Stores]
 [Tickets]
 [Topics]
※ 画面左端にはSNSへのリンクボタンとシェアのボタンも配置・固定されている。イベントのサイトなのでこの気遣いは大事。

画像1

コンテンツ
・コンテンツのタイトルもMVのイベント名同様手書きフォントでアクセントになっている。
・MVにも用いていたあしらいをコンテンツごとにも配置しており、リアルな食材の画像を使用していないのに食を連想できるのでサイトの雰囲気を損なわない。
・ 余白は結構大きめに設定しているがあしらいでスカスカには見えない。
・ リンクボタン

ボタン

カラー

画像3

フォント
▷ 本文:游明朝 11.25px
▷ gNav:Markazi Text 20px

レスポンシブ
・ ヘッダーは上部に配置して固定。左にイベント名(手書きフォントimg)、右にハンバーガーメニュー。
・ PC版では横並びのレイアウトを採用しているが、SP版では全部縦並びに変更されている。出店店舗はSP版では2列の羅列に変更されている。
・ グローバルナビはハンバーガーメニューに格納されており、以下のように展開する。

画像4

この記事が気に入ったらサポートをしてみませんか?