WebGallery

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

*

札幌市にある一級建築士事務所のサイトが、ロゴカラーを使ったデザインでおしゃれ!

   

北海道札幌市にある一級建築士事務所「GRA:株式会社グリーンライト アソシエイツ」のホームページです。

ファーストビューのロゴがインパクトのあるサイトです。
信号機のようなロゴは白と緑が使用されていて、サイト全体のデザインもロゴカラーを使ったものになっています。
背景は施工実績の写真がスライドショーで表示されているので、事務所が手掛けた空間づくりをファーストビューで見ることができます。
暖かみのある雰囲気のお店や、白で統一された空間など様々な作品を見ることが出来るので楽しいですね!

サイト全体のデザインも、ロゴマークに使用されている丸を使ったデザインになっています。
インスタグラムや最新の施工実績を紹介している部分では写真を丸く切り取っています。ボタンも同じような形にして統一感が出ています!
その他のコンテンツの背景で使用されている写真は白黒に近い色合いにすることで、丸く切り取った写真が小さめでも色の違いで際立つように工夫されています。

 - 色で表現

  関連記事

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

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

色んな大きさの写真を配置することで、シンプルだけどボリュームのあるデザイン

岡山県観光土産品協会が運営する「観射亭」のホームページです。 緑を基調としたとて …

検索のユーザビリティを高めたデザイン

  Renottaの公式ホームページです。全面的にリニューアルし、どの …

1つの場所に複数のコンテンツを掲載し、スクロールを減らす

NPO法人「夢職人」のホームページです。 子供や若者を対象としたイベントを企画・ …

強く優しく未来を変えてくれそうな農業女子たち

女性農業者の活躍を多くの人に知ってもらう取り組み「農業女子PJ(農業女子プロジェ …

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

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

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

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

目に優しい色合いと文字の大きさで、見る人の目の負担を軽減させた眼科のサイトデザイン

神奈川県藤沢市にある眼科「長後えんどう眼科」のホームページです。 オレンジと緑を …

黒い背景にインパクトのあるキャッチコピーと卵の写真で、重厚感のあるサイトがカッコいい!

鹿児島県曽於市にある卵・マヨネーズ等を販売している「サテライツ株式会社」のホーム …

様々なグラフがアニメーションで表示される

平安時代にかまぼこが表記されてから2015年で900周年を迎えたそうです。全国か …