No.01「TAGKEN 」#サイトレビュー

TAGKEN | 田口建設一級建築士事務所 | 注文住宅、マンション・戸建リノベーション、事業者様向け建築

【概要】

アーキテクトビルダー（設計施工する工務店）のwebサイト

【印象】

・ホワイトスペースを多く使ったシンプルなサイト

・実績の写真が多くあり、素材やデザインにこだわった建築をする会社だと感じた

【メインビジュアル】

・ファーストビューは白背景に黒文字のキャッチコピー

・中央トップに会社ロゴ

・フルスクリーンで実績の建物を使ったスライドショー、表示間隔が長い

・左下に管理番号とプロジェクトのタイトル、スライドの丸いアイコン

・ナビゲーションはハンバーガーメニューに格納され、開くと黒背景に白文字

・右下にスクロールを促すアニメーションの線がある

【コンテンツ】

・コンセプト→実績→お知らせ→疑似体験のご案内→サービス会社概要の流れになっている

・スクロールするとヘッダーが白に変わり上部に固定される

・背景は白、NEWSはグレーの背景

・装飾は線、テキストと写真で構成されている

・目立たせたいキャッチは縦書きで大きく表示

・リンクはホバーすると若干明るくなる、矢印があるものは少し右に動く

・写真をホバーすると拡大する

【カラー】

・ベースは白、メインは黒、アクセントにグレー

【フォント】

・Noto Serif JP

・游ゴシック体

・Roboto

【レスポンシブ】

・メインビジュアルの写真が画面の2/3の表示になる

・スクロール始めると縦書きのキャッチコピー

・PROJECT内のコンテンツの大きさが均一になる

・NEWSのコンテンツが横スクロールになる

・全体的に立て積みでの配置になる