制作実績（KOH建築事務所様｜ホームページ制作）｜YORIYORK｜栃木県佐野市

リニューアル

KOH建築事務所様｜ホームページ制作

◆概要

群馬県富岡市の「KOH建築事務所」様より、ホームページリニューアルのご依頼をいただきました。

◆ご要望

・ホームページのデザインと仕様を一新したい。
・自社の魅力をしっかり表現し、お客様に伝えたい。

◆課題

・投稿ページが整理されてない。
・各ページへの導線が分かりづらい。
・コンセプトや強みがアピールされていない。

◆要件・施策

・コンセプトの整理
・訴求点の整理
・情報の整理
・写真撮影
・デザインリニューアル
・投稿機能整理
・SSL対応
・解析ツールの設置

◆コンセプト

コンセプトやビジョンを明確にして、リニューアル前のサイトよりも分かりやすさ、伝わりやすさを重点に進めていきました。

サイト全体のイメージは、弊社でデザイン作成したロゴの印象に合うように注意し、投稿に別途「施工事例」を加えて、より多くの画像や情報を投稿できるようにしました。

◆コンテンツ

文章
ブランディングで軸を明確にし、強みや具体的な施工の流れなどページごとにお客様と協力、協議しながら仕上げました。

写真
「人物」「オフィス」「仕事道具」「作業風景」「猫ちゃん」などを撮影し、お客様の世界観をホームページに反映することを意識しました。


 

◆デザイン

機能（UI）
ブロークングリッドレイアウトを採用し、きれいに整列した状態からあえてレイアウトを崩し、オリジナリティのあるデザインにしました。

様々な要素に変更しやすいというメリットもあり、ページ単位で調整をおこなっています。見る人に良い意味での違和感を与え、印象に残るホームページとなりました。

装飾
弊社でロゴの制作をさせていただいた際に設定した「キーワード」を元にデザインを具体化。

「誠実」「情熱」を表現するため、力強い書体と四角形を多く使ったデザイン表現を提案。

創造的な家づくりを提供しているところから、新鮮な印象がありオリジナリティが溢れるデザインに調整。

◆システム

フロント
ブロークングリッドレイアウトで作成された「崩したデザイン」を再現するために、本来であれば綺麗に並んでいる部分をCSSで調整しました。

パソコンやスマートフォンで、それぞれ異なったスライドを用いてブラウザサイズによって使いやすく調整しました。スマートフォンでの閲覧時には、下にスクロールしていくとヘッダーの色が変化し見やすく調整しました。

バックエンド
システムにはWordPressを使用。お知らせや施工事例などの情報をいつでも簡単に発信できるようにしました。

トップページのメインビジュアルの下にも最新のお知らせが表示され、いつでも最新情報がお客様に分かる仕組みになっています。

◆SEM

・Googleアナリティクス導入。