![](https://cdn.myportfolio.com/05b210a3-e1b9-44ae-b2ac-7e9c4e4ae3d1/1a5832c3-bb84-4c01-b437-39c503cb9262_rw_1920.jpg?h=c28dd8f4a9e02604e73b0c2268254793)
Weather App Design- She Codes
UI, Design concept,Wire-framing
During the Web Development course I took at She Codes, I had the opportunity to create a weather application using HTML, CSS and JavaScript.
The challenge was to organise the information in a way that could provide the weather forecast over 6 days.
![](https://cdn.myportfolio.com/05b210a3-e1b9-44ae-b2ac-7e9c4e4ae3d1/3b9d6291-7828-421b-ac2c-c989d7e612d0_rw_1920.jpg?h=b776c04de25377c0ea5396b69eb7c216)
Before deciding my final style, I did my research to understand how current forecasts are organised, and I made four design options. My goal was to include: location, date & time, six days forecast and weather icons.
As my final design I decided to go with the last version that has a minimalistic style, it's easy to use, and the information is easily understood by everyone.
![](https://cdn.myportfolio.com/05b210a3-e1b9-44ae-b2ac-7e9c4e4ae3d1/22e9a548-7b29-4355-aaaa-adbafeda755b_rw_1920.jpg?h=187c2cfe61c0c64c4072519d60d18971)