「社会福祉法人 東京児童協会」のホームページデザイン解説

大阪にあるオフィスビルのサイトです。ローディング画面ではグレー1色の画面に設計図が表示され、画面が切り替わるとグレーで区切られたエリアの中央部分はスライドショー、上下は建物名と所在地がスクロールする、凝った作りのファーストビューとなっていま...

カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...

ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...

イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...

オランダにあるデザインスタジオのサイトです。ファーストビューでは画面全体がオレンジのベタに染まり、制作実績のリンクとしてびっしりと敷き詰められた極太のフォントが特大のインパクトを与えています。オレンジの背景、ネイビーとペールオレンジのテキス...

海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...

細身のフォントとシンプルなラインのアイコンで構成された病院ロゴと、病院の様子を伝えるスライドショーで病院の清潔感と信頼感をまず与えています。診療科はイラストアイコンを使って自分のかかりたい科が直感的にわかる構成です。下層ページのタイトルはラ...

サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...

ファーストビュー画像はスタイリッシュな画像が切り替わるデザインです。英語の筆記体とと日本語でコンセプトメッセージを伝えておりおしゃれでわかりやすく端的にまとまっています。その下には丁寧なコンセプト文も掲載しています。濃い青の背景に白文字表記...

ファーストビュー画像は複数枚ゆっくりとフェードインやアウトを繰り返します。またその上には最も伝えたいメッセージが白文字で表記されており印象に残ります。トップページ内の各項目案内の際にはそれぞれ背景の色味が変化するため見ていて飽きないデザイン...

ファーストビューの画像は複数枚用意されており左右スクロールで切り替えることができます。その下には採用に関するバナーを掲載しており目立つデザインです。「ぬくもりの理念」については大きく3つのカテゴリーで家を連想させる枠内に表記しています。全体...

トップページ最上部には電話用のボタンを用意しています。電話を連想させるイラストだけでなく電話番号や営業時間を端的に明記してありユーザーにとってわかりやすいデザインです。ファーストビュー下にはインフォメーションおよびセミナー情報が掲載されてい...