ArchMateria — A curated platform for architectural material discovery
Role: Founding Product & UX/UI Designer · Brand Strategy & Identity
Duration: Ongoing project
Platform: Responsive Marketplace Platform Desktop · Tablet · Mobile Focus: Product Discovery · Brand Identity · UX/UI Design · Information Architecture · Usability Testing · Design System
Tools: Figma · FigJam · Figma Make · Figma Agent · Adobe Creative Suite · AI-assisted Workflows
ArchMateria Homepage — Brand-led visual direction for the material discovery platform.
English Desktop Experience — A responsive interface for international users.
Overview
ArchMateriaArchMateria is a bilingual B2B platform connecting architects and design professionals with architectural material manufacturers. It brings together visual material discovery, technical product information and enquiry workflows, helping users explore, evaluate, save and request materials across Chinese and English-speaking markets.
As the founding designer, I led brand strategy and end-to-end UX/UI design, working closely with the founders to define the product direction, refine the information architecture and establish a practical first release.
The longer-term vision includes a 3D Simulation Workshop, planned as a future phase requiring further research and technical validation.
Outcome
Delivered a complete bilingual, responsive product design covering core material discovery, sourcing and account-management journeys.
The final deliverables included organised Figma design files, reusable UI components, interactive prototypes and developer documentation, establishing a foundation for ArchMateria's future development.
Challenges
Architectural material sourcing often involves fragmented supplier information, inconsistent product specifications and disconnected enquiry processes, making it difficult for architects to discover and evaluate materials efficiently.
The founders had an ambitious product vision, but the initial structure lacked a clear information architecture and connected user flows. The challenge was to align stakeholders, define MVP priorities and translate the concept into a cohesive bilingual experience while establishing a scalable foundation for future development.
Key Contributions
01. Product Discovery & StrategyBrand Strategy & Identity
Developed the company name, brand identity and visual direction from scratch, establishing a distinctive presence in the architectural materials market.
02. Product Strategy & Stakeholder Collaboration
Facilitated stakeholder workshops, user journey mapping and MVP prioritisation, refining the information architecture and aligning the founders on key product features and delivery priorities.
03. End-to-End UX/UI Design
Designed responsive user experiences across material discovery, technical filtering, product details, saved materials, enquiry workflows and account management.
04. Bilingual UX & Design System
Designed for Chinese and English-speaking markets, incorporating market-specific authentication flows and establishing reusable components and responsive design patterns to support a consistent experience.
05. AI-Assisted Design Workflow
Used Figma Make and Figma Agent to support interactive prototyping, design system documentation and design reviews, while maintaining ownership of design decisions and quality assurance.
Material Detail Page — Combining visual references, material variations and technical specifications to support evaluation.
Mobile Experience — Responsive layouts optimised for smaller screens.
Materials Gallery — Visual material discovery supported by search, category filters and product browsing.
Tablet Experience — Responsive layouts adapted for tablet screens.
