サイト全体を通して可愛らしいポップなイラストを用いており、閲覧するのが楽しくなるようなウェブサイトになっています。ファーストビューや背景を含めたイラストは様々な箇所が動いていて全体を眺めているだけでも面白いと感じるような、遊び心を感じる工夫が施されています。各ページに遷移する際には、花や葉っぱなどの植物が降ってくるような演出があり、ちょっとした驚きと期待感を感じます。プロジェクトの活動内容を紹介しているページではサムネイル写真の一覧表示で見やすく、グループ会社の社員の参加人数等の表示もあり、精力的に活動していることがよくわかる効果的な表示になっています。環境保全活動という少し堅めの内容でも、楽しい気持ちで閲覧してもらえるようなサイト設計を考えられています。
執筆者
カテゴリ
基本情報
自動車に関連するデザイン
-
「日産：オンラインショップ」のホームページデザイン解説ホワイトと淡いグレーをベースに、ワインレッドのアクセントカラーが目を引きます。メインビジュアルはセールや特集商品のバナーを一つのエリアにコンパクトにまとめ、リンク先のページでビジュアルを大きく表示する構成です。商品ページは商品写真の右に小さ...
-
「BRAND-SQUARE.com」のホームページデザイン解説海外メーカーの認定中古車を主要商品とした検索サイトで、メインビジュアルは高級車がずらりと並ぶ高品質の写真に明朝体のフォントでキャッチコピーを添え、取り扱い車種の豊富さと高級感を感じさせます。各メーカーごとの車種のサムネイルは最低購入価格も併...
-
「D-Ucar.net」のホームページデザイン解説中古車ディーラーの検索サイトで、メインビジュアルはコンパクトながら様々なタイプの車の利用シーンを鮮やかな色彩で描いたイラストで、車選びへの期待感を感じさせます。ボディタイプの一覧はブルーの淡いグラデーションがかかったアイコンで、車種のタイプ...
サービスサイトに関連するデザイン
-
「MUTEK」のホームページデザイン解説ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...
-
「フォーサイト総合法律事務所」のホームページデザイン解説絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
-
「Elias & Valentin」のホームページデザイン解説斜めに並んだ複数の画像がスクロールと連動して動く仕組みがファーストビュー画像領域に展開されており、目を引く演出がしっかりと考えられています。ファーストビューではブラックの背景にホワイトの文字を使うことでメリハリの効いたスタイリッシュなイメー...
カラフルを使ったデザイン
- 「MUTEK」のホームページデザイン解説
ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...
-
「Utrust」のホームページデザイン解説ファーストビュー全体を使ってシステムの説明モーションが展開され、一連のモーションがサイトを開いてまず目に飛び込んでくることでインパクトのある演出が施されています。思わず見入ってしまうような驚きのある展開で、サイトの導入として効果的な演出です...
-
「spline」のホームページデザイン解説サイトを開くと鮮やかなレッドの画面が表示され、すぐに文字が現れるモーションが展開されます。非常にインパクトがあり、サイトの導入として効果的な演出になっています。画面右上にはプラスマークと「MENU」の表示が設置してあり、クリックするとブラッ...
イラスト・手書き感なホームページのデザイン
-
「紬かけつぎ店」のホームページデザイン解説全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...
-
「住宅情報ナビ」のホームページデザイン解説グレーをベースに、グリーンやブルーをアクセントにしたサイトです。ファーストビューには、楽しいキャラクターのイラストが描かれています。2カラム構成のトップページで、左サイドではSUUMOジャーナルの新着記事を掲載しています。右サイドには、SU...
-
「マピオン」のホームページデザイン解説画面幅いっぱいに敷かれた水彩風の波のテクスチャと、和紙のようなテクスチャと地方別の色分けを施した日本地図、手書きイラスト風のコンテンツのアイコンが合わさってメインビジュアルのような役目を果たしています。ブルーのヘッダーの下にはクレヨン風のイ...