WebGallery

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

*

ロゴカラーを使った配色で、シンプルなレイアウトと洗練されたデザインの「グローウィン・パートナーズ」

      2018/03/28

東京都千代田区にある「Growin’ Partners(グローウィン・パートナーズ)」のホームページです。

ロゴカラーの赤・黒・白の配色で構成されたとてもスタイリッシュなデザインのサイトです。
ファーストビューには取引の様子を撮影した動画を設置して、信頼感のある会社というイメージをつくっています。

「’」の記号を上手く取り入れたデザインで、メニューやボタンのアクセントとして使用しており、シンプルだけどひと目でボタンだと分かるよう工夫されています。
コンテンツ1つ1つにアニメーションを取り入れることで、装飾を抑えたデザインでも動きのあるサイトになっています。
背景の切り抜きも真っ直ぐではなくボタンのアクセントの斜めと同じ角度で切り抜くことで、サイト全体に統一感が生まれています。

グローバルメニューは写真を使ってデザインされており、情報量はとても多いのですが余白を上手く使って「多い」とあまり感じさせないよう工夫されています。
メインのメニューにカーソルを合わせると、背景色が白から黒に変わったり、それぞれの写真にカーソルを合わせると小メニューが表示されたりと、動きにも1つ1つこだわっていてとても参考になります!

 - 色で表現

  関連記事

ドイツ国旗の配色を使ってデザインされたサイトがおしゃれ!

2017年4月28日(金)から5月7日(日)の期間、横浜赤レンガ倉庫で開催される …

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

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

オーガニックな印象に変わる養命酒の工場

長野県駒ヶ根市にある養命酒を製造している「駒ヶ根工場」のホームページです。 「よ …

オレンジなサイト

  オレンジ1色で統一された不動産ビジネスのサイトです。画面に余裕があ …

写真が際立つサイト

長野県にある建築事務所のサイトです。フラットで構成されたとてもシンプルなデザイン …

アイコンや背景を動かして一工夫加えたサイトが可愛い!「札友電材株式会社」

北海道札幌市にある、電材設備の販売を行っている「札友電材株式会社」のホームページ …

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

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

落ち着いた和の雰囲気と、黒を基調とした色合いで50年という歴史を感じる渋いデザイン

島根県松江市にある塗装会社「ポインテリア」のホームページです。 落ち着いた和の雰 …

砂浜のようなテクスチャとハイビスカスを使ってハワイアンな雰囲気を演出したウェディングサイト

東京都港区にオフィスをかまえているウェディングサポートをするプロジェクトチーム「 …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …