YUMA ISHII

【担当範囲】 構成/デザイン / コーディング / WordPress構築 【コンセプト】 暮らしに寄り添う、上質な空間づくりを伝えるデザイン。モノトーン × ウォームグレー × オフホワイトで統一し、施工事例の写真が主役になる「引き算の美学」を追求しました。建築・リノベーション会社として求められるセンス・信頼・実績の三つを一つのサイトで表現しています。 【制作時間】 デザイン：30時間（複数ページ構成のため） コーディング：20時間 合計：50時間 【使用ツール】 Figma HTML / CSS / JavaScript WordPress 【こだわりポイント】 ① モノトーンベースで施工写真を主役にする設計 色を極力抑えたモノトーン配色を採用することで、インテリア・空間の写真が際立つレイアウトを実現。デザインが邪魔をしないことを意識し、訪問者の視線が自然と施工事例へ向かう導線を設計しました。 ② 複数ページにまたがる情報設計 TOP / About（代表挨拶・スタッフ・会社概要）/ Service / Works / News / Contactと、企業サイトとして必要な情報を過不足なく整理。各ページ間の回遊性を高めるナビゲーション設計にも配慮しました。 ③ 代表・スタッフ紹介で人への信頼を構築 Aboutページに代表の顔写真とメッセージ、スタッフ全員の写真を掲載するセクションを設計。建築・リノベーション業界において、誰が作るかは重要な選定基準であることを踏まえ、人の顔が見えるコンテンツ構成を優先しました。 ④ Worksページのグリッドギャラリー設計 施工事例を縦横サイズを揃えたグリッドで整列させ、カテゴリタグと合わせて掲載。豊富な実績を整理された形で見せることで、この会社は経験豊富だという信頼感を視覚的に醸成しました。 ⑤ ファーストビューの英字コピーで高級感を演出 「BUILT FOR YOUR COMFORT」という英字キャッチコピーを大きく配置し、ブランドの世界観を冒頭で明確に提示。日本語サブコピーと組み合わせることで、洗練さと親しみやすさを両立しました。 ⑥ Contactページのフォーム設計 物件の種類・広さ・予算など、リノベーション相談に特化した入力項目を設計。一般的なお問い合わせフォームではなく、業種に合わせた情報収集ができる構成にしました。 ⑦ WordPressでの施工事例・ニュース管理 WorksとNewsをカスタム投稿タイプで構築し、自社更新できる運用設計を実現。納品後の管理コストを下げる提案まで含めた構築を行いました。