mamatubu EC site 2012 website design

mamatubu EC site 2012：和雑貨セレクトショップのアイデンティティを構築する新規ECサイト構築

新規設立された「mamatubu（ままつぶ）」のブランド立ち上げに伴い、その中核となるECサイトの設計デザインをトータルで担当しました。 数多あるオンラインショップの中で、新興のセレクトショップがいかにして信頼を獲得し、独自のポジションを確立するか。 その解として、単なる「販売プラットフォーム」ではなく、オーナーの審美眼と商品への深い洞察を可視化する「ストーリーテリング型EC」としてのブランディングを追求しました。 本プロジェクトでは、和雑貨の持つ静謐な美しさをデジタルの領域で表現するため、アートディレクションからUI/UXデザインまでを一貫して設計しています。

情報の信頼性を担保する幾何学的構成と、情緒的なユーザー体験の両立

新規開店という初期段階において最も重要な「信頼感」を醸成するため、視覚的な安定感と、ユーザーの探索意欲を削がない機能的なナビゲーションの両立に注力しました。

• ブランドの思想を体現するロゴデザイン：「mamatubu」というネーミングに込められた、小さくとも確かな存在感を放つ商品の魅力を象徴するロゴを策定。シンプルながらも記憶に残る造形により、新規参入ブランドとしての認知拡大に寄与。
• 和の情緒と視認性を両立するブランドカラーの選定：和雑貨が持つ伝統的な色彩感覚を現代的にアップデートしたカラーパレットを構築。商品の色彩を妨げず、かつサイト全体に統一されたトーン＆マナーを与える戦略的な配色を実装。
• 多角的な商品分類によるユーザビリティの向上：「使用用途別」および「取り扱いブランド別」という二軸のカテゴライズを実装。目的買いのユーザーには最短の導線を、発見を楽しみたいユーザーにはセレンディピティ（偶然の出会い）を生む回遊性の高いUIを設計。
• 「目利き」のプロセスを可視化するコンテンツデザイン：オーナー自らが製造現場へ赴き、厳選した一品であることを伝えるためのレイアウト。スペック情報のみならず、実際に使用して得られた「使い勝手」を丁寧に紹介するための専用領域を設け、購入後の生活イメージを想起させる情報設計を徹底。
• ブランドの思想を伝えるビジュアル・アイデンティティ：セレクトショップとしての個性を際立たせるため、和の色彩設計とタイポグラフィを現代的に解釈。新規開店からファンを定着させるための「mamatubuらしさ」を視覚的に定義。
• 黄金比を基軸としたグリッドレイアウトの採用：誌面構成に黄金比（1:1.618）を導入することで、余白と要素のバランスを数学的に最適化。和雑貨が持つ伝統的な美意識とモダンなWebデザインを調和させ、閲覧者に無意識の安心感を提供。

「人」を介した価値の伝達が、ECサイトに永続的な生命を吹き込む

本サイトのデザインにおいて最も重視したのは、オーナーの「熱量」をいかにしてデジタルデータに変換するかという点です。 自動化された大規模ECとは対極にある、一つ一つの商品を慈しむような紹介スタイルは、サイト全体に温かみと説得力を与えています。 デザインの役割は、その「こだわり」を邪魔することなく、むしろ際立たせるための良質な背景として機能することにあると考えました。 このECサイト構築プロジェクトは、新規ブランドが市場へ参入する際の「信頼の器」をデザインしたものです。 黄金比による普遍的な美学と、オーナーの情熱を汲み取った情報設計を融合させることで、単なる購買体験を超えた、ブランドと顧客を結ぶ持続的な接点を創出しました。 それは、デジタルな領域であっても「人の介在」を感じさせる、血の通ったブランディングの実装事例と言えます。

---

mamatubu EC Site 2012: Building a New E-Commerce Site to Establish the Identity of a Select Japanese Variety Goods Shop

With the launch of the newly established brand “mamatubu,” I was completely responsible for the design and architecture of its core e-commerce site. In a landscape filled with countless online shops, the challenge was determining how a newly emerging select shop could gain trust and establish a unique position. As a solution, we pursued branding as a “storytelling-driven e-commerce site” that visualizes the owner’s aesthetic eye and deep insight into the products, rather than creating a mere “sales platform.” For this project, I consistently handled everything from art direction to UI/UX design to express the serene beauty of Japanese variety goods within the digital realm.

Balancing Geometric Composition to Guarantee Informational Trust with an Emotional User Experience

To foster “credibility,” which is paramount during the initial stage of a new store opening, we focused heavily on balancing visual stability with functional navigation that does not suppress the user’s desire to explore.

• Logo Design Embodying the Brand Philosophy: Developed a logo that symbolizes the charm of products captured in the name “mamatubu”—conveying a small yet distinct presence. The simple yet memorable form contributed to expanding awareness for the newly entering brand.
• Brand Color Selection Balancing Japanese Mood and Visibility: Constructed a color palette that modernizes the traditional color sensibilities inherent in Japanese variety goods. We implemented a strategic color scheme that avoids interfering with product colors while providing a unified tone and manner across the entire site.
• Improving Usability Through Multi-Dimensional Product Classification: Implemented a dual-axis categorization based on “application/intended use” and “brand.” We designed a highly navigable UI that offers the shortest path for goal-oriented users while generating serendipity (unexpected encounters) for users who enjoy discovery.
• Content Design Visualizing the “Connoisseur’s” Process: Created a layout to convey that each item was strictly selected by the owner, who personally visited the production sites. In addition to technical specification details, we established dedicated areas to thoroughly introduce the practical usability gained from real-world testing, designing the information architecture to help users envision life after purchase.
• Visual Identity Conveying the Brand’s Core Ideas: To highlight the shop’s individuality as a select boutique, we interpreted Japanese color theory and typography from a modern perspective, visually defining the essence of “mamatubu” to retain fans right from the grand opening.
• Adopting a Grid Layout Anchored by the Golden Ratio: By introducing the golden ratio (1:1.618) into the layout composition, the balance between negative space and elements was mathematically optimized. Harmonizing the traditional aesthetic sense of Japanese variety goods with modern web design provides visitors with an intuitive sense of reassurance.

Conveying Value Through a “Human Connection” Infuses the E-Commerce Site with Enduring Vitality

The highest priority in designing this site was determining how to translate the owner’s passion into digital data. Standing in stark contrast to large-scale, automated e-commerce platforms, this curation style—which cherishes every single product—adds warmth and persuasiveness to the entire site. We believed the role of design was to function as a high-quality background that highlights, rather than interferes with, that dedication. This e-commerce site construction project was about designing a “vessel of trust” for a new brand entering the market. By blending universal aesthetics guided by the golden ratio with an information design that captures the owner’s passion, we created a lasting connection between the brand and its customers that goes beyond a mere purchasing experience. It stands as a real-world implementation case study of human-centric branding within the digital domain.

---