Srianvi.com Weaving community, commerce. (deep dive)
When
July - Sept 2025
Duration
3 months
Category
July - Sept 2025
Key info
Stage 1 website shipped with payments & logistics integrated. UX process is documented in Part 2.
Methods
ethnographic shadowing, site visits, stakeholder and scenario mapping, ecosystem mapping, prioritization framing, IA and content modeling, execution coordination
Outcomes
unified experience strategy, e-commerce flow and IA, community program concepts, content and storytelling system, visual language guide, execution roadmap
When
July - Sept 2025
Duration
3 months
Category
July - Sept 2025
Key info
Stage 1 website shipped with payments & logistics integrated. UX process is documented in Part 2.
Methods
ethnographic shadowing, site visits, stakeholder and scenario mapping, ecosystem mapping, prioritization framing, IA and content modeling, execution coordination
Outcomes
unified experience strategy, e-commerce flow and IA, community program concepts, content and storytelling system, visual language guide, execution roadmap
When
July - Sept 2025
Duration
3 months
Category
July - Sept 2025
Key info
Stage 1 website shipped with payments & logistics integrated. UX process is documented in Part 2.
Methods
ethnographic shadowing, site visits, stakeholder and scenario mapping, ecosystem mapping, prioritization framing, IA and content modeling, execution coordination
Outcomes
unified experience strategy, e-commerce flow and IA, community program concepts, content and storytelling system, visual language guide, execution roadmap
A service-design engagement to align Srianvi’s vision with its digital presence by mapping the ecosystem, defining service features and designing touchpoints.
A service-design engagement to align Srianvi’s vision with its digital presence by mapping the ecosystem, defining service features and designing touchpoints.
A service-design engagement to align Srianvi’s vision with its digital presence by mapping the ecosystem, defining service features and designing touchpoints.
Check out the live website I designed
Srianvi wanted a digital storefront but the current online presence did not show the brand’s ethos or on-ground work. The gap was clear. The site needed to teach while it sells and give proof of sustainable practice without sounding preachy. The target mix included architects and interior professionals as well as urban buyers who care about slow living. The brief expanded from shop build to experience strategy so the digital layer matched the studio and the field.
Srianvi wanted a digital storefront but the current online presence did not show the brand’s ethos or on-ground work. The gap was clear. The site needed to teach while it sells and give proof of sustainable practice without sounding preachy. The target mix included architects and interior professionals as well as urban buyers who care about slow living. The brief expanded from shop build to experience strategy so the digital layer matched the studio and the field.
Srianvi wanted a digital storefront but the current online presence did not show the brand’s ethos or on-ground work. The gap was clear. The site needed to teach while it sells and give proof of sustainable practice without sounding preachy. The target mix included architects and interior professionals as well as urban buyers who care about slow living. The brief expanded from shop build to experience strategy so the digital layer matched the studio and the field.
Problem framing and context window
Problem framing and context window
Problem framing and context window
I shadowed the CEO, visited manufacturing and processing areas, and spoke with weavers, artisans, suppliers, and the core team. The work produced a stakeholder map, ecosystem view, and scenario flows that link supply, brand story, and buying moments. Parallel to this, I set up a prioritization frame to decide what to ship first and a coordination plan across design, development, and content.
I shadowed the CEO, visited manufacturing and processing areas, and spoke with weavers, artisans, suppliers, and the core team. The work produced a stakeholder map, ecosystem view, and scenario flows that link supply, brand story, and buying moments. Parallel to this, I set up a prioritization frame to decide what to ship first and a coordination plan across design, development, and content.
I shadowed the CEO, visited manufacturing and processing areas, and spoke with weavers, artisans, suppliers, and the core team. The work produced a stakeholder map, ecosystem view, and scenario flows that link supply, brand story, and buying moments. Parallel to this, I set up a prioritization frame to decide what to ship first and a coordination plan across design, development, and content.
Method stack and research operations
Method stack and research operations
Method stack and research operations
Unify physical and digital so the site demonstrates ethos and impact, not just catalog.
Grow a community layer that balances commerce with education through programs like Green Gene Squad and Artist of the Month.
Shift content from push to guidance so trust builds over time.
Hold a consistent visual language that signals slow living and sustainability across pages and posts.
Unify physical and digital so the site demonstrates ethos and impact, not just catalog.
Grow a community layer that balances commerce with education through programs like Green Gene Squad and Artist of the Month.
Shift content from push to guidance so trust builds over time.
Hold a consistent visual language that signals slow living and sustainability across pages and posts.
Unify physical and digital so the site demonstrates ethos and impact, not just catalog.
Grow a community layer that balances commerce with education through programs like Green Gene Squad and Artist of the Month.
Shift content from push to guidance so trust builds over time.
Hold a consistent visual language that signals slow living and sustainability across pages and posts.
System insights and design principles
System insights and design principles
System insights and design principles
I mapped the storefront IA to bridge story and product. The product page template pairs material and maker notes with buying actions. The home and collection flows surface community and learning modules next to curated lines. A community hub anchors program entries and brings content back into product discovery. The IA and component set gives the dev team clear modules to build and the content team clear places to publish.
I mapped the storefront IA to bridge story and product. The product page template pairs material and maker notes with buying actions. The home and collection flows surface community and learning modules next to curated lines. A community hub anchors program entries and brings content back into product discovery. The IA and component set gives the dev team clear modules to build and the content team clear places to publish.
I mapped the storefront IA to bridge story and product. The product page template pairs material and maker notes with buying actions. The home and collection flows surface community and learning modules next to curated lines. A community hub anchors program entries and brings content back into product discovery. The IA and component set gives the dev team clear modules to build and the content team clear places to publish.
Blueprint, IA, and flow decisions
Blueprint, IA, and flow decisions
Blueprint, IA, and flow decisions
The operating loop ties three tracks. :
Track one is shop health. Inventory, collection curation, and product education move together.
Track two is community programs. Each cycle features a maker or theme, runs a short learning piece, and routes to a related collection.
Track three is voice and design governance. The guide locks tone, image rules, and layout choices so teams ship coherent pages. My role was to coordinate handoffs with developers, content leads, and vendors so the system holds as it scales.
The operating loop ties three tracks. :
Track one is shop health. Inventory, collection curation, and product education move together.
Track two is community programs. Each cycle features a maker or theme, runs a short learning piece, and routes to a related collection.
Track three is voice and design governance. The guide locks tone, image rules, and layout choices so teams ship coherent pages. My role was to coordinate handoffs with developers, content leads, and vendors so the system holds as it scales.
The operating loop ties three tracks. :
Track one is shop health. Inventory, collection curation, and product education move together.
Track two is community programs. Each cycle features a maker or theme, runs a short learning piece, and routes to a related collection.
Track three is voice and design governance. The guide locks tone, image rules, and layout choices so teams ship coherent pages. My role was to coordinate handoffs with developers, content leads, and vendors so the system holds as it scales.
Action loop, features, and operating model
Action loop, features, and operating model
Action loop, features, and operating model
Experience strategy that links story, community, and shop
Store IA with page templates that connect learning to buying
Community program concepts with outlines for pilots
Content and storytelling system with topic map
Visual language guide to carry slow living on web and social
Experience strategy that links story, community, and shop
Store IA with page templates that connect learning to buying
Community program concepts with outlines for pilots
Content and storytelling system with topic map
Visual language guide to carry slow living on web and social
Experience strategy that links story, community, and shop
Store IA with page templates that connect learning to buying
Community program concepts with outlines for pilots
Content and storytelling system with topic map
Visual language guide to carry slow living on web and social
Outcomes
Outcomes
Outcomes
FUTURE STEPS
Pilot two community cycles and measure sign ups, repeat visits, and time on learning sections. Add short maker stories to key product pages and track assisted conversion from story modules to carts. Expand the guide into a small design system so updates stay consistent.
REFLECTION
For sustainable luxury, proof sits in the process. When the site shows how and who, people choose with confidence and come back for more than a one time buy.
FUTURE STEPS
Pilot two community cycles and measure sign ups, repeat visits, and time on learning sections. Add short maker stories to key product pages and track assisted conversion from story modules to carts. Expand the guide into a small design system so updates stay consistent.
REFLECTION
For sustainable luxury, proof sits in the process. When the site shows how and who, people choose with confidence and come back for more than a one time buy.
FUTURE STEPS
Pilot two community cycles and measure sign ups, repeat visits, and time on learning sections. Add short maker stories to key product pages and track assisted conversion from story modules to carts. Expand the guide into a small design system so updates stay consistent.
REFLECTION
For sustainable luxury, proof sits in the process. When the site shows how and who, people choose with confidence and come back for more than a one time buy.
Challenge
A strong supply story and brand philosophy were not visible online. The digital experience underplayed brand values, people, and material knowledge, which limited trust and repeat engagement.
Solution
Use design thinking to connect studio, field, and storefront (service, systems & user centered design).
Challenge
A strong supply story and brand philosophy were not visible online. The digital experience underplayed brand values, people, and material knowledge, which limited trust and repeat engagement.
Solution
Use design thinking to connect studio, field, and storefront (service, systems & user centered design).
Challenge
A strong supply story and brand philosophy were not visible online. The digital experience underplayed brand values, people, and material knowledge, which limited trust and repeat engagement.
Solution
Use design thinking to connect studio, field, and storefront (service, systems & user centered design).