WebGallery

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

*

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

      2018/03/28

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

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

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

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

 - 色で表現

  関連記事

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

ヘアカラー剤「THROW」のホームページです。 ファーストビューの透明感のあるイ …

文章量が多くても、楽しみながら見ることができる不動産屋さん

愛知県名古屋市にある不動産会社「名古屋のあおいろ不動産」のホームページです。 「 …

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht …

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …

美容品を販売している会社のサイトがオシャレでカッコいい!

「株式会社MEGMALE(メグマーレ)」のホームページです。 ファーストビューの …

水彩絵の具のような優しい色合いにすることで、女性の方でも親しみやすいデザインになっているリフォーム会社がおしゃれ!

愛知県豊橋市・浜松市のリノベーション・リフォーム会社「株式会社リビングサーラ」の …

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

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

女性やカップルでも親しみやすいように、イラストを使ったデザインにした特別展サイト

2017年4月11日の火曜日から6月4日の日曜日まで東京国立博物館で開催される「 …

美味しく備える備災アイテム「備え梅」のサイトがオシャレ!

2017年3月に販売された、備災グッズ「備え梅」のホームページです。 パッケージ …

ミニマルデザインのサイトがとにかくおしゃれ!

近頃一気に気温が低くなり、冬らしさが出てきた気がします。 ここまで寒いと朝起きた …