FOX Weather

Mobile App | Weather | Product Design | Data Visualization

What I did

Collaborated in the Designing of the FOX Weather App & Website. Provided design guidance as a member of the leadership team and developed creative solutions to various aspects of the product.

Home Screen Redesign

The FOX Weather app was built on an app we aquired called Weatherline. The challenges were first, taking an existing structure and applying a more visually appealing design; second, finding a way to toggle between multiple locations non-consecutively; and third, designing a cohesive user experience for weather details on an hourly, daily and historical levels.

Once the data organization was complete, there was one last piece of data I felt needed a better visualization method: the high and low temperatures for a location. Normally, when you hear daily temperatures, you most often hear with a high of X and a low of Y. Though the data-points contain the standard visualization method of up and down arrows, I felt that wrapping them around the current temperature data-point gives context to all the temperature values by sorting them from left to right, increasing in temperature.

Showing four variations of the home tab depending on the data you are viewing. From left to right: Hourly Weather; 14-Day Weather for day and night; Historical weather showing the monthly highs and lows; Precipitation Graph view.

Color Themes

Once the home tab was designed and cleared to move forward, I had to create color themes for every weather condition supported. Using a small color pallete, I created color themes that apply to multiple weather conditions for both daytime and nighttime.

edit text.

Weather Illustrations

Here are some of the weather conditions which I designed the background illustrations and color theming.

Location Management

edit text.