装飾を省いたシンプルな構成で、閲覧しやすいサイトになっています。ナビゲーションメニューが最低限のものに絞っていて、初見のユーザーにもわかりやすいサイト設計になっています。ファーストビューの画像領域には様々な劇場の内観・外観の写真が切り替わって表示される仕組みになっていて、その上に各種募集のバナー画像が配置されている構成です。最も目に留まりやすい箇所にピックアップされた情報の表示があることで効果的な構成と言えます。スクロールすると、下部に劇場の写真が並べられていて写真をクリックすると各劇場ごとに用意された下層ページに遷移し、公演情報などが閲覧できる仕組みで、ユーザ視点を考えられたデザインとなっています。
カテゴリ
基本情報
法人・組合に関連するデザイン
- 「日本速脳速読協会」のホームページデザイン解説
コンテンツごとの色分けが絶妙で視覚的にわかりやすいサイト構成になっています。ファーストビューでは速読というあまり馴染みのないものを、そもそも速読とは何なのか?から解説しているページへのリンクが表示されていて、親切且つユーザの理解を深める効果...
- 「日本オリンピック委員会」のホームページデザイン解説
ファーストビュは最新トピックスが表示らせています。全ての河面を表示させてしまうとトップページ内の情報が膨大になりすぎるため、項目数を限定し、一覧を見たい方は別ページへ遷移するデザインです。SNS・動画のカテゴリーでは5つの媒体を用いており、...
- 「地域開発研究所」のホームページデザイン解説
ファーストビューでは勉強している手元の写真にアップに「施工管理士合格へ全力サポート!」のキャッチコピーを乗せ、受講講習会の検索ボックスを重ねることで、施工管理士の受験のためのサポートサイトであることを端的に伝えています。メインビジュアルの下...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
和・レトロなホームページのデザイン
- 「そば処 東家(あずまや)」のホームページデザイン解説
サイトにアクセスすると、画面の左右からスライドしてくる黒と朱色のお椀のシルエットと、その間に挟まった藍色の店舗ロゴが大きなインパクトを与えます。画面をスクロールすると店舗の外観や内装、食事風景などの様子がスライドショーで紹介され、縦書きのキ...
- 「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説
サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小2枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
- 「花嫁日和」のホームページデザイン解説
ブラックをベースに白抜き文字を使った、和風な雰囲気のサイトです。背景に刺繍の入った壁紙を用いています。ファーストビューには、笑顔の新郎・新婦が写っています。3本ラインのメニューボタンにて、花嫁衣装やヘアメイクなどを案内しています。トップペー...