The Weather Network iOS Universal App

The Weather Network iOS Universal App

The Weather Network | September 2016 (Phone’s Global Launch)

Description: This iteration of the app’s design was to meet the needs of the consumer by addressing feedback received from the app store and analyzing user engagement and performance though app analytics. The strategy to remedy the low engagement was to surface more relevant forecast and reduce cognitive load by simplifying the design patterns.

The app’s UX moved from a compact app that heavily relied on tactile discovery and immersive user interaction, to a module based approach that allowed the user to disclose detailed weather progressively. The module based approach also became a strategic UX decision in order to scale the phone’s layout up to a tablet layout for a universal app and code base.

The UI moved to an airy organized typographic display, with beautiful animated imagery to compliment the weather forecasted icons. These new animated backgrounds were designed and developed to keep the app performance high using very little battery and data.

New features included: a centralized weather hub screen, detailed weather sections, custom notifications, social photo and video galleries, reports, enhanced saved locations list.

Process: Market research, App analytic analysis, Navigational flows, Multi device wire-framing, Low/High Fidelity Mockups, Iterative Prototyping and Research, and Front End R & D – Design and Implementation, Marketing and App Promotional Artwork.

Tools: Photoshop, Illustrator, Xcode, inVision, Sketch.

 

Universal App for iPhone

 

Prototyping:

 

 

Wire-frames and conceptual mock-ups:

 

 

Marketing / promotional material:

 

 

Universal App for iPad UX/UI Design