鮮やかなイエローの画面がまず目に入り、レゴのキャラクターが回転しながらせり上がってくるカルーセルがユニークなファーストビューです。メインエリアはホワイトの背景にレッド・グリーン・ブルーのアクセントカラーを使ったレゴにマッチした色使いで、ボタンにマウスオーバーするとボタンが回転して色が変化するなど演出もユニークです。メインエリアの端やタイトルロゴの上部はレゴの独特のドットの形で描かれており、フッターでは画面右から左に流れるレゴの街並みを車が走り続ける、遊び心を感じるデザインが随所に施されています。
執筆者
カテゴリ
基本情報
メーカーに関連するデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「株式会社伊藤製作所」のホームページデザイン解説ファーストビューは画面いっぱいに配置された写真の上にテキストを重ねたスライドショーで、テキストの下にはプログレスバーが配置されており、ローディングのタイミングとスライドの枚数が一目でわかる構成となっています。メインは1カラムのレイアウトで、...
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
イエローを使ったデザイン
- 「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説
画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
-
「埼玉東萌短期大学」のホームページデザイン解説サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
-
「MILK TEA SERVICE®︎」のホームページデザイン解説帽子型のロゴが画面中央で開店した後画面が切り替わり、イラストや写真のGIFアニメーションが縦方向に散りばめられたページが広がるユニークなファーストビューです。柔らかいイエローをメインカラーに、パープルのテキストが大きめのフォントで書かれ、画...
ポップなホームページのデザイン
-
「株式会社りぶはあと」のホームページデザイン解説ぬいぐるみを多く取り入れたインテリアの写真と、メニューの下に配置されたぬいぐるみの寝そべる姿が可愛らしい印象をまず与えます。淡いベージュとブラウンを中心としたナチュラルな色使いで、スタンプ風のタイトルやサムネイルの手書き風のフォント、淡い水...
-
「キングファミリー」のホームページデザイン解説メインビジュアルは画面幅を3等分した画像に半透明の円形でタイトルを乗せたビジュアルで構成されており、それぞれマウスオーバーすると下からグラデーションがせり上がってきて、その上に説明文が表示される仕組みです。コンテンツの背後には古着の切り抜き...
-
「小金井自動車学校」のホームページデザイン解説ファーストビューでは画面幅いっぱいに教習所の紹介ムービーが流れ、中央には教習所の実績を表すキャッチコピーと、資料請求や仮入校申し込みなどの問い合わせへのリンクボタンが配置されています。オレンジとグリーンをアクセントカラーにした明るい色使いと...
