Obeymagazine http://www.obeymagazine.com We want to give insights in interactive and new media projects, with the goal to inspire you not just by the things you see, but also by those who created it. Wed, 23 Apr 2014 20:05:59 +0000 en-US hourly 1 http://wordpress.org/?v=3.9 Facebook developers explain how they made Facebook Paper http://www.obeymagazine.com/facebook-paper/?utm_source=rss&utm_medium=rss&utm_campaign=facebook-paper http://www.obeymagazine.com/facebook-paper/#comments Wed, 23 Apr 2014 20:05:59 +0000 http://www.obeymagazine.com/?p=21511 If you have read the title above and think this is a video all about nerds talking code, you’re wrong. The developers of Facebook are giving small insights in how they designed animations while they focused on intuitive behaviour. The presentation is divided into five separate chapters, and every specialist at Facebook talks you through their process and decision making. […]

The post Facebook developers explain how they made Facebook Paper appeared first on Obeymagazine.

]]>
If you have read the title above and think this is a video all about nerds talking code, you’re wrong. The developers of Facebook are giving small insights in how they designed animations while they focused on intuitive behaviour. The presentation is divided into five separate chapters, and every specialist at Facebook talks you through their process and decision making.

  • “Introduction” – Scott Goodson (00:00:00)
  • “First Impressions: Creating Contextually Aware Tutorials” – Madelaine Boyd (00:02:36)
  • “Clean UI Code: Taming the Combinatorial Explosion” – Jason Prado (00:15:05)
  • “Spring & Delight: Beyond Static Animations” – Kimon Tsinteris (00:25:20)
  • “Advanced Gestural Interactions: From Recognizers to Magic” – Brian Amerige (00:37:33)
  • “Building Asynchronous User Interfaces: Keeping Gestures & Animations Smooth” – Scott Goodson (00:52:12)
  • “Q&A Panel” – All Speakers (01:08:18)

The talks you must see (in my opinion) are “First Impressions: Creating Contextually Aware Tutorials” – Madelaine Boyd and “Building Asynchronous User Interfaces: Keeping Gestures & Animations Smooth” – Scott Goodson.

The post Facebook developers explain how they made Facebook Paper appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/facebook-paper/feed/ 0
What if you could turn Patatap into generative art? http://www.obeymagazine.com/patatap/?utm_source=rss&utm_medium=rss&utm_campaign=patatap http://www.obeymagazine.com/patatap/#comments Wed, 23 Apr 2014 19:49:41 +0000 http://www.obeymagazine.com/?p=21478 Generative art refers to art that has been created by a self-determining system. Upon today there are several different projects that try to fulfil our need of generative art. I think Binory is one of those projects that will show the world what generative art can really mean, because they are going to make it accessible […]

The post What if you could turn Patatap into generative art? appeared first on Obeymagazine.

]]>
Generative art refers to art that has been created by a self-determining system. Upon today there are several different projects that try to fulfil our need of generative art. I think Binory is one of those projects that will show the world what generative art can really mean, because they are going to make it accessible for the average consumer. But sometimes we find projects like Patatap that are truly amazing by itself, but have so much potential without even knowing it!

Patatap is a project created by Jono Brandel and Shawn & Yoshimi from Lullatone. To be honest I never heard of them, but they have some interested projects behind their names for the bigger brands in the world. Jono himself is since 2010 working for one of those bigger companies – Google!

Daily I stumble upon projects and articles about creating meaningful data. It’s like designers already think of what they can do with data, before consumers even created it. In my opinion we can’t ‘create’ meaningful data, it’s a result of what Jung said about consuming information and restore it in a meaningful way. We create these terms because we are scared of data that isn’t meaningful yet. Lets take the Patatap project. You can observe it and think ‘damn this is cool… but so useless’, or you can observe it and think ‘damn this is cool… what can we do with it!
I was thinking a little more into the future. What if we could combine visuality and audio in a more generative way? I already talked about this with Kees Plattel:

 

He and his brothers brainwaves project transforms the data you collect with your brain into something meaningful and unique. Think about being able to create a unique password by visual and audio components. And not by typing, drawing or saying it, but by thinking about it… that would me immense!

The post What if you could turn Patatap into generative art? appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/patatap/feed/ 0
Portfolio of Piotr Kwiatkowski http://www.obeymagazine.com/portfolio-piotr-kwiatkowski/?utm_source=rss&utm_medium=rss&utm_campaign=portfolio-piotr-kwiatkowski http://www.obeymagazine.com/portfolio-piotr-kwiatkowski/#comments Wed, 23 Apr 2014 13:20:19 +0000 http://www.obeymagazine.com/?p=21466 Every week we want to show you a new awesome design portfolio. I start the collection with the user interface designer Piotr Kwiatkowski from London. You might recognize some work of Piotr from Dribbble and Behance, at both platforms the designs have more than thousands of views. But besides the many views and likes, I really like his style of designing. […]

The post Portfolio of Piotr Kwiatkowski appeared first on Obeymagazine.

]]>
Every week we want to show you a new awesome design portfolio. I start the collection with the user interface designer Piotr Kwiatkowski from London. You might recognize some work of Piotr from Dribbble and Behance, at both platforms the designs have more than thousands of views. But besides the many views and likes, I really like his style of designing. The interfaces, data visualizations and icons are all clean and have a small details with nice colors. 

full_size

blog

work_dashboard

freebies_ikons

work_activity

The post Portfolio of Piotr Kwiatkowski appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/portfolio-piotr-kwiatkowski/feed/ 0
The team behind the 2013 Ustream overview website http://www.obeymagazine.com/ustream-website/?utm_source=rss&utm_medium=rss&utm_campaign=ustream-website http://www.obeymagazine.com/ustream-website/#comments Wed, 23 Apr 2014 09:00:53 +0000 http://www.obeymagazine.com/?p=313 A few months ago Ustream shared their 2013 overview website. However 2014 already started, I didn’t want to hold back this small masterpiece. With a team of almost 30 creative professionals they convinced me of having one of the best in-house web-teams of 2013. And if you ask me, I’m already looking forward to the version […]

The post The team behind the 2013 Ustream overview website appeared first on Obeymagazine.

]]>
A few months ago Ustream shared their 2013 overview website. However 2014 already started, I didn’t want to hold back this small masterpiece.
With a team of almost 30 creative professionals they convinced me of having one of the best in-house web-teams of 2013. And if you ask me, I’m already looking forward to the version of 2014!
To give you guys an idea of what they all went through, we have setup a small interview. A special thanks to Brad, Joellen and Balázs for cooperating with us!

Ustream

Who are the people behind the project?
It was a massive cooperative effort that involved many departments: PR, marketing, business intelligence, UX + design, all kinds of developers, sysop, product, video production, legal, even content monitoring.

We made a small list of people that were involved (these are not all of the people!)

UX Design
Kollin Zoltán
Lead Front End Developer
Máté Nádasdi

 

Which work inspired them to create what they have delivered?
This kind of annual report became an “industry standard” that many tech startups had in the past few years. There were great examples, that inspired us (e.g. Spotify, Mailchimp, Airbnb for example), but we wanted to create something that reflects our own Ustream style.

Do we have a chance to see some early sketches/visuals?
Unfortunately we didn’t make any drafts or sketches for the design — our designers had a vision and worked the final from the start.

What was their favourite part of the job?
It was great fun for all who participated, because we created something different than what we typically do in our daily jobs. Every department was enthusiastic to pull their respective data, so they could contribute to the year in review. It was also a creative boost for our designers, because they created something very new from scratch. Lastly, our developers happily took the challenge of putting together a page with many big images and animations, while keeping it fast and optimized to provide a great experience for every user.

What did they learn about the project?
It’s not an easy job to sort out the data, especially if you have a large amount. You have to keep it informative, yet short enough to be interesting. We had many pieces of granular data available that we ultimately decided to leave out, so that we could maintain a reasonable length for the site.

Also time is an important factor: If you want to make a design masterpiece, it will take much of your time. You have to deal with the time constraint very heavily here, because publishing an annual report in June does not make too much sense.

What would they do different if they completely had to redo this project?
We would start a month earlier next time!

 

What is your advice for people that want to accomplish the same as you guys did with this project?
Besides having great designers and developers, it’s a minimum requirement that you are very well prepared before taking on a project like this. We knew that we collected all kinds of data long ago, that we can use as a source. And that we could rely on our colleagues (BI and others) to provide it in an appropriate form, with a short turn-around time. If you can’t pull the data out of your sleeve, think twice before you start.

Ustream2 Ustream3 Ustream4

The post The team behind the 2013 Ustream overview website appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/ustream-website/feed/ 0
The new design of Obeymagazine http://www.obeymagazine.com/new-design-obeymagazine/?utm_source=rss&utm_medium=rss&utm_campaign=new-design-obeymagazine http://www.obeymagazine.com/new-design-obeymagazine/#comments Mon, 21 Apr 2014 20:27:28 +0000 http://www.obeymagazine.com/?p=21496 Damn! The new Obeymagazine website is finally live! I think that I started my first sketches around the first days of January, and the first digital design was saved on the 28th of January. And with January I don’t mean 2014, but 2013… Oh well, after 21 PSD-iterations of our new homepage, it’s finally there! […]

The post The new design of Obeymagazine appeared first on Obeymagazine.

]]>
Damn! The new Obeymagazine website is finally live! I think that I started my first sketches around the first days of January, and the first digital design was saved on the 28th of January. And with January I don’t mean 2014, but 2013… Oh well, after 21 PSD-iterations of our new homepage, it’s finally there!

I hear you thinking, what took you so long Jordy to create this particular design, it’s clean and very simple? Well, first of all, when I started doing some conceptual research I felt myself as a beginner, a rookie. I was inspired by the big images that are used on Medium and Polygon and the article by Anne-Roos Hassing about ‘content first‘. The first iterations that I made were mainly focused on this idea.
Later on, when I started graduating at Your Majesty, I met Magnus Lowing. He is the Design Director of the Amsterdam office, and my Design-Sensay. He trained me to have some sort of Swedish mentality on fixing design-problems. Thats where the terms; less is more, content first and mobile proof came together an formed the basis of the new Obeymagazine webdesign.

So lets have a closer look on the design, so I can explain the choices that we made. Lets start with the foundation of the website, the Obeymagazine-grid. The website is made of a vertical 960px grid with 12 columns, and a baseline grid of 40px. In my opinion this is the perfect grid, because you can scale it perfectly to every device. Whether you see the new website on desktop, television, mobile or smartphone, the grid will and can always stay the same.

The trend of late 2013 and early 2014 is using large images. I think Medium and the new Squarespace blog are the best examples of using this trend. However, this was clearly impossible to use. The content of Obeymagazine always depends on the availability. The availability of large images is something that will work 8 out of 10 articles you want to write. But those other 2 articles are just as important as the others. Thats why we decided not to go with the latest trend, but to focus on the things that matter – our content.

Another idea I’ve worked on is the way you load and see more posts. Websites like Mashable use the infinite scroll option. I don’t say it’s bad, I just think it’s a technique that’s still in the early concept-fase. Thats why I made an iteration on the current idea, and evolved it into something that I think is more useful for Obeymagazine. When you scroll to the bottom, where you will find an overview of all the articles, you will see a fully width button with ‘Load more articles’. Once you click on this button the page will turn into an infinite scroll page and will load more posts related to a specific category-, tag- or search query. So basically the only thing I did was introducing an extra click.

Below this paragraph you will see different iterations that were made on the homepage of Obeymagazine. The quality from the first designs are up for discussion, but I simply didn’t want to withhold them from you. Everything I did was in my spare time while I was graduating from the University of Rotterdam. The website of Obeymagazine is an ongoing proces and will evolve in the future. With out partner ‘Zwaar Contrast’, that developed the website, we will continuously brainstorm for ideas and iterations. When you have any ideas you want to share or discuss, feel free to contact me through our contact form or directly to @jordyvdboom.

obeymagzine-old2

 

obeymagzine-old3

 

The post The new design of Obeymagazine appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/new-design-obeymagazine/feed/ 0
Beautiful free iPhone mockups from Mockuuups http://www.obeymagazine.com/mockuuups/?utm_source=rss&utm_medium=rss&utm_campaign=mockuuups http://www.obeymagazine.com/mockuuups/#comments Thu, 20 Mar 2014 20:57:32 +0000 http://www.obeymagazine.com/?p=21461 Looking for some free iPhone mockups to present your awesome designs? Check the website Mockuuups, they made some really beautiful iPhone Mockups. In the PSDs you can change the background and replace the placeholder in the iPhone.

The post Beautiful free iPhone mockups from Mockuuups appeared first on Obeymagazine.

]]>
Looking for some free iPhone mockups to present your awesome designs? Check the website Mockuuups, they made some really beautiful iPhone Mockups. In the PSDs you can change the background and replace the placeholder in the iPhone.

mockups-obeymagazine2 mockups-obeymagazine1

The post Beautiful free iPhone mockups from Mockuuups appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/mockuuups/feed/ 0
Make the world your own drum machine with Mogees http://www.obeymagazine.com/make-world-drum-machine-mogees/?utm_source=rss&utm_medium=rss&utm_campaign=make-world-drum-machine-mogees http://www.obeymagazine.com/make-world-drum-machine-mogees/#comments Thu, 20 Mar 2014 16:18:17 +0000 http://www.obeymagazine.com/?p=359 I spotted Mogees a while ago, but the device has finally hit Kickstarter. Mogees is a device, actually it’s more like a musical tool, which picks up surface vibrations with a special mic and turns them into sounds via a mobile app. It’s so sensitive that it registers every light movement, turning your table into a […]

The post Make the world your own drum machine with Mogees appeared first on Obeymagazine.

]]>
I spotted Mogees a while ago, but the device has finally hit Kickstarter. Mogees is a device, actually it’s more like a musical tool, which picks up surface vibrations with a special mic and turns them into sounds via a mobile app. It’s so sensitive that it registers every light movement, turning your table into a drum kit. You can attach the device just about anywhere and start crafting tunes.

Make the world your own drum machine with Mogees-2

 

The post Make the world your own drum machine with Mogees appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/make-world-drum-machine-mogees/feed/ 0
Watch this beautiful brand story film of Coffeecompany http://www.obeymagazine.com/brand-story-coffeecompany/?utm_source=rss&utm_medium=rss&utm_campaign=brand-story-coffeecompany http://www.obeymagazine.com/brand-story-coffeecompany/#comments Thu, 20 Mar 2014 13:15:00 +0000 http://www.obeymagazine.com/?p=338 This film tells you the story about the Dutch brand Coffeecompany. In the film you will see the whole coffee process; from bean to cup. The story is told in a really special way, because it’s a one shot film on a 17 meters long coffee table. To be honest I’m really curious about how […]

The post Watch this beautiful brand story film of Coffeecompany appeared first on Obeymagazine.

]]>
This film tells you the story about the Dutch brand Coffeecompany. In the film you will see the whole coffee process; from bean to cup. The story is told in a really special way, because it’s a one shot film on a 17 meters long coffee table. To be honest I’m really curious about how many shots they had to take to get the right one! What I really like in the film, is the pure and simple way of filming and telling a story. I can explain all this, but if you have 3 minutes of spare time, you have to watch this! You can also check the making of. 

The Rotterdam based film & design studio ‘From Form‘ made the design and the production of the film.

The post Watch this beautiful brand story film of Coffeecompany appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/brand-story-coffeecompany/feed/ 0
Cloudwash, the connected washing machine http://www.obeymagazine.com/cloudwash/?utm_source=rss&utm_medium=rss&utm_campaign=cloudwash http://www.obeymagazine.com/cloudwash/#comments Thu, 20 Mar 2014 13:09:45 +0000 http://www.obeymagazine.com/?p=365 What if your wasmachine was connected to you mobile phone? Would it be a lot easier to plan your washes? BERG, the makers of Little Printer have developed a new connected product, Cloudwash. Cloudwash is just a prototype to explore the connectivity that will change the appliances in houses. I’m really impressed by this prototype, […]

The post Cloudwash, the connected washing machine appeared first on Obeymagazine.

]]>
What if your wasmachine was connected to you mobile phone? Would it be a lot easier to plan your washes? BERG, the makers of Little Printer have developed a new connected product, Cloudwash. Cloudwash is just a prototype to explore the connectivity that will change the appliances in houses. I’m really impressed by this prototype, because it is a really realistic idea of how this will work in our normal life.

CloudwashCloudwash1

The post Cloudwash, the connected washing machine appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/cloudwash/feed/ 0
Wordeo is the messaging app that brings your words to life http://www.obeymagazine.com/wordeo/?utm_source=rss&utm_medium=rss&utm_campaign=wordeo http://www.obeymagazine.com/wordeo/#comments Tue, 18 Mar 2014 13:17:22 +0000 http://www.obeymagazine.com/?p=258 The year of 2014 started with a brand new iOS app (soon to be on Android). Wordeo is the messaging app that brings your words to life. The idea of the app started when James Kirk and Kenneth Moore (students from Hyper Island) won £100.000 of funding to start their new journey. By adding David Bailey (ex […]

The post Wordeo is the messaging app that brings your words to life appeared first on Obeymagazine.

]]>
The year of 2014 started with a brand new iOS app (soon to be on Android). Wordeo is the messaging app that brings your words to life. The idea of the app started when James Kirk and Kenneth Moore (students from Hyper Island) won £100.000 of funding to start their new journey. By adding David Bailey (ex Apple) as CEO of the company and acquiring Your Majesty Amsterdam as their design company I knew this was going to be great! After more than one year of development and raising more than 4 million Dollars, the iOS application is finally available. GettyImages explains the applications as follow:

Wordeo is a new messaging platform that brings words to life with video and music – in seconds. Users start by writing a message just as they would a tweet. But what if you don’t have the right piece of footage to capture what you want to say?
- GettyImages

Wordeo-obeymagazine
Wordeo-obeymagazine1
Wordeo-obeymagazine2

The post Wordeo is the messaging app that brings your words to life appeared first on Obeymagazine.

]]>
http://www.obeymagazine.com/wordeo/feed/ 0