株式会社come-te / #1日1サイトレビュー

https://comete.design/

概要

カテゴリー　建築・不動産
「一級建築士事務所のサイト」

ファーストインプレッション

ロゴやnavに丸みがありやわらかい印象。
カラーも全体的に優しいイメージを与えている。

ターゲット層

家の施工を考えている家族向け

メインビジュアル

• ヘッダーはnavとロゴマークを上部に配置して固定されている

• メインの写真の右角にキャッチコピー配置

• 動きはメインビジュアルのスライドショー

• 最初に目線がいくのはロゴマークと写真。次にキャッチコピー

• 左上にロゴマークあり

フォント・配色

• 日本語フォント…A1 Gothic R　／　英語フォント…Barlow　　　　　　　　なめらかではあるが真面目でしっかりとした印象。

• 配色…ベースは白、後は茶ベースの薄いグレーと濃いグレー？

建築会社のサイトなので、白ベースで清潔感を与えて、アクセントに茶ベースのカラーを使用し木材っぽさが表現されている。

構成

• セクション数は大体分けて6つ

• 様々な雰囲気の家や部屋の写真を配置してユーザーがイメージしたり想像しやすいようにされている

• 動きはスクロールごとのフェードインや、ホバーやスライドを使用

• 問い合わせはページの最後とフッター内、固定されてるヘッダー内に配置されており、まずは気軽に相談や問い合わせをしてもらいたいのが伝わる

• お客様の暮らしのセクションでは写真とテーマが記載されていて興味がわいてクリックしたくなる

レスポンシブデザイン

• navは円形のハンバーガーメニューへ変更

• ＰＣよりキャッチコピーが見やすく目線がいくようになっている

• アニメーションは基本ＰＣと同様

• もっと見るのボタンはセクション後やタイトル下にだったりと共通はしていないので少しわかりづらいのではないかと感じた

• スライドは真ん中の写真をメインに、両端に前後の写真が少し見えているデザインになっている

私見

• 丸みのあるロゴマークが少し大きめなため、サイト全体も柔らかい印象を与えている

• 背景に少し控えめにロゴがあり、地味すぎないシンプルなデザインになっている

自分のデザインに取り入れるとしたら

• 背景のロゴデザインはシンプルかつデザイン性を高めたいときに良さそう

• ただ写真を配置するより、端的な説明もある方がイメージしやすいのでユーザーに想像しながら見てもらいたいサイト制作の時に活用するのは〇