スクリーンショット_2019-10-24_23

有限会社コスモ建設 #サイトレビュー

・家のマークと素材である木のマークが組み合わさったシンプルなロゴ
・グローバルナビは右側に110×100の四角形が4つ並んでいる
→アイコンとコンテンツ名が記載されていて、配色がやさしい色合い
(WORK#88c4da / FURNITURE#92cfc0 / ABOUT US#efd042/ CONTACT#f7c1b6 / BLOG#c7c7df)
・mainvisual / field / footerの構成
・field部分は背景の上に大きな長方形が敷かれていて、その上にコンテンツ、メッセージ、ナビが記載されている
・copyrightもfield内に記載されている
・footerの上にナビがある
・メインビジュアル以降、右下にTOPへ戻るボタンがある

・各コンテンツページは、ナビの色にサイト内が統一されていて、まとまりがでている
(→個人的に、ロゴにもある木のマークが大きく表示されているABOUT USページと、お問い合わせフォームの背景色も桃色で統一しているCONTACTページがとってもスキ)
・各コンテンツページの真ん中左側に、ドアを開いたようなimgにページタイトルが書かれている

コスモ建設2

ーーーースマホviewーーーー
・ファーストビューはUPDATE部分まで表示されている
・右上にハンバーガーメニュー
→開くと、各ナビメニューが横幅いっぱいに5つ並んで表示される
→ファーストビューのheaderの部分はハンバーガーメニューを開いても変わらないデザイン

コスモ建設

・ABOUT USページの木のマークがmateriaの文字に被ってしまっていたのはあえてのかな?(iPhone7で見てるからかもしれません...古くてすみません💦)
・TOPへ戻るはボタンなし


画像1

#52


















読んでくだりありがとうございます。 頂いたサポートはスキルアップのために大切に使わせていただきます!