WebGallery

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

*

ボタニカル!なデザインの植物販売サイト5選

   

最近CMなどで「ボタニカル」というキーワードをよく耳にするようになりました。
「ボタニカル」とは、「植物の、植物学の」という意味があるそうです。

今回は、植物のモチーフを使ったデザインのサイトをご紹介します!

KIDORI – キドリ –

 

WONDER PLANTS JAPAN(ワンダープランツジャパン)

少し変わった観葉植物を紹介・販売しているサイトです。

ヒーローヘッダーで鋭い形をした葉の観葉植物の写真を使って、インパクトのあるファーストビューにしています。
黒い背景も相まって、引き締まった印象のサイトです。エスニックな雰囲気のロゴと風変わりな植物たちがマッチした洗練されたデザインになっています。

 

DO! earth & green

植物や植物に関連した雑貨などを販売しているサイトです。
メインのスライダー写真の植物たちが、とても綺麗ですね!
バナーやボタンの色は濃い緑色を使用することで、観葉植物の落ち着いた印象を与えています。
観葉植物や多肉植物の育て方の基本も掲載してあり、初心者でも分かりやすい内容になっています。

 

TABLIER(タブリエ)

こちらは店主が選定した植物を販売している…だけではなく、美容院にもなっているお店です。
店内の写真や店主の挨拶文を読んでいるだけで、植物に対する愛情が伝わってくるサイトです。

 

planta

最後に、こちらは植物の販売をしているのではなく、造園の設計・施工をしている方の個人サイトです。
同じ構図で撮影された庭の1日が、フェードで切り替わるようになっています。椅子に腰かけて本を読んだり、水をあげていたり、夜になったりと、植物を身近に感じながら生活している様子をファーストビューで見ることができます。

職場にも観葉植物が置いてあるのですが、どんどん大きく、そしてたくましく成長していっています。
ふとしたときに新しい葉を見つけたりして、とっても癒されますね!
こういった植物を扱うサイトでは、写真を主役に配色は白や黒をベースにしたデザインが多い印象です。
とても勉強になりました!

 - 写真で表現 , ,

  関連記事

白と黒のコントラストが綺麗なレストラン

大阪堺市にあるフレンチレストラン「h」のホームページです。 ヘッダーの中央に配置 …

商品のイメージカラーを使い、統一感を出す

  森永乳業の「ピノフォンデュカフェ」の特設サイトです。ピノのパッケー …

メニューで隠れてしまう項目を下に表示させる

三重県菰野町湯の山温泉近くにあるホテル「ホテル 湯の本」のホームページです。 左 …

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …

文字間や行間をあけて見た目をすっきりさせることで、文章を読みやすくする

愛知県名古屋市にある「名古屋外国語大学」の受験生サイトです。 写真を多様に使い、 …

背景いっぱいにパンの写真を使ったサイトがおいしそう!

敷島製パン「Pasco」のホームページです。 ファーストビューのスライダー写真の …

ライブカメラを設置し、リアルタイムで天候情報を届ける

長野県駒ヶ根市にある「中央アルプス 駒ヶ岳ロープウェイ」のホームページです。 ロ …

「こんな美容室に行ってみたい!」と思う美容室サイトがシンプルでおしゃれ!

東京都世田谷区にある美容室「Rodina」のホームページです。 トップページのス …

コンテンツ毎に文章の配置を変え、見出しを強調するレイアウトにする

静岡県伊東市にある隠れ宿「花の雲」のホームページです。 まず、画面いっぱいに表示 …

野菜を全面にアピールしたサイト

  長野県にある食品製造会社のホームページです。トップにキャッチを配置 …