WebGallery

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

*

手描き風のフォントやパステルカラーの配色を使って、安心感のあるデザインの病院サイト

   

岡山県岡山市にある産婦人科医院「丹羽病院」のホームページです。

ファーストビューの色とりどりのイラストの装飾がとても可愛らしい雰囲気のサイトです。
スライダー画像も特徴的な形で切り取られており、どういったサービスが受けられるのかが文章とともに分かるようになっています。
背景に画用紙のようなザラザラとしたテクスチャを使用しているのも、より親しみやすさが出ています。

サイト上部から様々な色の花びらが舞い散るようになっていて、サイト全体が華やかな印象になっています!
各コンテンツも上からフワッと降りてくるアニメーションを使用しており、配色だけでなく動きでも優しい雰囲気を演出しています。

 - 色で表現

  関連記事

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …

青を基調とした建設会社が爽やかでキレイ!

愛知県名古屋市にある建設会社「BLUE HOMES(ブルーホームズ)」のホームペ …

背景は繊細な雰囲気だけどメニューやフレーズは力強い筆文字にすることで【どん兵衛×ラッセン】の異色のコラボを表現!

どん兵衛とクリスチャン・ラッセンがデビュー40周年を記念したコラボ企画「【どん兵 …

緑を使ってデザインされた「ポラスアフターメンテナンス」のサイトが可愛い!

「ポラスのアフターメンテナンス」のホームページです。 ファーストビューのスライダ …

記事の写真を活かしたシンプルなレイアウト

造花やドライフラワー・クリスマスグッズやディスプレイグッズを製造・販売しているメ …

イラストやアイコンを使って、女性にも親しみやすいデザインの土木建築会社

愛知県半田市にある土木建築会社「株式会社 知多土木」のホームページです。 ファー …

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

見ているだけで幸せになれそうな結婚式の写真

群馬県前橋市にある結婚式場「ラ・フォンテーヌ」のホームページです。 ベージュ系の …

足を動かすきっかけになりそうな車いす

株式会社TESSが販売している「COGY(コギー) あきらめない人の車いす」の特 …