Weathercolor

Course: Interactive Design Narrative // February 2015
Project Brief:
Conceptualize, design, and code a weather web application.

For this project, I knew I wanted to design an application that blended the two worlds of print and digital. Weathercolor is a clean yet colorful weather application for the creative traveler. I experimented with blending my own watercolor textures and shapes using brush and ink and Adobe Photoshop. Using overlay and transparency, these shapes became the icon for each city. The site application was built using HTML and CSS, and was designed with mobile in mind, but can also function on desktop. 

Phase 1: Sketching

 

Phase 3: Desktop and Mobile Wireframes

 

Phase 3: Visual Design