デザイン解説
余白を活かし、文字の形に写真を切り取った処理が印象的なトップページ。
ファーストビューにはナビゲーションが入らないように調整されており、キャッチコピーを強く印象付ける。スクロールしていくとグローバルナビゲーションが現れ、サイト内の各コンテンツへの誘導を行う。必要な時に必要なナビゲーションを見せる、効率的な実装方法と言えるだろう。
各ページの見出しは本分に比べジャンプ率を高めに設計されており、シンプルながら明確で分かりやすい。サイト内を回遊させるボタンパーツやリンクテキストも同様に太字や下線で明確に表されており、全体的にクリックしやすく使いやすい。
写真は一点一点のクオリティが高く、余白が大きく配置されており開放的な雰囲気だ。テキストが写真に重なるように配置されるなど、リズム感のあるレイアウトとなっている。
テキストだけでなく写真やフロー図などの画像も適度に配置されており、読ませるのではなく見て分かるデザインだ。先進的ながらも使いやすく好感度の高いサイトと言えるだろう。
掲載会社の情報
会社名 | 株式会社S.U建築設計 |
---|---|
業種 | 建築業 |
URL | http://www.suarc.co.jp/ |
住所 | 新潟県新潟市中央区関新1丁目4番10号 |
このようなホームページを作成したい方へ
「ホームページ制作見積もりシミュレーター」を使うと、どのくらいの費用・料金でホームページが作成できるのかがわかります。個人情報の入力をせず、無料ですぐに利用できますので、お気軽にご活用ください。
弊社、合同会社オルトベースは税理士・弁護士に特化したホームページ制作を行っており、今期で5年目となります。お手頃価格で高クオリティをテーマにWeb制作をしておりますので、まずはこちらのフォームからお気軽にお問い合わせください。
工務店・建築に関連するデザイン事例
- 新虎興産株式会社のホームページデザイン例
工事・物流を行う創業100年を超える新虎興産株式会社のホームページ。実績、歴史を彷彿とさせる写真がスライドで切り替わり、文字は白抜きのかっこいいデザイン。ファーストビューの下部はニュースと実績が最新1件表示され、スクロールすると、事業内容、...
- パパママハウスギャラリー
木の温もりを感じることができる住宅施工会社のホームページ。 「Only One & Art」のキャッチコピーが注文住宅感があり、背景の住宅に関連する写真がスライドで切り替わるようになっている。ファーストビュー上はロゴ、Gナビ、キャッチコピー...
- 塗装作業中の動画を全面に見せるホームページ
白を基調とした優しい印象。アイキャッチが動画になっていて何をしている会社なのかすぐにわかる。また、実際の作業風景が活用されているため施工実績はどのような仕上がりなのかとページの推移にもつながりやすい印象である。 代表の温かみのある人柄...
- 千葉県にある塗装会社のホームページデザイン例
明るくコンパクトで見やすいホームページというのが第一印象。アイキャッチが住宅の写真をメインにしているの住宅施工の企業かと最初思ってしまったのが少し残念。しかし、スクロールするだけで全体の流れや、ローコストの秘訣など依頼者の知りたいことがペー...
- 「職人」が前面に伝わる鉄工所のホームページデザイン
グレイと茶が基調になっているので、少しさっぱりとしたクールというのが第一印象であるが、全体的に自社の作業風景オフィスの写真を背景やアイキャッチに使用しているので温かみや親やすさも感じられる。 鉄工はどうしても古臭い職人なイメージを刷新する...
ホワイト・白色のデザイン事例
- パパママハウスギャラリー
木の温もりを感じることができる住宅施工会社のホームページ。 「Only One & Art」のキャッチコピーが注文住宅感があり、背景の住宅に関連する写真がスライドで切り替わるようになっている。ファーストビュー上はロゴ、Gナビ、キャッチコピー...
- 株式会社レアル
清水寺の青と緑の配色が美しい写真を全面に出した、京都の街づくりを行う不動産会社のホームページ。 ファーストビュー左下にニュースを、右下には2つの事業を見せ、スクロールすると、縦書きを活用したコンセプトが表示される。和風なあしらいがあり...
- 型にはまらないユニークなデザインのコーポレートサイト
サイトを開いてまず目に入るのは、自社商品が提供する価値を伝える動画。動画の上にキャッチコピーが乗り、切り替わり流れる動画に合わせてコピーライティングも変更するという工夫がされている。 トップページを訪れたユーザーは、次々と展開されるメ...
- 縦書きの文字を活用したオシャレな税理士のホームページデザイン例
オリジナルの写真が多く、キャッチコピーに視線を誘導するようレイアウトが工夫されているサイト。デバイスフォントでなく画像内に直接文字を書くことで、雑誌のように自由なレイアウトを実装している。 縦書きの文字や、縦長の写真が比較的多いのも特...
- デザインと動作のクオリティが非常に高い「FastGrow」
テクノロジー領域で活躍中の起業家・経営者のインタビュー記事を配信するメディア。デザインや動きのクオリティが非常に高く、数あるデザインをまとめてきた中でも、トップクラスにクオリティが高い。 一覧ページ 連載記事、通常の記事、イベン...