コンパクトにまとめられたサイト設計で、内容もシンプルで見やすい構成になっています。サイトを開くとまず、人物の顔写真が左右に流れるファーストビューが目に入り、温かみのある演出が施されています。左側にはサイトメニューがリスト表示されていてわかりやすく、ページ間の移行がスムーズな設計となっています。「マンション経営サポート」のページでは、閲覧するユーザの状況に合わせたページリンクが4つに分かれて表示されていて、状況に合わせてページ選択ができる構成がユーザ視点を考えられています。他の下層ページの内容もわかりやすくまとめられていて、スムーズに閲覧ができるサイトです。
カテゴリ
基本情報
コンサルティングに関連するデザイン
- 「makespace.」のホームページデザイン解説
海外のクリエイターや起業家向けの、コミュニケーションプラットフォームへのリンクを一堂に集めたページです。ダークグレーの背景の中にシンプルにInstagram風にサムネイルが並び、マウスオーバーすると写真が鮮やかなカラーのベタに切り替わる演出...
- 「エッグフォワード」のホームページデザイン解説
トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
- 「ナイル株式会社」のホームページデザイン解説
ファーストビューでは花を受け渡す親子の写真の上に、平行四辺形にトリミングされた写真が重なる構成のスライドショーが全画面に表示され、人物の笑顔の写真を多用することで、社会に根付く仕組みを作るという企業コンセプトにマッチしています。タイトルや記...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ベージュを使ったデザイン
- 「Our Planet」のホームページデザイン解説
Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
- 「並木町の整骨院」のホームページデザイン解説
トップページ最上部にはお知らせ情報が定期的に切り替わるデザインです。またその隣にあるグローバルナビゲーションは拡大項目のタイトルの前には関連するイラストを用いておりポップでわかりやすい印象を与えます。 ページ上部には、どの地域で、どんなサー...
- 「福岡 薬院の美容室|&Loosen(アンドルーセン)」のホームページデザイン解説
トップページ最上部には電話番号が記載されています。お洒落なフォントを用い、背景画像も施術中の様子を撮影した爽やかでお洒落な印象のためページ全体が洗練された雰囲気が演出されています。コンセプトメッセージの下には「photo gallery」が...
優しい・柔らかいなホームページのデザイン
- 「国本司法書士事務所様」のホームページデザイン解説
トップページ最上部には電話用のボタンを用意しています。電話を連想させるイラストだけでなく電話番号や営業時間を端的に明記してありユーザーにとってわかりやすいデザインです。ファーストビュー下にはインフォメーションおよびセミナー情報が掲載されてい...
- 「ぬくもりのおうち保育」のホームページデザイン解説
ファーストビューの画像は複数枚用意されており左右スクロールで切り替えることができます。その下には採用に関するバナーを掲載しており目立つデザインです。「ぬくもりの理念」については大きく3つのカテゴリーで家を連想させる枠内に表記しています。全体...
- 「絆整骨院」のホームページデザイン解説
トップページ上部には子育てママを応援する旨記載をし、ターゲットユーザを具体化し、またその対象者に役立つサービスをイラストともに簡潔に表現しており伝えたい内容が明確です。ファーストビューすぐ下には整骨院のアクセス等の基礎情報が掲載されておりわ...