← 制作実績の一覧へ

WORK / 28 コンペ提案 · 設計・デザイン提案

金属工事業 コーポレートサイト

仕上がりの写真と、3つの事業をつなぐ。

担当・制作範囲
要件整理・上流設計・UI構成検討・PC TOPデザイン。原本資料の一部に未照合項目がある検討案で、実装・公開は含みません。
使用ツール
Figma
制作区分
コンペ提案
写真と縦書きで始まるTOP
写真と縦書きで始まるTOP拡大して見る ↗

01 / OVERVIEW

背景と、制作の考え方。

建築・内装の金属工事、鋼製建具、トラック架装用品を扱う企業のTOPページを提案しました。空間や製品の写真で仕上がりを見せながら、対応する事業を確認して相談へ進める構成を考えています。

02 / DESIGN NOTES

写真の印象に、事業の範囲を重ねる。

建築写真の見栄えだけで会社を説明すると、鋼製建具やトラック架装用品が伝わりにくくなると考えました。業務内容を3分類で示し、各分野に対応する写真と名称を並べています。

3事業の対応範囲と相談までの設計仮説
3事業の対応範囲と相談までの設計仮説拡大して見る ↗

03 / DESIGN NOTES

濃い紫と余白で、金属の仕上がりを見せる。

黒に近い紫と白を土台に、施工写真と縦書きのコピー、明朝体を組み合わせました。装飾を増やすより、写真の面積と配置、明暗の切り替えで印象をつくる方針です。

明暗と余白による写真の見せ方
明暗と余白による写真の見せ方拡大して見る ↗

04 / DESIGN NOTES

業務内容と施工実績を、違う役割で配置する。

業務内容では何を依頼できるかを、施工実績では仕上がりを確認できるように整理しました。事業の一覧から事例、問い合わせへ進める流れを検討しています。

3事業を並べて見せる
3事業を並べて見せる拡大して見る ↗
仕上がりを確認する入口
仕上がりを確認する入口拡大して見る ↗

05 / DESIGN NOTES

発注の相談と、採用の入口を分ける。

取引先が探す業務・実績・連絡先と、求職者が探す採用情報を独立したセクションにしました。電話・FAX・フォームも同じ意味のボタンにせず、連絡手段として役割を示しています。

電話・FAX・フォームの案内
電話・FAX・フォームの案内拡大して見る ↗