Works

サイト名
根本建設株式会社
URL
http://www.nemotokensetsu.co.jp
クライアント
横浜市の総合建設会社 根本建設株式会社
制作期間
2016年3月~6月(約3ヶ月)
ソフト・言語
IllustratorCC / PhotoshopCC / DreamweaverCC / HTML5 / CSS3 / jQuery
企画書
根本建設サイトリニューアルご提案書PDF
担当業務
リニューアル企画・CI見直し・デザイン・コーディング
企画概要
創立50 周年を機にコーポレートサイトを10 年ぶりにリニューアル。幅広い層のユーザービリティを配慮しわかりやすく改善、コーポレートカラーを中心に使い統一感のあるカラーリングを意識する。 また市場を分析しSEO をさらに強化。トレンドを取り入れつつも長く使用できる飽きの来ないデザインにする。モバイル端末でも閲覧できるようレスポンシブデザインに対応、より快適にサイト閲覧できるよう配慮する。
BtoB、BtoC 分離だったが統合する。これによりコンテンツ量が増えるのでメニューを見やすく配慮する。 主に不動産・銀行関係の閲覧が多いためサイト更新頻度が高いことをアピールしたい。ニュース・トピックスの更新を活発に、目立つ場所へ配置する。
根本建設WEBサイトPCキャプチャー根本建設WEBサイトPC
根本建設WEBサイトスマホキャプチャー根本建設WEBサイトモバイル

Sitemap

根本建設サイトマップ

CI

根本建設ロゴ

創業以来50年使われてきたNのマークはそのままに、特にロゴタイプは規定のものが無く統一感がなかったのでサイトリニューアルを機に欧文表記を追加したロゴタイプを調整した。

コーポレートカラーに関しても規定色を再確認し「こい紫みの青 #004E87」へと統一した。

Coloring

  • background1:#ffffff
  • background2:#faf0e6
  • text:#694232
  • main:#004e87
  • sab:#adcad6
  • accent:#ffb655

コーポレートカラーと濃淡色の水色をヘッダーに使い、冷たい印象になり過ぎぬよう暖色のベージュを大きくバックカラーに、テキストに茶色を選んだ。またアクセントも暖色系でかつ青色の補色であるオレンジを使用。

Graphic#1

根本建設店舗マップ

会社マップ 制作期間2日

会社周辺、駅前バス乗り場マップの2点を作成。公共機関で来社されるお客様のために駅前バス乗り場マップを同一テイストで用意し、サイト内では周辺マップと切り替え表示ができるようにした。

Graphic#2

根本建設新聞広告

新聞広告 制作期間2日

創立50周年記念祝賀会を開催した3月7日に神奈川新聞に特集記事を掲載するにあたり、全3段サイズで広告デザインを依頼された。施工例写真とコーポレートカラーを大きく使い、新聞記事とのコントラストを考えた。