Artwork

Roy Stanfield
Web and mobile app designer working for Etsy in NYC

Mixel_web_iphone

22 January 2013

Mixel acquired by Etsy!

Mixel has been acquired by Etsy, the marketplace we make together. It's a wonderful fit for the ideas and passion that went into everything we've built. Read the announcement on Etsy's blog.

I'm super excited to start working at Etsy, but like the rest of the team at Mixel, I want to make sure that Mixel users can still access their collages and continue to make awesome new ones. So we've built a new version of the app.

We're phasing out the social network aspect of Mixel. But the unique core creativity engine remains. You can still pull in your pictures from just about anywhere and Mixel will automatically compose beautiful collages for you.

The redesigned app needed a new marketing page, and we bounced around a couple of ideas. Although we decided not to use it for the final marketing, the page above was created so that people could experience the shuffle feature in their web browsers. Check out the demo (Webkit desktop browser only) and make sure to click the shuffle button.

Mixel_iphone_v1

18 September 2012

Mixel for iPhone

At Mixel we just launched our iPhone app, which was recently featured in the App Store. The app lets you easily combine pictures, add filters and share collages to Mixel or other networks.

We knew the iPhone app had to be more than a simple port of our previous iPad app. For example, cropping images with your finger didn't seem as attractive on the phone's smaller screen. So instead we created a shuffle feature. Users add their photos and press the shuffle button until they are happy with the results. Thanks to Akiva, this works very smoothly.

We also noticed that the remix feature in the Mixel iPad app made users hesitant to share their personal photos. So we removed it, opting instead for an album feature that allowed users who follow each other to create albums together – sharing whole collages instead of collage pieces.

It was particularly fun to add a colorful, animated gradient to the nav and toolbars. Each tab has its own base color that animates at the top of the otherwise white Mixel UI.

Sound_and_vision

16 September 2012

Playlists inspired by visual artists

I just finished a Ruby class, followed by a Ruby on Rails class, taught by Avi Flombaum and Chyld Medford. I'm excited to get my hands dirty with web coding, so I've dreamed up a new weekend project called Sound & Vision that will use the Rdio API.

Sound & Vision will store approximately twenty playlists I've compiled. Each playlist will take its cues from a particular visual artist's time and place. For instance, the Andy Warhol playlist will have bands from New York City between the 1960s and 80s that Warhol either sponsored or inspired, and that he himself might have listened to. A Jackson Pollock playlist might be mostly 50s jazz that the painter might have taken inspiration from.

Funny, but the main use that I'll have for the app is putting on my headphones while focusing on design work. If you design, paint, code or draw all day you'll probably enjoy it too. Stay tuned for playlists influenced by Warhol, Duchamp, Romare Bearden, Kokoschka, Pollock and more…

Mixel_tapes

12 September 2012

Mixel Tapes

When Mixel for iPad was replaced by Mixel for iPhone, a favorite pet project called Mixel Tapes was temporarily paused. Mixel Tapes let users easily make a mix tape by combining mixels with Rdio playlists. Khoi and I made the mockups, with illustrations by Román Jusdado.

Mixel Tapes was designed as a single-screen web app with animated tape recorder and scrubber interface at the top of the page, and a library of Mixel Tapes – created by other users – sitting just at the bottom of the browser window. Users could listen to any random tape or choose to make their own in the tape creation wizard (not pictured). The wizard would let users log in to their Rdio account (although they didn't have to) and grab their own playlist. They could then add their own Mixel collage as a cover. Users could choose to share their tape through Facebook, Twitter or email.

Some of the layouts were a bit tricky, and I built a proof of concept demo using CSS3 and Javascript to make sure that all of our plans were possible. The project is notable in that Khoi and I worked fluidly between detailed Photoshop mockups and designing in browser.

Mixel_for_ipad

2 May 2012

Mixel for iPad

For the past few months I've been working for Khoi Vinh at Mixel, where we've just released a new version of the Mixel for iPad app as well as a new version of the website. (Homepage pictured above). It has been fun and completely engaging to work with such a sharp team. I'm consistently impressed by our pace and the quality of work from our tiny team.

But let me tell you about the app. Mixel for iPad is a whole new way of playing with photos. Just add images from the web or from the photos on your iPad. Cut them out with your finger and intuitively place them on the iPad's large canvas. It's easy and undeniably engaging. Then share the collage on the Mixel network. If someone else likes what they see, they will likely remix your collage – reworking your images into a completely different image, all while adding onto the thread you initiated.

Mixel collages are often comical and/or political, and many are sophisticated and abstract. Awesomely, some Mixel threads can become hundreds of collages long. There's an incredible community of artists forming around Mixel for iPad.

Little_frame

1 April 2012

Auto-reload for responsive grids

Since @mbrandonw and I both have new jobs, we're shelving a project for an iOS app called Little Frame. I dig the design work we put into the project, so I'm publishing the unfinished marketing site here as a demo. The demo (Webkit desktop browser only) is heavily in debt to nclud's Beercamp 2011 site. Adobe Shadow seems to share some of the app's functionality.

Little Frame lets web developers specify a number of columns and a baseline for their mobile web designs for up to three different devices. These might include an iPhone, iPad and a specific Android device. Views of these three devices with a column and baseline grid overlay would subsequently appear in the Little Frame iPad app. At any time, the developer could then press save on a bit of code and not only would the browser auto-reload, but so would the device views in the Little Frame iPad app. This was like instantly seeing a code change on up to four devices at once and could speed up development time for any modern front-end web developer.

Hashable

8 October 2011

Hashable

Hashable is a personal contacts manager that's full of social features. I've designed web, Android and iOS interfaces there for the past year. Here's a look at the new desktop web app that I've created with @angisingh.

For this project we decided to re-imagine the page-based Hashable web app as more of a single-view experience. Beyond that, we wanted to make the new web app feel more professional and functional. We left behind some of the social game experiences that Hashable had created earlier in its evolution, opting instead for a no nonsense, facts-only web browser experience.

My time at Hashable has been rewarding, as I've seen the start-up and its apps go through many iterations – each app evolving as the company's purpose has become more clearly defined. I particularly enjoyed this web project, as I was able to design fluidly – moving comfortably between wireframes, comps and markup in the web browser.

Cloud_ass

13 August 2011

Cloud Assassin is devilishly fun!

Cloud Assassin is a devilishly fun take on the game Assassin played on college campuses everywhere and now updated for iPhone and Android devices. Here's how it works: Invite a group of friends to play via text message. Players are assigned a random target. It's your job to take the target out by covertly snapping their photo. The last assassin standing wins!

Aaron, Joe, and Brandon started to build Cloud Assassin at a hackathon and later invited me to flesh it out. It was fun to dust off my Wacom tablet and make a few illustrations for the project. I developed Hairy Sands (a mustachioed detective) and Bridget Braun (a camera-toting undercover agent) as avatars that players could use to anonymously message each other while playing.

Osr_splash Osr_page

16 September 2010

On Stellar Rays

When Candice Madey – a curator whose taste and judgement I've admired since we worked together in Chelsea – decided to open her own art gallery in the Lower East Side, I excitedly jumped at the chance to create her logo and online identity.

Candice wanted the web presence for On Stellar Rays to stand out from the typical gallery site; at the same time, she wanted the artworks on the website to be featured prominently.

So we chose a bold logo idea that crashed letter forms and mirrored itself from left right, but could be easily cut in half whenever needed.

For the site, we decided upon a bold splash page that would mimic a full page Artforum ad – revealing details for the current exhibition. Inside the site I used a bold vertical nav placed near center, and then laid out the site according to eight rationally spaced columns. The whole thing uses Wordpress as a CMS.