Adtrics

UX/UI Design

Cover Image for Adtrics

Project Overview

This project focuses on enhancing the user experience for a product selection and Facebook ad analysis tool. The goal was to create an intuitive, efficient, and visually appealing interface for users.


Problem Statement

Users needed a seamless way to:

  • Discover and select new products efficiently.

  • Analyze Facebook ads with in-depth insights.

  • Navigate between tools smoothly without confusion.


Design Approach

1. Product Selection - New Data Selection

  • Designed a clear and structured layout to help users filter and select products effectively.

  • Ensured seamless integration with Shopify for an effortless experience.

  • Used consistent UI elements to maintain familiarity and ease of use.

2. Facebook Ad Analyzer - Connecting to Facebook

  • Designed an intuitive onboarding flow for easy Facebook connection.

  • Emphasized real-time insights with well-structured data presentation.

  • Utilized color coding and visual indicators to differentiate ad performance metrics.

3. Advanced Analysis - Multi-Level Insights

  • Created an interactive dashboard for deeper ad insights.

  • Introduced progressive disclosure to reveal detailed analytics step by step.

  • Ensured responsive design for desktop and mobile accessibility.


Final Design & Impact

  • Enhanced usability: Streamlined user journey with intuitive navigation.

  • Improved engagement: Users can quickly access relevant insights.

  • Increased efficiency: Faster product selection and ad analysis, leading to better decision-making.

adtrics-proto