#1日1サイトレビュー【35】板谷アイクリニック銀座

20201113スクショ

【サイトURL】
https://hangai-ginza.jp/

【概要】

眼科のサイトページ

【ターゲット】

最新の医療で自分に合った診療を受けたい50~80代の男女

【メインビジュアル】

・メインビジュアルは大きく円形に切り取られたデザイン。
・画像とナビゲーションが全面に表示されたシンプルなデザイン。
・予約フォームは「reservation」と英語で表記。ハンバーガーメニューはメールアイコンで分かりやすくしているので、アイキャッチの景観を損ねない為にあえてそうしてる?

【デザイン・レイアウト】

・銀座にある眼科ということで余白を多めに、背景を白にして高級感のあるデザイン。
・画像や予約ボタンは円形で目に優しい印象を感じられる。
・●が♦で表記されている。

【フォント・カラー】

画像1

①#ffffff
②#8c947c
③#8c947c

日本語部分→ マティス ProN EB
英字部分→ Optima nova LT Pro

【全体の動きとか】

・ナビをホバーすると文字がねじれるように一回転する。
・予約ボタンが右からスライドして現れる。
・カーソルアイコンが円形
・下層ページの一番下に次のコンテンツへのリンクがあり、ホバーすると、メインビジュアルの画像が小さい丸で表示されてカーソルの動きに合わせて追従する。

【レスポンシブ】

・そのまま縦並びのデザイン
・左上にロゴが追従している。

この記事が気に入ったらサポートをしてみませんか?