素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が展開されています。さらに「OUR SERVICES」の項目ではそれぞれの事業ごとにカラー分けされた表示が展開されており、カラフルで鮮やかな画面が構成されています。「OUR PROJECTS」の項目では画像やムービーをメインに内容が表示されていてアイキャッチの効果がしっかりと考えられています。フッターもカラフルに色が変わる効果が加えられていて、全体を通してユーザを飽きさせない工夫が随所に施されたサイトになっています。
カテゴリ
基本情報
etcに関連するデザイン
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「Oui Will™」のホームページデザイン解説
ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
カラフルを使ったデザイン
- 「社会福祉法人たんぽぽ会 虹の丘保育園(公式ホームページ)」のホームページデザイン解説
ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
- 「サニーサイド|大阪狭山市・大阪府堺市」のホームページデザイン解説
ベージュをベースにした、カラフルな動物のイラストを用いたサイトです。ファーストビューには、サニーサイドの保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保育園の概要、「保護者の声」などを案内しています。トップページの中央で、「...
- 「社会福祉法人新星会 双葉保育園(公式ホームページ)」のホームページデザイン解説
ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...
鮮やか・元気なホームページのデザイン
- 「Safari Riot」のホームページデザイン解説
海外アーティストの公式サイトです。ファーストビューではホワイトの画面いっぱいに太字の袋文字フォントでトレーラーへのリンクが並び、マウスオーバーするとフォントが縦長に、背景色もがらりと変わって動画がポップアップされる凝った構成です。画面をスク...
- 「エッグフォワード」のホームページデザイン解説
トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
- 「Glossom株式会社」のホームページデザイン解説
マーケティングエージェンシーのコーポレートサイトです。ファーストビューではイエロー・オレンジ・レッドの3色のドレスをまとった女性が軽やかに踊るシーンがスライドショーで流れ、「be in full bloom」のキャッチにふさわしく花が咲き乱...