古い映画看板のようなレトロ風のビジュアルを中心に、趣向を凝らしたデザインのリンクを周囲に配置して正方形のグリッド上に整えています。コンテンツを画面左に大きく寄せ、空いた右側からクルーズ船の写真が大きく表示されるよう背景に設定して、小型観光船の上の演劇というイベント内容を想起させます。リンクは画面左にもフラットなデザインのサイドメニューとして配置し、初見の訪問者が迷わない工夫も見られます。
執筆者
カテゴリ
基本情報
イベントに関連するデザイン
-
「チケットぴあ」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、最新のチケット情報を紹介しています。グローバルナビにて初めての方向けに、チケットぴあのご利用方法を案内しています。トップページは2カラム構成で、左サイドにはおすすめ...
-
「藍のあまくさ村」のホームページデザイン解説エローをベースにした、カラフルなサイトです。ファーストビューには、藍のあまくさ村のポップなイラストが描かれています。グローバルナビにて島めぐり、藍の住人などを案内しています。トップページの中央に、藍の住人による「あまくさ村日記」を公開してい...
-
「PASMO」のホームページデザイン解説ホワイトをベースにピンクをアクセントにしたサイトです。ファーストビューでは、PASMOのロボットが使用方法などを説明しています。ポップなイラストが描かれています。PASMOのロボットのイラスト付きアイコンをクリックすると、PASMOの使い方...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
カラフルを使ったデザイン
- 「TWKS」のホームページデザイン解説
素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
-
「SOLES GAUFRETTE」のホームページデザイン解説画面右半分にスライドショーで切り替わる画像領域を設置して、左側に大きくテキストを表示したファーストビューが、目を引く演出になっています。画像が切り替わると同時にテキストも切り替わり、画面全体に大きな動きがあることで興味を抱かせる効果となって...
-
「MUTEK」のホームページデザイン解説ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...
ポップなホームページのデザイン
- 「Viens-là」のホームページデザイン解説
ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
-
「Overpass」のホームページデザイン解説ビビッドでカラフルなオブジェクトをメインに構成されたサイトデザインになっていて、鮮やかでポップな雰囲気が演出されています。ファーストビューでは右側に配置されたブルーの背景上に人物の写真が表示されており、スライドショーで切り替わる仕組みになっ...