Year
2024
Category
UX / UI Design
Got The Users Covered
a sleek and animated design, developed by relying on data and insights from the research phase. Providing users with the necessary data in an interactive and seamless experience, showing alerts and overall metrics.
Animated
Alerts
User-Centered
Real-Time Track of Weather
Real-Time track of weather forecast at a glance helps users to be ready all the time. the dynamic and interactive design built with having user needs and accessabilty in mind.
Weather Forecast
Real-Time Data
Dynamic Design
Proactive Smart Alerts
Users can set personalized alerts for their daily outfit suggestions. For complex itineraries with multiple locations, the system sends proactive reminders for outfit changes or items to pack, ensuring users are effortlessly prepared for their entire day.
Feature Design
Proactive UX
Personalization
Detailed Environmental Trends
To empower our most data-sensitive users, we created a trends feature to visualize historical and forecasted humidity, temperature, and pressure. This tool allows specialized users like mountaineers, outdoor photographers, and event planners to make critical decisions by analyzing deeper weather patterns beyond the standard forecast.
Data Visualization
Persona-Driven Design
Advanced Analytics
AI-Powered Weekly Outfit Planner
Our AI-powered Weekly Planner helps users prepare for the week ahead in seconds. By analyzing the complete seven-day weather forecast, the feature intelligently curates a full week of outfits from the user's wardrobe. It presents a complete plan that is weather-appropriate and ready to go, saving significant time and reducing daily decision-making. Users can quickly review and edit the suggestions for full control.
AI in UX
Predictive UX
Automation & Planning
Research & Discovery
To ensure WearCast solved validated user needs, we conducted comprehensive research to understand the core challenges of dressing for unpredictable weather.
Our initial hypothesis—that users felt a disconnect between weather forecasts and their wardrobe choices—was confirmed through a multi-method approach:
User Interviews & Observation: In-depth interviews revealed a disjointed morning routine. We observed users spending an average of 7-10 minutes switching between weather apps and their closets, expressing frustration with the disconnected process.
Surveys: Quantitative data confirmed widespread issues. A significant majority of users experienced frequent "outfit regret" due to weather, wished for a pre-planning tool, and regularly used less than half of their wardrobe.
Competitive Analysis: An analysis of leading weather and styling apps identified a clear market gap—none offered meaningful, real-time integration between weather data and personal wardrobe suggestions.
These actionable insights were the foundation of our design process, proving the need for a unified solution that saves time, removes guesswork, and seamlessly connects a user's closet to the daily forecast.
Challenges & Key Solutions
Balancing Simplicity & Functionality: To avoid a cluttered interface, I designed a layered UI. This prioritized core features on the main screen while making advanced options accessible through collapsible menus.
Connecting Weather & Style: To ensure relevant suggestions, we implemented machine learning-driven recommendations that refined results based on user feedback and historical data.
Organizing Large Wardrobes: To prevent users from feeling overwhelmed, I designed an intuitive tagging and filtering system that made categorizing and finding items effortless.
Design Process Overview
My process began with low-fidelity wireframes to map key user flows, establishing a split-screen layout to balance weather insights with outfit suggestions.
Through iterative prototyping, we gathered critical user feedback which led to significant refinements. We simplified the weather dashboard to prevent cognitive overload and improved the wardrobe section with clearer categorization and filters.
The final visual design uses a sleek, dark theme with a clean typographic hierarchy. The user experience is enhanced by modular components and fluid, gesture-based interactions (like swiping and drag-and-drop) to create a powerful yet intuitive application.
