digital, identity

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.

html & css,
app design,
ui design

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.

a polished design

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.

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.