WebGallery

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

*

背景に薄くイラストを載せる

      2016/02/06

名称未設定 1

植物ブランド「花園樹斎」のホームページです。2016年1月に、植物ブランドとしてデビューしたそうです。

白い背景と紺色の文字でサイト全体が落ち着いた雰囲気になっています。また、色数を抑えて写真を大きく配置することで写真が映えるレイアウトになっています。

トップページは「今日のピックアップ植物」という内容があります。数々の植物がイラストで描かれ、その色合いがとても綺麗です。そのイラストをクリックすると植物の詳細ページに移動し、さらに詳しい情報を知ることが出来ます。

そのページでは、イラストとその植物の科名、学名などが記載されており、その部分だけ青地に白文字でアクセントになっています。背景にも薄くイラストが配置されおしゃれですね!

 - 色で表現

Message

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

  関連記事

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

たくさんの家が集合したような病院の外観をモチーフにした「ゆい動物病院」

和歌山県和歌山市にある動物病院「ゆい動物病院」のホームページです。 たくさんの家 …

様々な情報が各ブロックごとに色んな大きさで並んだレイアウト

長野県小谷村の観光公式サイトです。 左側にアイコンが縦に並んだメニュー欄、右側に …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

暖色系を使ったり、日本画風のイラストで昭和レトロな雰囲気を演出したイベントサイト

2017年1月20日から29日まで横浜赤レンガ倉庫で開催されている「鍋小屋201 …

1つの場所に複数のコンテンツを掲載し、スクロールを減らす

NPO法人「夢職人」のホームページです。 子供や若者を対象としたイベントを企画・ …

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …

文字の色を少し薄めのグレーにすることで全体的に優しい色合いに

沖縄県の春・夏・秋・冬の季節ごとの魅力を紹介するキャンペーン「しゅんおき!旬香周 …

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。 …

ウミゴミラを助けるべく、海ゴミを拾おう!

香川県海ごみ対策推進協議会が行っている瀬戸内海を汚すゴミをみんなで楽しく探して意 …