I'm thrilled to finally be able to share our latest app with you guys.
Franz Bruckhoff approached Robocat 8 months ago with a rough prototype of a new weather app he had been working on. We've spend ever since iterating and polishing on the concept, working from the simple phrase 'weather at a glance' as a guiding principle. This has gradually turned into a really interesting experiment in spatial, color coded and animated information presentation. The product is Haze an amazing weather app with fluid animations and an audiovisual interface that is both beautifully simple, yet powerfully addictive.
Compared to some of our previous projects, this was a completely different challenge and as the creative lead i got to involve myself with the more intricate parts of the interaction. Working with this type of interface was really fun and i still think i managed to imbue it with my love for color.
★ Be sure to check out the video i made on gethaze.com.
☛ Direct iTunes link
Static screenshots doesn't really do the app justice, so i attempted to show some of the interactions with gif. Excited to hear what you guys think.
10 months ago
are you guys using photoshop to design?
@Simon Jensen We did use photoshop, but the way this has been developed has been a bit more organic. While we did start off with some general ideas on a paper most of the details and fluidity of Haze has been extracted through working prototypes, testing and timing effects and sounds. This isn't necessarily the best way to do it as it is very time consuming, but it has given us the opportunity to pursue interactions and user experiences that we couldn't possibly have thought up beforehand or solely made in photoshop. In many ways it's been more like working with a tweakable simulation susceptible for user input, rather than a classic design spec.
Nice concept, but I really wish I understood why everyone's making a weather app and why people would even use those apps unless they're basement dwellers that never get out and that's their only window to real world. I mean, I can tell whether it's warm or cold by looking at my window thermometer or just sticking my head out of the window. ;)
That gif (and app) looks so good :D
That interaction is uber cool :)
@Mariusz Ciesla Well it's no secret that we've always been a little infatuated with weather apps, our track record certainly shows that it's a theme we've had a lot of fun with. There's something beautifully challenging in presenting globally available data in a way that makes sense to the local user. Out of all the utility apps you can make for a smartphone, an app that gives you information about your surroundings is conceptually one of the easiest to understand. I believe that it's this combination of readily available data, the tangibility of the concept and the intimate relationship we all share with the weather that keeps us coming back to this type of app. Don't get me wrong, we've made plenty of other apps, but there's certainly something intriguing about building new ways for people to interact and understand the climate. At least I think these are some of the reasons why a lot of different people are building their vision of a perfect weather app.
I already have a ton of weather apps, but I guess you can always have one more ;) Very inspiring work, and the video.. just wow
Sick work my friend
Really great app, just played around with it. Would love to be able to do your own themes on it! Good woork @Michael Flarup!
It's a well designed app but it is useless to me because it requires location services to use. The nearest location any weather app that requires this is 25miles away. Any person who lives in Florida knows that 25miles away it can be sunny, and raining in your exact location. I hope you consider adding a manual input option so I can use your app in addition to my other app. It is a beautifully designed and simple app otherwise. Job well done.
by Michael Flarup
Here's another quick animation of the Haze UI in action. Simple screenshots doesn't really do the fluidity of the app we worked so hard for justice, hopefully you'll get an idea of it here.
Head over to gethaze.com and see the video i put together there.
We're running an Introductory price at 60% off, so now might be a good time to check it out.
10 months ago
Nice one, man!!
looking forward to seeing more of your work
Well done man! Just bought it and its lovely!
Cool concept - just downloaded. Doesn't make sense that I can't see the temperature for today or tomorrow - I can only see two days out. And the sun? Does "4h" mean there will be sun for four hours in the day? If I were to use this app regularly, I'd like to pull it open to see the current temperature for today, with the background animation indicating the trend for tomorrow (which I think is your intention). Swiping left and right should present info for each of the days, but shouldn't also change the sun/temp/humidity.
That video is so well done. I'd love to hear a bit about the gear used for it, DSLR?
Cool! One of my friends show this stuff and there's free pieces of code for this animation and round menu items.
@Chris Allen Not entirely sure what you mean. It *does* show your current temperature, and the 5 day forecast should show the next 5 days. I agree that the '3 sections' takes a bit of getting used to, but they represent sunshine hours, temperature and precipitation - the app is build around these 3 major aspects of the weather and what you see in the large orb is the situation right now. Do let me know if there's anything i can help clear up. :)
@Andreas Ubbe Dall I shot it with my 5D mk3 setup (an example of gear i use here) - some of the footage is mixed with stock footage which I'm not entirely sure how was shot, but around 80% of it was shot on my own DSLR - especially utilizing my new toy. Let me know if there's any specifics you want to know :)
I get it now. I guess the variable heights for the numbers in the days confused me into thinking the number I see in the middle corresponds to one of the days above. In my case, Sunday looks to have the highest temperature, and since the color is different and looks as if it's highlighted, I thought I had Sunday selected. But I get it that the numbers you see in the center space correspond to RIGHT NOW while the days at the top show the numbers corresponding to the weather type (sun/temp/humidity).
Oh, and "the 5 day forecast should show the next 5 days" - for me, I actually see yesterday, today, and the next 3 days.
My bad - although I wonder if anyone else will get confused with how the days are presented. Really nice app though!
Downloaded! Works very nice! The animations are well executed.
The only thing I'm missing is the rain-forecast during the day, like the native app from Apple does. Other than that, great job!
Welp, that's on my homescreen now.
your site's background animation made my mpb sound like it's fans were preparing for launch into hyperspace.
I got it! Congratulations!
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter