メインカラーをピンクに、アクセントにグリーンを使い、シンプルな線で描かれた家族のイラストをメインに配置して、やさしくわかりやすくで認知症について説明しているサイトです。タブやボックスも角を丸くして柔らかいイメージを崩さないようにしています。相談や記事のボックスはそれ自体を大きなボタンに見立て、マウスオーバーでゆっくりと沈み込むアニメーションをほどこしています。下層ページは同じカテゴリーの記事のリストをサイドメニューにまとめ、関連するページへアクセスしやすい構成となっています。
カテゴリ
基本情報
支援サービスに関連するデザイン
- 「FLENS」のホームページデザイン解説
ファーストビューでは勉強にいそしむ子供の写真を全画面に使い、子供向けのサービスであることがまず一目で想定できます。コンテンツを読み進めていくと、ネットワークを活用した子供向けの学習プラットフォームであることが把握できる構成です。背景にはギリ...
- 「マイナビ進学」のホームページデザイン解説
青空を背景にした学生が空を指さす写真がまず目に入り、指さした先には地方別の検索ボタンが表示されており、自然に視線が誘導される構成になっています。サムネイルは写真の上に半透明のベタを重ねて、その上にホワイトのフォントでタイトルを重ねることで透...
- 「家庭教師のトライ」のホームページデザイン解説
明るいネイビーを背景として配置されたメインビジュアルにイエローとレッドの力強いロゴを配置してファーストビューで大きなインパクトを与えています。プラン紹介ではチャート図やイラストをネイビーでまとめた配色で配置し、信頼感のある、かつ親しみやすい...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ピンクを使ったデザイン
- 「ダイソー」のホームページデザイン解説
サイトにアクセスすると鮮やかなショッキングピンクのベタが一面表示され、ダイソーのブランドカラーを強く印象付けます。鮮やかなピンクのベタをメインカラーにした、フラットなデザインでもポップで明るい印象を感じるデザインです。通常はホワイトや淡いグ...
- 「社会福祉法人 昭和村」のホームページデザイン解説
ベージュをベースにピンクをアクセントにしたサイトです。ファーストビューには、空から見た昭和村の施設が写っています。グローバルナビにて施設の紹介、採用情報などを案内しています。採用情報のページには、介護職員募集に関する連絡先の一覧が掲載されて...
- 「介護付き有料老人ホーム マザアス南柏」のホームページデザイン解説
グレーをベースにピンクをアクセントにしたサイトです。ファーストビューには、介護付き有料老人ホーム「マザアス南柏」が写っています。グローバルナビにてマザアスのある暮らし、ライフサポートサービスなどを案内しています。よくいただくご質問のページで...
フラットなホームページのデザイン
- 「Wolf & Whale」のホームページデザイン解説
ニューヨークのデザイン事務所のコーポレートサイトです。サイトにアクセスするとまず鮮やかなブルーのベタが画面全体を横切り、画面が切り替わるとグレーをベースとしたモノトーンの色使いの中にわずかに使われたブルーの文字でデザインされた画面が目を引き...
- 「京都みなみ会館」のホームページデザイン解説
ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
- 「株式会社アリシア」のホームページデザイン解説
鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう?と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意...