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.
All assets and imagery designed exclusively for Sprout Studios and client.
00:00
/
00:00
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.
All assets and imagery designed exclusively for Sprout Studios and client.
00:00
/
00:00
Development
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.
All assets and imagery designed exclusively for Sprout Studios and client.
00:00
/
00:00
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.
00:00
/
00:00
