しっかりとした堅めのサイト設計で、信頼感を感じるデザインです。ナビゲーションメニューが左側に固定表示になっており、各ページの遷移がスムーズにできるように考えられています。コンテンツの表示には可愛らしい雰囲気のアイコンを使っていてわかりやすい作りになっています。下層ページではバナーリンクを設置していてアイキャッチの効果とともに鮮やかな印象を感じます。また、ムービーが見られるコンテンツも用意されていてしっかりと作り込まれていることがわかります。メインカラーのオレンジを使って全体が統一感のあるサイトに仕上がっています。
カテゴリ
基本情報
水道・ガス・電気・通信に関連するデザイン
- 「NTTレゾナント」のホームページデザイン解説
ファーストビュー画像領域に表示された画像が切り替わる際のモーションが印象的で見入ってしまうような演出になっています。また、ヘッダーにはナビゲーションメニューがスクロール追従型で固定表示されていて、サイトの内容がわかりやすくスムーズなページ移...
- 「教えて!goo」のホームページデザイン解説
メインビジュアルを排除した2カラムレイアウトで、ファーストビューでは左右に分かれたボックスに新着・急上昇の質問一案が一目で目に入ります。その下にはカード状のレイアウトを施したコラムのサムネイルが縦一列に並ぶレイアウトです。淡いグレーをベース...
- 「goo」のホームページデザイン解説
画面上部に配置された検索ボックスとメインエリアには季節に合わせたイラストを背景として設置し、時節やトレンドに合わせた情報発信を期待させるデザインです。3カラムのレイアウトで左側のみ幅を狭くしバナーや文字数の少ないサービスタイトルをまとめ、最...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
オレンジを使ったデザイン
- 「【公式】老人ホーム・デイサービス「はなことば」」のホームページデザイン解説
グレーをベースに、オレンジやネイビーをアクセントにしたサイトです。ファーストビューでは、老人ホーム・デイサービス「はなことば」を紹介しています。ファーストビューに「随時、内覧受付中!」のオレンジのアイコンが貼ってあります。グローバルナビにて...
- 「特別養護老人ホーム ベル」のホームページデザイン解説
ホワイトをベースに、オレンジやグリーンをアクセントにしたサイトです。ファーストビューには、特別養護老人ホーム「ベル」の外観が写っています。グローバルナビにてベルの施設概要、サービス内容などを案内しています。ベルのサービス内容を説明するページ...
- 「府中保育園ホームページ」のホームページデザイン解説
ページ全体としては掲示板の雰囲気のあるワクワク感溢れるホームページです。ファーストビューはキャッチコピーとともに大きく3つのメニューを用意しています。疑問系にすることや端的に3つに項目を絞るなどして見やすく、興味を惹くデザインです。 ページ...
可愛いなホームページのデザイン
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
- 「株式会社ベアハグ・採用サイト」のホームページデザイン解説
大量の子熊のぬいぐるみをまとったモデルのビジュアルが、ファーストビューで驚きを与えます。ベージュ・ブラウン・ピンクなどの柔らかいアースカラーをメインにしたやさしい色使いで、インフォグラフィックの色使いも統一されています。大きめの英文フォント...
- 「大原幼稚園」のホームページデザイン解説
サイトを開くと円形に切り取られた写真が右から左に流れていく演出が見られて、可愛らしい画面がサイトに引き込まれる効果になっています。また背景にはイラストが使われていて可愛らしいイメージを作り上げる要素になっています。スクロールした先では園児た...