UI/UX Design

Dragonfly: Rapidly growing e-commerce marketplace platform

The Brief
Create a visually engaging, sales-oriented interface that reflects the brand’s confident and fresh identity
My Role
Product Designer

Overview

Dragonfly is an e-commerce marketplace designed to make online shopping simple, enjoyable, and visually inspiring. The platform brings together a broad assortment of products and needed a clear structure that helps users easily explore categories, discover products, and move confidently through the purchase flow.

Problem

The main challenge was designing a clear and appealing structure capable of presenting a large number of product categories without overwhelming users or compromising usability. The interface needed to highlight priority categories, promotions, and deals while maintaining balance and visual clarity.

Ensuring smooth navigation, intuitive product discovery, and a strong visual hierarchy was critical to guiding users naturally through browsing and purchasing, while keeping the experience engaging and easy to use.

Solution

The solution focused on creating a visually engaging and conversion-oriented marketplace that makes it easy to explore a wide range of products while staying aligned with Dragonfly’s brand identity.

  • Introduced a clean, block-based layout to clearly organize categories, featured products, and promotional content
  • Built a strong visual hierarchy to highlight priority categories, key offers, and deals without overwhelming the interface
  • Designed intuitive navigation and product discovery to support smooth browsing across more than 20 categories
  • Refined color palette, typography, and components to reinforce Dragonfly’s fresh and confident brand tone
Zoom In.
Dragonfly e-commerce marketplace
Zoom In.
Website wireframes
Zoom In.
Website inner pages
Zoom In.
Responsive for tablet
Zoom In.
Dragonfly on mobile
Zoom In.
Dragonfly design system

Design Process

  1. Discovery:

    In this stage, I focused on understanding user behavior in e-commerce environments, analyzing comparable marketplaces, and defining key goals for usability, merchandising, and conversion.

  2. UX Design:

    I created user flows and wireframes for core pages such as Home, Product, and Cart. This helped us define content hierarchy, navigation logic, and interaction patterns, ensuring a smooth and intuitive shopping journey from product discovery to checkout.

  3. UI Design:

    In the UI design phase, I focused on creating a clean, modern, and engaging interface that brings the Dragonfly brand to life. A spacious layout combined with vibrant accents helped maintain visual balance, while consistent components, typography, and imagery created a cohesive and trustworthy experience. Strong visual hierarchy guided attention to priority categories, products, and promotions.

    We also developed a scalable design system to ensure consistency and long-term flexibility across the platform. The interface was also adapted for tablet and mobile devices, with responsive behavior and component reuse supporting a seamless shopping experience across screen sizes and ensuring readiness for efficient development and future growth.

  4. Handoff to Development:

    The final stage I focused on preparing designs for implementation. Layouts, components, and interaction behaviors were handed off in a developer-ready format, ensuring visual consistency and accurate implementation across the platform.

Key Achievements

  • Delivered a clear and scalable marketplace structure supporting 20+ product categories.
  • Improved product discovery and navigation clarity, enabling users to browse with ease.
  • Created a visually distinctive, brand-aligned interface that feels modern and trustworthy.
  • Designed a conversion-focused shopping experience that supports confident purchasing.

Result:

The final design combines a clean structure, intuitive navigation, and strong visual hierarchy to highlight key product categories and promotions. Every element — from color palette and typography to product imagery was crafted to enhance usability, build trust, and encourage conversion across the entire user journey.

From my perspective, it was an interesting opportunity to work on a rapidly growing marketplace under tight deadlines.

Tools

  • Figma
  • Illustrator
  • Photoshop