WebGallery

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

*

緑色のイメージを効果的に使った製造会社

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

石川県で焼成炉や乾燥炉などの設計・製造を行っている「株式会社アクトリー」のホームページです。

黄色と緑を使ってエコを表現したような配色のサイトです。同系色でまとめていてページ全体の統一感が出ています。
トップページの「新着情報」ではタグごとに様々な色を使うことで、小さい面積で全体の配色のイメージを損なわせる事なくアクセントになっています。
また、「事業紹介」や「製品情報」の各ブロックは、色の効果もあって葉っぱの形のように見えます。ブロックにカーソルを置いた時のアクションも大きさや形・用途によって変えていて、こだわりを感じます。

ほかのページの小見出し?の部分では、文章やタイトルで使われているフォントとは大きく変えています。1番読ませたいと思うところは大きくフォントを変えることで、より際立って見えます。
本文に対してタイトル部分の文字サイズを大きくすることで、細いフォントでも注目度が上がるので参考になるデザインです。

 - 色で表現 ,

  関連記事

佐賀県にあるアミューズメント施設のサイトがポップなデザインで可愛い!

佐賀県武雄市にあるアミューズメント・ショッピング施設「メリーランドタケオボウル」 …

東京の11の島を紹介するサイトが、写真やイラストを使ったデザインで可愛い!

「東京アイランドドットコム 東京にある11の島」のホームページです。 ファースト …

背景のテクスチャや全体の色合いで、心地よい空間を作ってくれそうなリフォーム会社

大阪府大阪市にあるリフォーム・リノベーションを行う会社「ゆいまーるClub(大栄 …

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

親をターゲットにした、見やすいだけでなく可愛くデザインされた幼稚園サイトが素敵!

岐阜県岐阜市にある幼稚園「中部学院大学・中部学院短期大学部 ふぞく幼稚園」のホー …

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEB …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …

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

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

札幌市にある一級建築士事務所のサイトが、ロゴカラーを使ったデザインでおしゃれ!

北海道札幌市にある一級建築士事務所「GRA:株式会社グリーンライト アソシエイツ …

品川区にある漢方薬局のサイトが親しみやすくて可愛い!

東京都品川区にある漢方薬局「高山薬局」のホームページです。 ロゴカラーの茶色と緑 …