Facebook 桑山工務店様
Logo

桑山工務店様

クレジット
桑山工務店様-1
シェア
制作ノート
暮らしを整えるリノベーション工務店のサイト(課題制作)

架空ブランドの紹介サイトを、提供された情報(構成案)に基づいて制作しました。 Studioを使用し、情報設計・テキスト内容からイメージを広げ、ブランドの雰囲気に合う写真を選定しながら構築しています。

制作期間は約1日。 短期間での制作ながら、セクションごとのメリハリや、伝えたい情報が自然に目に入るようにレイアウトを工夫しました。

こだわりポイント

  • テキストのトーンに合う写真を丁寧に選び、ページ全体の世界観を統一
  • 画像を2倍書き出しすることで、Retina環境でも綺麗に表示
  • レスポンシブ対応し、PC・スマホ両方で見やすい構成
  • Studioのコンポーネントを活用し、更新しやすい構造に設計
  • 余白・行間を整え、情報の読みやすさを重視

使用ツール・担当範囲

  • Studio:全体の構築/レスポンシブ対応
  • 画像の配置・トリミング調整
  • 文字組み・余白の調整
  • 基本的なSEO設定(title・description・alt など)

学んだこと / 得られた気づき

提供された情報(構成案)だけでも、ブランドのイメージを膨らませて写真や構成に落とし込むことで、 「言葉とビジュアルを一致させるデザイン構成」の大切さを実感しました。 今後は、より動きのあるページや、CMS連携にも挑戦していきたいです。

シェア
nekkot(ネコット)|Web制作の他の作品