ファーストビューではイベントの様子を撮影したスライドショーが全面に表示され、中央にイベント日時とチケット情報へのリンクが配置されています。メインビジュアルの下に添えられたナビゲーションメニューは、画面をスクロールすると画面トップに移動する仕組みです。コンテンツのサムネイルはシンプルなカード状のレイアウトでうっすらとシャドウがかけられており、マウスオーバーでアイコンが拡大して浮かび上がるようなモーションが添えられています。添えたアイコンの背景などにパープルのグラデーションを使ってアクセントカラーにしていて、ポップなイメージも感じる色使いです。
執筆者
カテゴリ
基本情報
イベントに関連するデザイン
-
「Tadaima! Design Scramble 2019」のホームページデザイン解説ファーストビュー画像は文字や図形がフェードインや動き回ることで躍動感のある楽しい雰囲気があります。イベントの開催中止の案内は最も目立つようにバナー削除も選択できる常時バナーによって表示させています。ページ下部を進むとコンセプトメッセージが縦...
-
「株式会社 TOROMI PRODUCE」のホームページデザイン解説グレーをベースに、ゴールドやブラックをアクセントにしたサイトです。ファーストビューには、男性の食事風景が写っています。トップページのいたるところに、ゴールドの“とろみ”がしたたっています。3本ラインのメニューボタンにて、TOROMI PRO...
-
「Shenzhen Design Week」のホームページデザイン解説中国のデザイン関係のイベントの告知サイトです。サイトにアクセスするとまず画面いっぱいに大きく表示されたイベントタイトルに圧倒されます。画面をスクロールするとポスター上のサムネイルがタイル状に並び、マウスオーバーすると画像がめくれあがってキャ...
サービスサイトに関連するデザイン
-
「Caroselling」のホームページデザイン解説イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
-
「TRIPPIN」のホームページデザイン解説海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
ホワイトを使ったデザイン
-
「ヘンミ胃腸内視鏡・内科クリニック」のホームページデザイン解説細身のフォントとシンプルなラインのアイコンで構成された病院ロゴと、病院の様子を伝えるスライドショーで病院の清潔感と信頼感をまず与えています。診療科はイラストアイコンを使って自分のかかりたい科が直感的にわかる構成です。下層ページのタイトルはラ...
-
「WEEK END」のホームページデザイン解説ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
-
「美容室MILLOR」のホームページデザイン解説ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
ポップなホームページのデザイン
-
「Droptokyo」のホームページデザイン解説東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を３分割したレイアウトで構成されています。スライドショーをスク...
-
「社会福祉法人実源福祉会 一の宮保育園（公式ホームページ）」のホームページデザイン解説ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
-
「かいせい保育園」のホームページデザイン解説ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...
