We sketched ideas on the white board and paper, and also prepared a first draft for the organizational scheme. The main elements of the app are the user dashboard and the map. These two elements allow the user to check the weather information. Our initial approach was to follow a card design pattern for the dashboard combined with the display of the map. That way the user has flexibility and can access all the information from one place. We created some hand-drawn sketches on paper, and annotated the main interactions to explain our concepts to the client. The elements included in the sketches are: Dashboard, Map + icons, Search, Main interactions.

Visual Direction

Weather apps are boring. Sunshine was made to give users personalized and meaningful information, while being fun to use and delightful to look at. From some user interviews, direction from the founders, and plenty of research, we agreed on a visual identity that was flat, trendy, and fun. We explored several iterations before deciding on a final direction.

App design

A significant amount of time was spent advising and directing the client towards a simple MVP that had the core features users would need. There was a lot of functionality was pushed towards v2 and v3 because the demand for the app still needed to be tested. Below is illustrates the information architecture we moved forward with.

Final designs

We designed the entire application, including onboarding, core functionality, and interactions. Additionally we also provided a marketing site designed to capture users interested in becoming beta testers .

A weather network built entirely on mobile. Using your smartphone’s built-in sensors, Sunshine helps communities share immediate updates on weather conditions with peers nearby. I collaborated with another designer in this project. We worked closely on all aspects of the app however I lead a majority of the visual design while she lead the UX and interaction design.