No.007　ふたまたがわ歯科口腔外科

二俣川駅にある、ふたまたがわ歯科口腔外科のWebサイト

ふたまたがわ歯科口腔外科

・選んだポイント

しばらくは異なる業種から選択しようと思っています。今日は医療から一つ選択。

・ファーストビューの印象

鮮やかな水色のフルスクリーンサイト。配置されたシンプルなイラストはパーツごとに重ねて立体感を出している。青系統でまとめつつ、アクセントカラーの黄色がインパクトを与える。動きもあり、遊び心のあるサイト。

パッと見た目で病院の印象は持たないが、左上の歯をモチーフにしたアイコンにより、歯科ということがわかる。

・レイアウト
フルスクリーン

・レスポンシブ対応
ブレイクポイント：600px,641px,782px,1000px,1020px,1080px,1131px,1280px

 

・フォント
本文：Noto Sans Jp

・メニュー
PC：ナビゲーションバー
SP：ハンバーガーメニュー

ハンバーガーメニューをクリックすると、これまでの青のベースから一点、薄いグレーの全画面メニューが表示される。

・カラー
ベースカラー：#57B7E1
メインカラー：#7ECAED
アクセントカラー：#FFE066〜#FBBC3B　グラデーション

・感想、参考になった部分

難しいアニメーションは使っていないが、重ねて、いくつかのパーツを動かすだけでこんなにオシャレになるのかと感心。

同系色でのグラデーションとベタ塗りをうまく使い分けて、メリハリのある色使い。

遊び心、見やすさがうまくマッチしたサイト。