ワ多ナベのWebデザイン探訪3件目、今回の題材は「下北線路街」のWebサイトです。
読み物 | 下北線路街
「下北線路街」をきっかけに、シモキタをみんなで楽しむためのウェブメディアです。
ワ多ナベ
それではLet’s探訪!!!!!!
サイトの分析
【サイト分類】:メディアサイト
【メインビジュアル】:スライド型メインビジュアル
【サイトレイアウト】:1カラムレイアウト
【ナビゲーション】:(PC)ナビバーサイト上部固定
(SP)ハンバーガーサイト上部固定タップで全画面
【ターゲット層】:b(イベント主催者)
c(若者、お出かけ先を探している人、下北ファン)
採用(下北で働きたいひとアルバイト・パート)
【目的】:イベントの告知、地域活性、認知度アップ
【CV】:来客増加、出店問い合わせ、求人応募
カラーリング・フォント
【フォント】
見出し:YakuHanJP_Noto, “Noto Sans JP”, sans-serif;
テキスト:YakuHanJP_Noto, “Noto Sans JP”, sans-serif;
【カラーリング】灰、白、濃灰、黒、たまに黃
ベースカラー:#fff
メインカラー:#EAECEE
アクセントカラー:#656B70、#FAFF13
フォントカラー:#000,#fff
特徴
機能
- サイトタイトルとナビバーは一体型。
- お出かけを考える人向けに日付と気温、天気をナビバーに配置
- SNSリンクもナビバーに配置→SNSへの流入を期待
- メインビジュアル上部にスライドショーで「お知らせ」配置
- コンテンツ画像はホバーで拡大表現
- ボタンホバーで白く光るだけでなく矢印画像が動く。
デザイン
- カラーリングは無彩色がベース。
- メインカラーはロゴより選定
- ロゴは「線路」と「下北」の文字を組み合わせたもの。
- メインビジュアルはスライドショーのバックに線路を模したイラストを配置
- メインビジュアルの文字・コピー大きめ、主に人物と下北の写真
- サイトの背景にも薄く線路のイラストがあしらわれており、コンテンツは線路に沿って配置→線路街ということをアピール
- 無彩色なサイトではあるが、装飾などによりにぎやかに。
まとめ
配置される画像やビジュアルでにぎやかで雑多な「下北」が演出されていました。
ブログ記事も下北のカルチャーへの造形が深く、店舗紹介にて店主の人となりが伝わるディープな記事がたくさん。
サイトの集客の間口は広くとられていているが、ディープな部分を深堀りできておもしろいメディアになっている。
機能や動きはかなりシンプルだが、サイト全体のデザイン性が高く、「下北」への愛が詰まったサイトでした。
コメント