Welcome to Weatherz.
A modern, user-friendly and clean weather website.
![Figma product design UI UI/UX uiux User Experience Design user interface design ux Web Web Design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/80dc76167146149.64242711dd268.jpg)
Getting the modern feel
The use of visual hierarchy, this is where the user knows exactly where to look for the information they are looking for. By focusing on simplicity, a clean color scheme, as well as different images to display the current weather conditions. A fun little tag line, that also changes to comment on the weather conditions.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/6ddae6167146149.6424270f69812.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/acfc7f167146149.6424270f689c9.jpg)
Responsiveness
By leveraging Figma's auto-layout and Breakpoints plugin, achieving responsive design across different screens was effortless. I adjusted layout changes, font sizes, and typography to ensure consistency across all screens.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/6089a9167146149.64242710e3341.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/0a4de1167146149.64242710e25f5.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/f44302167146149.64242710e122a.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/de76ac167146149.64242710e045b.jpg)
Light Version
This is when the weather is clear and sunny
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/cc967c167146149.64242711737b4.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c1cf2e167146149.64242711774ce.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/4ad147167146149.6424271171e23.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/b07628167146149.6424271176004.jpg)
Dark Version
This is when the weather is stormy and dark
Designing experiences that connect with your audience
I provide clients with functional and user-centered designs that ensure both the clients and user needs are met.