Muhammad Waris
UI/UX Designer | SaaS, Mobile & Web Apps | Figma Expert
New to Contra
Muhammad is ready for their next project!
Nexora is a conceptual B2B FinTech dashboard designed to help finance teams track cash flow, manage vendor payments, and analyze spending. The core challenge of this project was balancing dense financial data with a clean, breathable interface that reduces cognitive load for the user.
Executive Dashboard Design: A high-level overview prioritizing KPI hierarchy. Featuring a prominent "Total Balance" card, paired bar charts for cash-flow visualization, and an integrated AI "Insights" panel to provide actionable financial recommendations.
Data Visualization & Analytics: Designed a dedicated "Spending Overview" page. Utilized donut charts and stacked bar graphs to simplify complex budget utilization and vendor categorization, ensuring data is easily scannable.
Responsive Design System (Desktop to Mobile): A masterclass in adaptive design. I mapped out the specific "Why" behind mobile transformations, such as converting a desktop sidebar into a bottom navigation bar, transforming large data tables into compact lists, and converting modal dialogs into thumb-friendly bottom sheets.
Complex User Flows: Architected a friction-free "Send Payment" flow. By implementing a Two-Step Review process (Enter Details → Review → Confirmation), I ensured high-stakes financial transactions feel secure and transparent.
Transaction Table UX: Designed a clean transaction ledger with tabular figures for fast scanning, hover states for row interaction, and clear status indicators.
0
15
Luxora is a conceptual fashion retail brand designed to bridge the gap between high-end aesthetics and frictionless digital shopping. This case study demonstrates my ability to execute a full-cycle design process, focusing on visual hierarchy, user retention, and modern minimalism.
User Dashboard Design: A clean, dark-mode administrative interface for customers to track orders, manage wishlists, and view spending analytics. Prioritizing data visualization and ease of navigation.
Product Detail Page (PDP): A high-conversion layout featuring clear typography, variant selection (color/size), and transparent pricing. Designed to reduce cart abandonment through intuitive UX.
New Arrivals Grid: A dynamic product showcase utilizing card-based design principles to highlight new inventory with clear "New" badges and pricing.
High-Fidelity Mockups: Professional presentation of the final product across multiple devices (Desktop, Tablet, Mobile) to demonstrate responsiveness and brand consistency.
0
20
Modern SaaS dashboard and mobile UX/UI design for a business platform, combining analytics, project management, customer workflows, responsive interfaces, information architecture, and a scalable design system.
0
24
Luxe Market — Premium Mobile E-Commerce UI/UX Design
Contra Project Description
Luxe Market is a premium mobile e-commerce experience designed for fashion and lifestyle shopping. The concept focuses on creating a refined, editorial shopping journey with high-quality product imagery, intuitive navigation, curated collections, personalized discovery, and a frictionless purchasing experience.
I designed the complete UI/UX system, including onboarding, home screen, product discovery, categories, product listings, and shopping interactions. The visual direction combines minimal luxury aesthetics, editorial typography, clean layouts, and conversion-focused UX to create a polished experience for modern mobile shoppers.
Focus: Mobile E-Commerce • UI/UX Design • Product Design • User Experience • Visual Design • Figma • Design Systems • Responsive Thinking
1
2
90