コーポレートサイト

有限会社 松澤建築様

ディスプレイイメージ
制作範囲
企画 / ワイヤーフレーム / デザイン / コーディング / フォトレタッチ
使用ツール
Figma / Visual Studio Code / Photoshop / illustrator
制作時間
110時間
サイトURL
http://sashimi.pinoko.jp/matsuzawa
概要
長野県大町市にある建築会社『有限会社 松澤建築』様のコーポレートサイトを新規作成。
サイト制作の目的
・Webページを通してお問い合わせを募る
・自社をアピールし、興味を持ってもらいたい
ターゲット
・20~40代の男女
・店舗出店を考えている人
・住宅の新築・リノベーションを考えている人
情報設計
ファーストビューで建築会社であることが分かるように、会社のロゴと社名を写真の中央に配置しました。TOPページでは、提供しているサービスを目立たせるために、メインカラーを背景に使用しています。
店舗と住宅の建築が可能であることを伝えられるように、Serviceの下部にある『HOUSE SHOP』の文字にアニメーションをつけて、目線を誘導しています。Worksでは、店舗の建築を行っていることをアピールするために、住宅より先に配置しました。
全ページにお問い合わせのセクションを配置することで、コンバージョンに繋がるように設計しています。
デザインについて
配色は、『家を建てることは大きな買い物である』というところから、信頼感・安心感が得られるよう青をメインカラーに選びました。少し明るめな青は、20代~40代の若年層に響くよう考慮しています。会社様が大切にしている『お客さまとの関係』や『相談しやすさ』といった印象を与えられるよう、アクセントカラーにオレンジを使用しています。
スタイリッシュなデザインというご要望に合わせ、装飾はなるべく抑えて、必要な情報にユーザーが迷わずたどり着けるようなデザインにしました。会社や建築物のイメージをできるように、写真を多く使用しています。
従業員紹介では、お客さまが書いたイラストと一言を載せたいというご要望だったので、手書きのイラストと合うように、カードスリーブ風のスライドにしました。
WORKS一覧へ矢印