Aurora
,
,
,
,
Intro
A fluid, hassle-free UI for dynamic weather.
Supplied with empty HTML and CSS files, accompanied only by the existing framework for a plug-in powered by JavaScript, I was set loose to design a functioning weather app which would live under the name Aurora.
Personal
Matt Guay
Providence, RI
2017
Opportunity
More with Less
In an effort to produce the most effective results, I began my process by researching existing weather apps and studying their architecture. This granted me a deeper insight into best practices when it came to user interface design, and more specifically, better ideas as to how I would approach my own. I set out to develop a web app that allows users to access information with as little hassle as possible. I would achieve this by producing a minimalistic app in which personality would be derived from background elements that change depending on current weather conditions.
Adhering to a simplistic approach, I understood that the background elements would have to be understated as to not detract from the substance of the app. For this reason, I opted to use gradients. Creating a total of 30 unique assets, each background would be paired with a specific weather condition and would appear only when triggered by the framework. I produced the app by building and styling content with HTML, CSS, and JavaScript, while enhancing the product through the addition of subtle, yet vital, animation. As a final priority, I worked to make the page completely responsive. Not knowing which device the app would be run on, I ensured that the information displayed properly at any and all screen sizes.
Solution
Trouble-Free Forecasts
Aurora would live as a functioning web application that serves as a personal barometer. Offering weather data in a refined and digestible fashion, this software allows for users to access pertinent information through dynamic visuals and fluid design.
All assets and imagery designed exclusively for Sprout Studios and client.
