WebGallery

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

*

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

      2018/03/28

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

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

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

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

 - 色で表現

  関連記事

万華鏡のようにクルクル変わるタイトルが綺麗!なアートイベント

2016年7月30日から東京ミッドタウン・ホールで開催されている「FLOWERS …

天然の木の暖かさを出すために、木の表面の写真をたくさん使って紹介している「TAICHIRO」のサイト

国産の天然木を使って一枚板のテーブルを販売している「TAICHIRO」のホームペ …

レンズ越しに見る片山津温泉の風景

片山津温泉観光協会のオフィシャルページ「水と光と音のまち 片山津温泉」のホームペ …

ロゴカラーでデザインされたものづくり企業のサイトがカッコいい!

新潟県三条市に本社をかまえる、キッチン雑貨・収納家具・住宅設備・家庭用品の専門家 …

グレーとゴールドを使ってデザインされた鉄工所のサイトがカッコいい!

千葉県富津市にある鉄工所「大栄鉄工所」のホームページです。 濃いグレーとゴールド …

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

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

背景に学生の写真を使って親しみやすさを演出した専門学校

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。 トップペ …

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …

見ているだけで食べたくなるシュークリーム屋さん

大阪市北区に本社を構えている「株式会社 麦の穂」が運営するシュークリーム専門店「 …

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …