ホームページ作成事例：TATAMI CODE｜日本の伝統素材バッグブランド

作成実績の概要

プロジェクト概要

畳の織り目の美しさを現代の樹脂素材で再構成した畳表、千年以上の歴史を持つ桐生織、時とともに表情を変える真鍮金具。日本の伝統意匠をバッグへと織りなすブランド「TATAMI CODE」様の公式サイト制作を担当しました。「WEAVE JAPANESE TRADITION INTO THE FUTURE（日本の伝統を、未来へ織りなす）」をコンセプトに、素材の美しさとブランドの世界観を伝え、商品購入へとつなげるオンラインストアを構築しています。

制作の背景・目的

「伝統を保存するだけでは、文化は残らない」。ブランドが掲げるこの哲学のとおり、日本の職人技と美意識を現代のライフスタイルに合わせて「翻訳」する試みを、そのまま体験できるサイトにすることが目的です。ブランドストーリーや素材へのこだわりを丁寧に伝えながら、コレクションの魅力が自然と購入につながる構成を重視しています。

デザインの方向性

白と黒を基調とした、余白の美しいミニマルなデザインを採用しました。英字を主体としたタイポグラフィと、商品ビジュアルを主役に据えた写真主導のレイアウトで、静けさのある上質な世界観に仕上げています。規則正しく並ぶ畳の織り目や、見る角度によって異なる表情を見せる桐生織の陰影など、素材そのものの魅力が引き立つよう、装飾は徹底して引き算しています。

サイトの主なコンテンツ

• ブランドストーリー（BRAND STORY）
• コレクション（COLLECTION）：「TATAMI MINI SHOULDER」などの商品ラインナップ
• 素材紹介（MATERIALS）：畳表・桐生織・真鍮、それぞれのこだわりを紹介
• スタイリング提案（STYLING）：ミニマル・オフィスカジュアル・デイリー・着物・モード・リラックスの6カテゴリ
• ジャーナル（JOURNAL）：メディア掲載情報・お知らせ
• オンラインストア（カート・購入機能）

制作で重視したポイント

1. ブランドの世界観の表現: 余白と上質なビジュアルによる引き算のデザインで、伝統素材の静かな存在感が伝わる見せ方にしました。
2. 素材の魅力訴求: 撥水性・耐久性・軽さを備えた畳表、陰影の美しい桐生織、経年変化を「個性」として楽しむ真鍮金具。「あなたの時間とともに、完成していくプロダクト」という価値観が伝わる素材紹介を重視しました。
3. 購入への導線: ブランドストーリー→素材→スタイリング→コレクションと、ブランドへの理解を深めながら自然に購入へ進める回遊構成を設計しました。
4. レスポンシブ対応: スマートフォンでもブランドの世界観を損なわず、見やすい表示を実現しました。

採用した主な機能・仕様

WordPress＋WooCommerceによるECサイト構築（商品管理・カート・購入機能）・Contact Form 7によるお問い合わせフォーム・ジャーナル（お知らせ）の更新対応・Instagram／Pinterestへの連携導線・レスポンシブデザイン

ホームリーでは、TATAMI CODE様のような世界観を大切にしたブランドサイト・ECサイトの制作を承っています。ECサイトの新規立ち上げやリニューアルをご検討の際は、お気軽にお問い合わせください。