No.01「TAGKEN 」#サイトレビュー
【概要】
アーキテクトビルダー(設計施工する工務店)のwebサイト
【印象】
・ホワイトスペースを多く使ったシンプルなサイト
・実績の写真が多くあり、素材やデザインにこだわった建築をする会社だと感じた
【メインビジュアル】
・ファーストビューは白背景に黒文字のキャッチコピー
・中央トップに会社ロゴ
・フルスクリーンで実績の建物を使ったスライドショー、表示間隔が長い
・左下に管理番号とプロジェクトのタイトル、スライドの丸いアイコン
・ナビゲーションはハンバーガーメニューに格納され、開くと黒背景に白文字
・右下にスクロールを促すアニメーションの線がある
【コンテンツ】
・コンセプト→実績→お知らせ→疑似体験のご案内→サービス会社概要の流れになっている
・スクロールするとヘッダーが白に変わり上部に固定される
・背景は白、NEWSはグレーの背景
・装飾は線、テキストと写真で構成されている
・目立たせたいキャッチは縦書きで大きく表示
・リンクはホバーすると若干明るくなる、矢印があるものは少し右に動く
・写真をホバーすると拡大する
【カラー】
・ベースは白、メインは黒、アクセントにグレー
【フォント】
・Noto Serif JP
・游ゴシック体
・Roboto
【レスポンシブ】
・メインビジュアルの写真が画面の2/3の表示になる
・スクロール始めると縦書きのキャッチコピー
・PROJECT内のコンテンツの大きさが均一になる
・NEWSのコンテンツが横スクロールになる
・全体的に立て積みでの配置になる
この記事が気に入ったらサポートをしてみませんか?