UVi – Utlimate Weather App (concept)

There is a saying in design industry that every designer has to design a weather app at some point in their career. I took on the challenge with two major points in mind. One: I would want to have both map radar and detailed graph in the same app. Two: one-finger navigation for 70% of the app features is a must.

SCOPE OF WORK
UX & UI, Mobile App (Concept)

2022

UVEE-iPhone-14-Pro-–-Front-Graph-v0.14

Graph Module

For those for whom details matter, graph module allows to learn more about the weather than just read temperature. Each graph presents several data types and it separately customisable. 

UVEE-iPhone-14-Pro-–-Front-Map-v0.14

Radar Module

Equally important, radar module allows user to check forecast visualized as an easy-to-understand animation and get a better overview on when and where is the weather front passing.

UVEE-iPhone-–-Standing-Perspective-01-Graph-v0.3

Weather History

For many outdoor enthusiasts, knowing the weather history is important when choosing their next destination. UVi app allows to take a glimpse on what was the weather like in past days and check the local weather cameras.

UVEE-iPhone-–-Upper-Perspective-02-Graph-v0.2
UVEE-iPhone-–-Middle-Blurred-Graph-v0.3
UVEE-iPhone-–-Upper-Perspective-Map-v0.4

Locations

Favorites show as in-app wigdets, allowing to quickly check the basic weather details on most frequently viewed locations, whereas search field is located on the bottom for easy thumb reach. 

UVEE-iPhone-Upper-Front-Locations-v0.7
UVEE-iPhone-–-Lower-Perspective-Locations-v0.4
UVi-iPhone-–-Table-02-v0.2

Hour-by-hour

Additionally to the main modules, a simple table showinig data on hourly basis is also available, providing a deeper analysis of weather conditions in areas of interest. 

Easy one-hand navigation

All most major interface elements are positioned near the bottom of the screen for easy thumb reach, while most of the app features can be navigate using swipe gestures.

UVi-App-Mockup-–-Top-down-iPhone-14-Pro-Close-Up-Lower-Partv0.2

Settings

Settings are devided to three main sections and available from every screen in their respective tabs. 

UVEE-3x-iPhone-–-Settings-v0.8

Radar Settings

There are three map styles: default, satellite and terrain. All come in detailed or simplified view, with several data types to choose from. 

UVEE-iPhone-–-Upper-Perspective-Settings-0.3
UVEE-iPhone-–-Standing-Perspective-01-Settings-Map-Cropped-v0.1
UVEE-3x-iPhone-–-Map-v0.13

Graph Settings

Apart from choosing between detailed and simplified graph view, user is also able to set the graph order and hide or customize each graph.

UVEE-iPhone-Upper-Front-Settings-Graph-v0.3
UVEE-iPhone-–-Middle-Blurred-Settings-v0.3

App Icon and Widgets

UVEE-iPhone-–-Upper-Perspective-Widget-v0.2
UVEE-iPhone-–-Lower-Perspective-App-Icon-v0.3

App Store Page

UVEE-iPhone-–-Standing-Perspective-03-App-Store-v0.2

Credits

Maps layers used: Apple Maps and Google Maps.
Clouds and mist textures by upklyak / Freepik
Rain texture by spoofdecator

Are you a developer and like the concept? 
Contact me

Related Projects

NSFLOW – An industrial AI & AR platform
Brand Design, Web Design, Print, 3D
NSFLOW 2.0 App
UI / UX, Product Design, Web App, Mobile App, AR App

Piotr is an independent, self-taught, multi-disciplinary graphic designer with over years of experience in design industry. His main focus is in UI and UX, visual identity and web design

© 2023 PSD STUDIO and respective brands. 
Made in Poland ♥︎