Facebook 【模写】親子と藍染の世界観を再現したブランドサイト
Logo

【模写】親子と藍染の世界観を再現したブランドサイト

クレジット
Avatar
Web制作×Studioクリエイター
【模写】親子と藍染の世界観を再現したブランドサイト-1
シェア
制作ノート
【親子と藍染をテーマにしたブランドサイトのデザインを、学習用に模写した作品です。

 静かな余白と、深い藍色のカラーブロック、やわらかい写真のトーンが印象的なデザインを、Studioを使って1ページ構成で再現しました。

ファーストビューのロゴ・親子写真・キャッチコピーのバランスや、 中盤のテキストエリアと縦書き見出し、藍染アイテムのグリッドレイアウトなど、 オリジナルデザインの雰囲気を壊さないように細部まで確認しながら制作しています。

制作期間:約1日(実作業ベース)

🛠 使用ツール・担当範囲

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

🌟 こだわったポイント

  • 親子の写真と藍染の写真が、やさしくつながって見えるようにレイアウトを調整
  • 藍色のカラーブロックの比率や位置を意識し、全体のトーンを統一
  • ギャラリー部分のグリッドが崩れないよう、PC・スマホ両方で検証
  • 余白・行間を丁寧に整え、文章が読みやすいリズムになるように調整
  • フッターまでトーンが続くよう、色の切り替え位置を微調整

📘 制作を通して学んだこと

模写を通して、 「写真・色・余白」がそろうと、シンプルな構成でもブランドの世界観がしっかり伝わることを体感しました。 今後は、こうした再現力をベースに、オリジナルの構成提案や動きのある表現にも挑戦していきたいと考えています。

シェア
nekkot(ネコット)|Web制作の他の作品
画像
作品を見る
カフェのサイト
画像
作品を見る
桑山工務店様