WebGallery

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

*

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

      2018/03/28

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

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

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

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

 - 色で表現

  関連記事

「貫く」という言葉を表現したモーションを取り入れたデザインがカッコいい!「エン・ジャパン株式会社 新卒採用サイト」

エン・ジャパン株式会社の2018年度新卒採用サイトです。 「貫け、ジブン」という …

広島にあるゴルフ場のサイトがシンプルでカッコいい!

広島県三原市にあるゴルフ場「久井カントリークラブ」のホームページです。 ファース …

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

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

500色の色鉛筆

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

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

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

暖色系の配色にすることで、温かみのある雰囲気の温泉旅館サイトが可愛い!

島根県松江市にある温泉旅館「源泉かけ流しの宿 湯陣 千代の湯」のホームページです …

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …

神戸にあるロシア料理のサイトが、マトリョーシカをイメージしたデザインで可愛い!

兵庫県神戸市にある、純ロシア料理をメインにしたレストラン「バラライカ」のホームペ …

装飾を多用せず、文字を使って可愛らしさを表現する

東京都にある株式会社ジプソフィラのホームページです。 健康食品を取り扱う会社で、 …

豊富な情報量を、シンプルなレイアウトですっきりまとめているパン屋さんのサイトがオシャレ!

長野県東御市にあるパン屋さん「パンと日用品の店 わざわざ」のホームページです。 …