Maretinda

Maretinda is a multi-vendor e-commerce marketplace designed for the Philippine market, connecting buyers and sellers on one platform. It enables sellers to create storefronts, manage products, process orders, and receive payments, while providing shoppers with a secure and seamless purchasing experience. As the UI/UX Designer, I designed responsive user interfaces across both the buyer and seller journeys, collaborating closely with developers and stakeholders to create intuitive, scalable, and developer-friendly designs.

Designing a marketplace requires balancing the needs of two different user groups: buyers and sellers. Buyers expect a fast and trustworthy shopping experience, while sellers need efficient tools to manage their stores, products, and orders. The challenge was to create a consistent experience across multiple user flows while ensuring the designs were practical for development and adaptable to dynamic content.

• 01Design an intuitive shopping experience for buyers.
• 02Simplify the onboarding process for new sellers.
• 03Create reusable UI components for consistency and faster development.
• 04Support responsive layouts across desktop devices.
• 05Build scalable designs that accommodate dynamic content and future platform growth.

Before designing, I researched leading e-commerce platforms such as Shopee, Lazada, Shopify, Etsy, and Amazon to understand common marketplace patterns, user onboarding experiences, checkout flows, and product browsing behavior. I also collaborated with developers and stakeholders throughout the project to understand technical constraints and business goals.

To maintain consistency across the marketplace, I built a reusable design system that included color styles, typography, buttons, product cards, navigation components, email templates, icons, a logo, and reusable UI components. The component-based approach improved design consistency and simplified developer handoff.

Low-fidelity wireframes were created to organize complex user flows before visual design. These included product features, utility pages, user account systems, shopping experiences, checkout processes, blog pages, and a seller guide. This stage helped validate layouts, prioritize information, and identify usability improvements early in the design process.

• Designed a clear and intuitive shopping experience from product discovery to checkout.
• Product filters for faster product discovery.
• Clear product cards for better browsing.
• Organized product details for easier decision-making.
• Seller profile section to improve trust and product exploration.

A responsive marketplace experience was designed to help users easily discover products, browse categories, complete secure purchases, and manage their orders. The interface was built with a consistent design system and reusable components to provide a seamless and intuitive shopping experience.

"Working on Maretinda strengthened my ability to design for real-world product development rather than isolated screens. I learned the importance of collaborating closely with developers, adapting designs based on technical constraints, and considering edge cases that arise during implementation. The iterative feedback process helped me create interfaces that are not only visually consistent but also practical, scalable, and ready for development."