A UI/UX case study on a futuristic e-commerce app that empowers users to find the best deals through AI and Augmented Reality.
Prism is a concept for a next-generation price comparison app that revolutionizes how users discover and purchase products online.
UI/UX Designer, Prototyper
Figma, Tailwind CSS, JavaScript
4 Weeks
E-commerce Innovation
Online shopping is fragmented. Consumers waste time and money switching between countless apps and websites to compare prices and find the best deals. There's a disconnect between physical and digital shopping, making it hard to make confident purchasing decisions.
Users jump between multiple apps and websites, losing time and context in the process.
Lack of transparency makes it difficult to find the best deals and compare prices effectively.
Disconnect between digital and physical worlds creates doubt about product fit and quality.
Prism is a mobile-first platform that centralizes the shopping experience. It uses AI to aggregate prices in real-time and AR to bridge the gap between the digital and physical worlds, helping users shop smarter, not harder.
Real-time price comparison across multiple retailers with AI-powered recommendations.
Scan real-world products to instantly find online deals and alternatives.
Single platform that eliminates the need to switch between multiple shopping apps.
Research indicated that users are frustrated with the current state of online shopping. Key pain points include information overload, lack of price transparency, and uncertainty about how products will look and fit in their lives.
Primary Persona
"Show me what I need to know, when I need to know it."
Secondary Persona
"I need to stretch every dollar but still want quality products."
Tertiary Persona
"Time is money. I need quick access to the best options."
Intelligent tools that revolutionize the shopping experience
A personalized feed that learns from user behavior to suggest relevant products. The AI analyzes browsing patterns, purchase history, and preferences to curate a tailored shopping experience.
Machine learning algorithms adapt to user preferences
Real-time content updates based on trending products
Seamless integration with price comparison data
Instantly see prices from multiple retailers on a single, clean product page. Our system aggregates data from hundreds of sources to ensure users always find the best deals available.
An immersive AR scanner to identify products in the real world and find the best online deals. Simply point your camera at any product to instantly access pricing information and alternatives.
An intuitive, thumb-friendly bottom navigation bar provides quick access to all core features. The design prioritizes ease of use and accessibility across all device sizes.
Personalized feed and trending products
Advanced search with filters and categories
AR-powered product identification
Saved products and wishlist management
The visual foundation that brings Prism to life
A dark, futuristic theme with vibrant accent colors that reflect innovation and technology.
Inter font family provides excellent readability and modern aesthetics across all weights.
Headings and emphasis - Weight 700
Subheadings - Weight 600
Inter Medium
UI elements - Weight 500
Inter Regular
Body text - Weight 400
Inter Light
Secondary text - Weight 300
Clean, uncluttered interfaces that prioritize essential information
Streamlined workflows that minimize user effort and maximize results
Cutting-edge features that push the boundaries of mobile commerce
Prism successfully addresses the key pain points of the modern online shopper by creating a centralized, intelligent, and immersive platform. The app transforms the fragmented shopping experience into a seamless journey powered by AI and AR technology.