Weather Wardrobe seamlessly blends fashion and meteorology, offering personalized outfit recommendations tailored to real-time weather forecasts. Developed with AI-driven insights and wireframes created using ChatGPT and DALL·E, the app provides a smart and stylish experience. Users can upload photos of their wardrobe, enabling the app to curate daily looks that align with both the forecast and personal style. With Weather Wardrobe, stepping out in confidence—rain or shine—has never been easier. Stay chic, comfortable, and always prepared for the day ahead.
WEATHER WARDROBE
AI -Assisted
Onboarding
Prompts
This is a wireframe for the onboarding page for the weather app described above. Generate a high fidelity screen for the onboarding page keeping this wireframe as a strong reference while keeping this description in mind.
Onboarding Screen:
Background: A subtle pastel-coloured banner image that complements the minimalistic theme.
Logo: Placed centrally or at the top, embodying the app's identity.
Sign-up/Sign-in Options: Two clearly visible buttons for Facebook and Google sign-up/sign-in, maintaining the minimal style.
Dashboard
Prompts
The top of the dashboard screen shows you the current temperature and the 'feels like' temperature with minimal graphic elements which represent the current weather and temperature.
Underneath the temperature element, there is a horizontal timeline style navigation which acts as a slider and lets you check the hourly weather for the day
Under the timeline style navigation there is a overlay component which shows todays recommendations on what to wear based on the current weather conditions.
Dashboard (Scrolled)
Prompts
When you scroll down the page it gives you more information about sunrise, sunsets, precipitation, visibility, UV index, AQI.
The theme of the app is same as the one before.
Produce High - fidelity screen for the Dashboard page as per the wireframe attached and the description.
Temperature Section
Prompts
Underneath the temperature element, there is a horizontal timeline style navigation which acts as a slider and lets you check the hourly weather for the day
Under the timeline style navigation there is a overlay component which shows todays recommendations on what to wear based on the current weather conditions.
Map/Reccomendation
Prompts
The theme of the app is same as the one before.
Produce High - fidelity screen for the Dashboard page as per the wireframe attached and the description.
The bottom of the screen there is an overlay element that can be dragged up to reveal an interactive map (like google maps) which shows temperature around the world. It will also show you a recommended clothing tab at the bottom part of the screen, based on the location where the user drops the pin.
Reccomendation
Prompts
The theme of the app is same as the one before.
Produce High - fidelity screen for the recommendation page as per the wireframe
attached and the description.
Similarly, recommended clothing tab expands and gives you more detailed information when you tap on it.
-
Doesn’t entirely understand images as an input
-
Heavily dependent on prompts and sentence formation
-
Inconsistency in the overall theme even though specified
-
Fills up data which is not required.
-
Doesn’t generate the entire user flow screens in one go.
OSERVATION & CONCLUSIONS
Reccomendation
Prompts
The theme of the app is same as the one before.
Produce High - fidelity screen for the recommendation page as per the wireframe
attached and the description.
Similarly, recommended clothing tab expands and gives you more detailed information
when you tap on it.
Map (Overlay)
Prompts
The map expands to full screen when tapped on the map area. Similarly, recommended clothing tab expands and gives you more detailed information when you tap on it.
Profile
Prompts
The theme of the app is same as the one before.
Produce High - fidelity screen for settings page as per the wireframe attached and the description.
Settings page
The user settings tab will contain preferences of the user like temperature units, theme of the app, and other customization options.