This wasn’t just a design.
It was a full-flavored digital
experience with soul.
Role: Product Designer& Visual Strategist.
Plataform & Stack: E-commerce on WooCommerce with a responsive architecture optimized for mobile conversions.
Tools: Figma + Maze
Year: 2025
Business Context and Challenge
Problem:
To convey the artisanal character, texture, and complex flavor of a niche physical product (digital terroir) through an agile online store, while ensuring the shopping experience is not perceived as a generic transaction.
Constraints:
Design adaptable to dynamic catalogs and integration with WooCommerce. Balance between the brand narrative (Sonoran Semiotic Identity System) and the performance/load time of the e-commerce platform.
Strategic Approach and Insights (Hypothesis-Driven Design & Research) Methodology:
Hypothesis-Driven Design + Human-Centered Insights. User Empathy Mapping: Mapping the frustrations and motivators of consumers of gourmet/artisanal foods.
Key Insights:
01
Consumers aren’t just looking for a condiment; they’re seeking a sensory experience and culinary stories (“A brand that’s slow-cooked”).
02
Visual clarity regarding heat level and ingredients is critical for quick purchasing decisions.
The result transcended e-commerce: a sensory digital terroir where every interaction
The Design Solution (Core Experience Architecture) Visual Identity & Semiotics:
Development of a color palette, color theory, and typography rooted in authentic cultural traditions (Sonora/Northwest).
Navigation and Interaction: Navigation architecture focused on discovering flavor profiles.
Wireframes and UX structure optimized to minimize clicks to the cart.
Visual Documentation Guide: Consistent component system for scaling new products in the store.
Validation, Iteration, and Technical Implementation
Usability Testing:
Identification of friction points in the product selection flow.
Design adjustments (design pivots) based on actual user behavior during testing iterations.
Developer Handoff:
Building a validated architecture in WooCommerce.
Structured handoff of design tokens, typographic styles, component states, and specifications for development.
Impact and Results (Outcome & Emotional Equity) Business Outcome:
Hypothesis-Driven Design + Human-Centered Insights. User Empathy Mapping: Mapping the frustrations and motivators of consumers of gourmet/artisanal foods.
01
A dynamic e-commerce platform that goes beyond simple commercial transactions (Beyond Transactions), positioning the brand through emotional equity (Emotional Equity).
02
Metrics / Lessons Learned: Validation of the direct purchase flow and the ability to scale the catalog of fermented products using a modular system.
From heat meter to checkout.
Fermented brand loyalty.
Have a project in mind?
