The always inspiring guys over at Teehan+Lax have a new self initiated project that stemmed from one of their motion designers. The resulting project, Google Street View Hyperlapse is a user interface for creating your own hyper-lapse with Google’s Street View data. They have kept the sites settings low on purpose to make it more accessible, but have also made all the source code available through Github for anyone who wants to experiment with it or dig deeper.
Category filter: Web
Radiance
In honor of my second week cleansing, which I took a little break from over the weekend I thought I would post something perfectly related. Construct London designed the simple minimalist branding, packaging and web design work for Radiance Cleanse. Radiance was founded in 2009 and and was one of the UK’s first high quality, nutritional and organic juice cleanse makers.
(via Creative Review »)
The Extra Mile
The internet is a constant deluge of content, updates, and information. Once in a while these rare people and sites part the waters and distinguish themselves by doing outright good. Matt Dimmer is one such web prophet. Dimmer recently launched The Extra Mile a nonprofit, which allows people to donate their frequent flyer miles to people who need to visit terminally ill loved ones with cancer. Check it out and if you have a few or even a bunch of excess miles, share the love.
The Maker Map
More often than not I find the simplest ideas to be the best. They seem to cut through all the misconceptions of what a website or web application need to be. The Maker Map is a most prime example. It is an open source mapping project with the goal of creating a comprehensive database of the “makers” of the world. A maker can be anyone from a fabricator to an architect and everyone in between, next to or near.
(via swissmiss »)
SphereTones
Touch interface is no longer a fresh new thing. However interaction designers and product designers are coming up with fun and captivating ways to employ it for interacting and manipulating things. SphereTones is a great example of this. It is certainly not the first or even in the first dozen touch interface music applications. But the way users tweak and alter different spheres is a nice playful interaction, which allows them to change the tempo and sound created by each sphere. Currently only available on the Android platform, you can get your hands on SphereTones over on Google Play.
3 Fish Identity
Designer Daniel Buxton made this playful and simple identity for 3 Fish in a Tree, which is a London based “ideas agency”. The project brief requested a brand that reflected their process and work environment, which if this identity reflects it I would love to experience it. Another thing I noticed was that Buxton used an ultra-simplified custom browser visualization to display the screens he designed for their site. A nice little touch.
(via Look my backpack »)
Freehand Miami
The Freehand is a one of a growing number of boutique hostels popping up here in the US as well as around the world. The idea of needing a suite or even an entire room when you are on the road or traveling is beginning to seem a little dated or unnecessary. Freehand is a beautifully designed and unique place tucked away in one of the more up and coming neighborhoods in Miami. The design for the hotel was carried out by the duo Roman and Williams. They are also sporting a sexy responsive website which is picture here.
Tina Fey on Twitter
Let’s start the day with some light hearted comedy. We can definitely all agree that the amount of physical and perceivable garbage grows an insurmountably everyday. Despite using it almost on a daily basis, I know Twitter greatly contributes to this stream of refuse. Instead of letting this continue comedian Tina Fey has a much more interesting idea. Listen to Tina’s thoughts on Twitter and how to control it.
(via swissmiss »)
Done Not Done
The amazing gents of Fictive Kin launched Done Not Done the newest addition to their suite of web applications. I have been looking for a social list making tool that would allow me to track things I have done along with things I want to do. Thank you Fictive Kin for continuing to make the internet a better place. Go get the app here.
(via swissmiss »)
Beer Friday: Canal Park Brewing Co.
Based in Duluth, Minnesota Canal Park Brewing Co. says they are “inspired by the unruly spirit that occupies the North and South shore of Lake Superior”. Their branding designed by Joyce is maybe a little more conservative than their ethos, but is still a nice bold and colorful face for their craft suds.
(via Oh Beautiful Beer »)
Otter Surfboards Site
Otter Surfboards and their new website both share some wonderful minimalist sensibilities, which make exploring their site and learning about their surfboards far more intriguing. The site was designed by an awesome British digital studio by the name of Little Whale Studio whose work is all very clean and current.
(via Designspiration »)
Guide to Responsive Design
As the landscape of mobile and tablet based browsing and web access grows it is becoming almost a requirement to have a responsive site. Users are also becoming more and more discerning with which digital platforms they choose to consume content from and on. This changes how we as designers must think about a website and how content is delivered in general. For many designers who are just beginning to be comfortable designing simple static websites it can seem like a daunting task to think and design with such scaleability in mind. Hagon Design has created an amazing resource on their site for people to learn the basic principles of responsive web design. Their Responsive Design Site is by no means an end to end tutorial and you definitely won’t be able to call yourself a responsive web designer after perusing it once. You will definitely have a better understanding about the why’s, how’s and examples of some really great who’s of the responsive web.
(via Quipsologies »)
Facebook Voters Map
I am usually pretty outspoken about my feelings on Facebook specifically as a nonuser. However this great page America Votes 2012 they put up today on to visualize the votes cast in realtime across the United States using aggregated Facebook data is really awesome. This is definitely one of the first high value use cases I have seen them leveraging their community data stream. Way to go guys!
Pixel Ruler
Sketches and wireframes are one of the most important steps in strong web design and user experience. Especially when we are talking about responsive design and designing for a wide range of devices and potential viewports. UI Stencils has made it their mission to create tools to make the analog sketching process more aligned with the language of the web and computers. Their most recent creation has me nerd’ing out something fierce. The Pixel Ruler is a nice heavy weight machined steel ruler which measures pixels instead of inches or centimeters, and the scale is 150 pixels per inch.
(via swissmiss »)
The Internet Map
The internet and the online landscape is a seemingly endless world, that we can neither fathom or visualize the scale and connections between anything. Until now. The Internet Map is a visualization of this vast multidimensional world of connections we call the internet. All the websites are represented by circles, the scale of the circle is determined by the amount of traffic it gets and the proximity of circles to one another is based upon the links between them. Information about the 2 million links between the websites has grouped them by topic creating clusters about related subject matter.
(via swissmiss »)
Grid
Binary Thumb beta-launched its new spreadsheet app called Grid last week. A app that aims to simplify and redefine how spreadsheets can be used. Easily allowing users to integrate maps, images, numbers and other data. Grid edges more towards a simplistic tool for making info graphics than a spreadsheet application, which is definitely what will really set them apart.
(via Co.Design »)
Beer Friday: Austin Beerworks
Beer Fridays are quickly becoming the most interesting posts to write. There is great beer related design pouring out from all parts of the globe(pun not intended, but nicely coincidental). This week I wanted to feature the amazing branding work that Helms Workshop did for Austin Beerworks. The identity is bold and has some very classic sensibilities to it, but is also very colorful and modern. The packaging is something that would definitely grab my attention in a store and draw me in their direction. Also Helms Workshop collaborated on the website and online home of AB with Source Pixel Foundry to create a truly unique and exciting online experience. My favorite part of the whole site has to be the interactive sliding info graphics, which are beautifully illustrated and explain in detail their whole brewing process.
Shake Shack Website
I have long admired the work of Big Space Ship and for maybe even longer enjoyed the eatables at Shake Shack. So of course when I saw the new Shake Shack website they designed I was tickled medium rare(pink). The site features an extremely bare bones design with some dynamic scrolling and slide show elements interspersed to give the page a nice amount of depth without too much clutter. Also in the same manner as Danny Meyer’s restaurants the site has a basket of small touches which combined really make the user experience. The custom icon set created for the site is amazing, a huge variety of iconography and rendered in a perfectly uniform style.
New Work: ArtBinder 2.0
This past Thursday ArtBinder 2.0 was officially launched with a bunch of new features and efficiency gains. To mark the occasion we also launched a redesigned site to communicate the brand and product sensibilities to site visitors. The other awesome part of the new site is an international Art Fair Calendar, which is a one stop place to see when and where the important art and design fairs are happening.
Made in NYC Digital Map
Mayor Bloomberg’s office has created this awesome map which visualizes all the tech startups in NYC from the Made in NYC register. Checkout Mapped in NY and explore the map or add your startup to the map. I also have to say, I have not encountered a web ticker I enjoyed as much as this one in quite some time(at last check the ticker read “734 NYC Tech Companies Are Hiring!”).
(via Subtraction »)
