WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

ロゴマークの表示を統一することで、ページにアクセントをつける

      2015/11/24

名称未設定 1

福岡県福岡市にある「がんこクリニック」のホームページです。

まず初めに、画面いっぱいに表示される写真は、診断で使われる聴診器・注射器・体温計と出てくるのですが、どの道具にもヒゲがついてるのが可愛らしいです。きっと、院長のヒゲから取ったんだろうなと思わせるように、体温計の次に院長と患者さんの写真が出るようになっています。ロゴマークも、聴診器にヒゲと優しそうな柔らかい目にすることで、院長の優しさがにじみ出ています。

上から降りてくるロゴマークと、右側から転がるように出てくるロゴマークは、どのページでも統一されて出てくる仕組みで、赤い色が各ページのアクセントになって良い感じです。

スタッフ紹介のページでは、各スタッフの顔写真と名前だけでなく、「more」のボタンを押すと、スタッフの意気込みや質問コーナーなど、様々な事柄が書いてあります。その詳細ページでも、スライダーを使用して様々な写真を載せることで、スタッフを気軽に知る事が出来て、とっても面白いし、デザインの参考になりました。

 - 動きで表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

コンテンツごとに様々な動きをつけたデザイン

新潟県南魚沼市にある道の駅「南魚沼」のホームページです。 大きく表示される道の駅 …

コントラストの強い配色で高級感のある雰囲気を演出したサイト

フランスのファッションデザイナー「pierre cardin」の日本公式サイトで …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …