Case StudyCase Study
WEEX is an online and offline wedding exhibition platform bringing together wedding vendors, couples, and related industries to network, discover services, and shop for those planning to get married.WEEX là nền tảng tổ chức sự kiện triển lãm về ngành cưới, nơi quy tụ các vendor cưới, cặp đôi & các ngành hàng về cưới để giao lưu & mua sắm cho những cặp đôi có ý định cưới.
The primary goal of this project was to create a seamless digital experience that connects couples with vendors, applying strong Conversion-Driven Design (CRO) principles to improve vendor engagement and couple registrations.Mục tiêu chính của dự án này là tạo ra một trải nghiệm kỹ thuật số mượt mà kết nối các cặp đôi với vendor, áp dụng các nguyên tắc Thiết kế thúc đẩy chuyển đổi (CRO) nhằm cải thiện tương tác của vendor và lượt đăng ký của các cặp đôi.
* Note: To comply with a Non-Disclosure Agreement (NDA), all actual data including names, emails, phone numbers, and organization names in the images below have been altered or obscured.* Lưu ý: Để tuân thủ thỏa thuận bảo mật thông tin (NDA), toàn bộ dữ liệu thực tế bao gồm tên, email, số điện thoại và tên tổ chức trong các hình ảnh dưới đây đều đã được thay đổi hoặc ẩn đi.
Solution OverviewGiải pháp tổng quan
In e-commerce, design isn't just about aesthetics; it's about selling and driving action. For WEEX, the solution focuses on clear navigation to help couples find vendors quickly, and optimizing the registration flow to ensure maximum attendance at the physical expo.Trong thương mại điện tử, thiết kế không chỉ là làm đẹp; mà là thiết kế để bán hàng và thúc đẩy hành động. Đối với WEEX, giải pháp tập trung vào điều hướng rõ ràng giúp cặp đôi tìm thấy vendor nhanh chóng, và tối ưu hóa luồng đăng ký để đảm bảo lượng người tham dự triển lãm thực tế cao nhất.
Information Architecture
Structuring content to guide users seamlessly from discovery to conversion.Cấu trúc nội dung để dẫn dắt người dùng mượt mà từ lúc khám phá đến khi chuyển đổi.
The Homepage serves as the central hub, highlighting top vendors, upcoming events, and mega promotions to capture immediate interest.Trang chủ đóng vai trò trung tâm, làm nổi bật các vendor, sự kiện sắp diễn ra và các chương trình khuyến mãi lớn để thu hút sự chú ý của người dùng.
Vendor Details and Promotion Pages provide in-depth information, utilizing Trust Signals like reviews and clear service descriptions to build confidence.Trang chi tiết Vendor và Trang Khuyến mãi cung cấp thông tin chuyên sâu, sử dụng các Tín hiệu Niềm tin (Trust Signals) như đánh giá và mô tả dịch vụ rõ ràng để xây dựng sự tin tưởng.
The Enquiry & Registration Flow is streamlined with smart forms, minimizing cognitive load and friction to increase the number of completed registrations.Luồng Đăng ký & Gửi yêu cầu được tinh gọn với các biểu mẫu thông minh, giảm thiểu tải nhận thức và rào cản để tăng số lượng đăng ký hoàn tất.
UX/UI HighlightsĐiểm nhấn UX/UI
Translating user behavior insights into high-converting design patterns.Chuyển hóa insight hành vi người dùng thành các mẫu thiết kế mang lại tỷ lệ chuyển đổi cao.
✨ Click on any image below to view full details.✨ Nhấp vào hình ảnh bất kỳ bên dưới để xem kích thước đầy đủ.
Knowing that 65-75% of e-commerce traffic comes from mobile devices, the design process started with mobile. Touch targets are generous (minimum 44x44px), and the layout adapts perfectly from 375px screens up to 1440px desktop displays, ensuring progressive enhancement rather than graceful degradation.Hiểu được rằng 65-75% lưu lượng truy cập e-commerce đến từ thiết bị di động, quá trình thiết kế được bắt đầu từ mobile-first. Các điểm chạm (touch targets) được làm đủ lớn (tối thiểu 44x44px), và layout thích ứng hoàn hảo từ màn hình 375px lên đến 1440px (desktop), đảm bảo trải nghiệm được nâng cấp dần (progressive enhancement) thay vì bị cắt xén.
Registration forms are the biggest barrier to conversion. To reduce cart abandonment equivalents, we implemented Smart Auto-fill and Caching. If a user registers once, their data is cached for future interactions (e.g., booking a specific vendor), significantly lowering the effort required to convert again. Inline validation was also used to provide immediate feedback.Biểu mẫu đăng ký là rào cản lớn nhất đối với chuyển đổi. Để giảm tỷ lệ thoát, chúng tôi đã triển khai tính năng Tự động điền và Lưu Cache thông minh. Nếu người dùng đăng ký một lần, dữ liệu của họ sẽ được lưu cache cho các lần tương tác sau (ví dụ: đặt lịch hẹn với vendor), giảm đáng kể công sức để thực hiện chuyển đổi tiếp theo. Validation nội tuyến (inline) cũng được áp dụng để báo lỗi ngay lập tức.
The detail pages are structured like optimized e-commerce Product Detail Pages (PDP). They feature strong visual hierarchies for primary CTAs, clear service descriptions, and prominent Trust Signals. In the Vietnamese market, building trust is critical, so vendor credibility, reviews, and detailed service inclusions are prioritized.Các trang chi tiết được cấu trúc giống như một trang Product Detail Page (PDP) e-commerce được tối ưu. Chúng sở hữu hệ thống phân cấp thị giác rõ ràng cho các CTA chính (Primary CTA), mô tả dịch vụ rành mạch và các Tín hiệu Niềm tin (Trust Signals) nổi bật. Tại thị trường Việt Nam, việc xây dựng niềm tin là yếu tố quan trọng, do đó sự uy tín của vendor, đánh giá và chi tiết các gói dịch vụ được ưu tiên hiển thị.
Impact & TakeawaysKết quả & Bài học
The values delivered by the project and lessons learned about stakeholder management and UX execution.Những giá trị dự án mang lại và bài học đúc kết được về việc quản lý stakeholder và triển khai UX.
The frictionless registration and cache auto-fill mechanism drastically reduced drop-offs, directly increasing the number of attendees for the offline exhibition.Luồng đăng ký mượt mà và cơ chế lưu cache giúp tự động điền form đã hạn chế tỷ lệ thoát, qua đó trực tiếp làm tăng số lượng khách đăng ký đến sự kiện thực tế.
Structuring the UI like an e-commerce platform with prominent trust signals helped vendors capture leads efficiently.Bố cục chuẩn sàn e-commerce kết hợp với các trust signal rõ ràng hỗ trợ vendor thu thập dữ liệu (leads) tiềm năng từ khách hàng hiệu quả hơn.
A beautiful UI is useless if the content is lacking. This project highlighted the critical importance of collaboration between the UX/UI Product Designer, business stakeholders, the event organizing team, and the vendors themselves. Vendors must provide images and content that strictly meet the design requirements (e.g., image dimensions, high-quality assets, clear promotion copy). Without a standardized asset gathering process driven by the event team, the UI will break or look unprofessional, negatively impacting the user's trust and the conversion rate.Giao diện đẹp sẽ trở nên vô nghĩa nếu thiếu nội dung chất lượng. Dự án này làm nổi bật tầm quan trọng cốt lõi của sự phối hợp chặt chẽ giữa UX/UI Product Designer, Stakeholder, team tổ chức sự kiện (Event team) và các Vendor. Các Vendor bắt buộc phải cung cấp hình ảnh và nội dung đúng yêu cầu chuẩn thiết kế (ví dụ: tỷ lệ ảnh, hình ảnh chất lượng cao, nội dung khuyến mãi rõ ràng). Nếu thiếu một quy trình thu thập tài nguyên chuẩn chỉnh do team tổ chức sự kiện điều phối, giao diện người dùng (UI) sẽ bị vỡ hoặc trông thiếu chuyên nghiệp, ảnh hưởng trực tiếp đến niềm tin của người dùng và làm giảm tỷ lệ chuyển đổi.
Applying the principle of "Guest Checkout" from e-commerce, we avoided forcing users to create accounts to register for events. Instead, caching user info for subsequent interactions proved to be a highly effective way to respect user time and increase the completion rate.Áp dụng nguyên tắc "Guest Checkout" từ mảng e-commerce, chúng tôi tránh việc ép người dùng phải tạo tài khoản rườm rà để đăng ký tham gia sự kiện. Thay vào đó, việc lưu cache thông tin người dùng cho các tương tác tiếp theo (Tự động điền) được chứng minh là một phương pháp hiệu quả để tôn trọng thời gian của người dùng và tăng tỷ lệ hoàn thành form.
Especially in the wedding industry where tickets size is huge, users need immense trust before submitting their contact details. Prominent display of vendor portfolios, structured service packages, and transparent contact channels act as vital Trust Signals that drive conversions.Đặc biệt trong ngành cưới với giá trị giỏ hàng (ticket size) rất lớn, người dùng cần có một niềm tin vững chắc trước khi họ chịu cung cấp thông tin liên hệ. Việc hiển thị nổi bật portfolio của vendor, gói dịch vụ được cấu trúc rõ ràng và kênh liên lạc minh bạch đóng vai trò như những Trust Signals (tín hiệu niềm tin) sống còn để thúc đẩy chuyển đổi.
Return to the homepage to view my design process and other projects.Trở lại trang chủ để xem quy trình thiết kế và các dự án khác.