Mind maps, concepts and sketching
I had a few different ideas wanted to try and incorporate into the final design. By doing a mind map of ideas, concepts and layouts I was able to quickly capture them to be able to explore them in more detail later in the design process.
Create and preview
The simple dashboard allows you to configure various colour and layout options to easily adjust the look and feel of the widget. This generates a code snippet which you can then copy and paste into the HTML of your site.
Colour selection experiments
I experimented with various colour selection option but in the end, I thought the predefined colour theme would eliminate people creating colour schemes similar to that of a 90’s MySpace page.
Different layout options
Here are just a few of some of the weather widget options. A live preview is always present during the creation process allowing you to find the desired colour palette and layout options for your website.
Show the weather on your website
This is an example of how the weather widget is displayed as part of the header navigation of this website. Given the various layouts and configuration options, it could also be incorporated into a sidebar or footer design.
Available on Apple Watch
Given the success of the widget, we thought the simple design would be well suited as a stand-alone app for Apple Watch. You can also save (or favourite) multiple locations if you interested and with GPS it would be set to your current location automatically.