見出し画像

下北線路街 #1日1サイトレビュー

【概要】
・下北線路街周辺の紹介サイト
【メインビジュアル】
・メニューエリアが大きく取られている
・写真スライドでいろいろな計画が勧められていると紹介される
・背景が線路になっている
・左上に日付と気温が表示される
・重要なお知らせがテロップで表示されてる
・駅の表示案内のようで目が惹かれる
・メニューで見られるアイコンも駅の案内のよう
【コンテンツ】
・コンテンツの背景にも線路が使われていて目線が流れる
・線路上に登場するコンテンツが駅のよう
・見出しやテキストの文字は全体的に太め
・文字もデカ目で見やすい
・NEWSのタグも駅の路線案内のよう
・イベント部分の開催期間には影がついている
・イベント部分は「本日開催」の目立つ案内付
・本日開催以外にもNEWなど黄色背景のものは目立つ
・下層ページの見出しが〔〕から文字が溢れて出るモーション
【カラー】
・全体的にグレーがたくさん使われている
・グレーの使用色は4色
【フォント】
・数字はDINNextLTPro、その他の文字はYakuHanJP_Noto
【レスポンシブ】
・SPの場合はハンバーガーメニュは丸いボタンに
・下北路線街のロゴはSPだと2段になる
・縦長になるので、全てのコンテンツが線路上に並ぶ

画像1


デザインの勉強をするために活用させていただきます。