WebGallery

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

*

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

      2018/03/28

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

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

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

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

 - 色で表現

  関連記事

エイプリルフールに公開されたサイトをご紹介!第四弾「Gboard 物理手書きバージョン」

Googleがエイプリルフールに公開した「Gboard 物理手書きバージョン」の …

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

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

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …

大阪にある不動産のサイトがパステルカラーを使ったデザインで可愛い!

大阪府枚方市にある不動産会社「お部屋探しの専門店 ミチコ・ハウジング」のホームペ …

思わずお腹が空いてくる!お菓子のブランドサイト3選!

こんにちは!お菓子が大好きな社会人です! 今回は、「湖池屋」「カルビー」「森永製 …

おばあちゃん独特の暖かみを感じるテイスト

  群馬県にあるヘアサロンのWebサイトです。「くつろげる”おばあちゃ …

背景は繊細な雰囲気だけどメニューやフレーズは力強い筆文字にすることで【どん兵衛×ラッセン】の異色のコラボを表現!

どん兵衛とクリスチャン・ラッセンがデビュー40周年を記念したコラボ企画「【どん兵 …

500色の色鉛筆

  500色という文字よりもズラーッと背景に並んだ色とりどりの色鉛筆た …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

女性をメインターゲットにした、可愛らしい「塗装業」のサイト3選!

現在勤めている会社では、塗装業のサイトを新規作成・リニューアルすることが多いです …