OKFocus Portfolio 2010 - 2016


© 2016 OKFocus LLC.

20 Years of Creating Stuff On The Computer. Introduction by E.C.D., Ryder Ripps

Hey there! Thanks for viewing the OKFocus portfolio on your mobile device. My name is Ryder Ripps, I'm the founder and Creative director of OKFocus. We strive to create compelling work through clear and fun function.

Accolades – Forbes Magazine, 30 Under 30 Advertising Age, Creativity 50 Press – New York Times Creators Project The Fader Vice Speaker At – RISD, AIGA, Rhizome 7on7, Semi-Permanent, SXSW, Sotheby’s, Goethe Institute, Smithsonian, OTIS College Clients – M.I.A., Annapurna Pictures, Smirnoff, MOCA, Marc Jacobs, Kanye West, Mike Will Made-It, Nike, Instagram, Bruno Mars, Atlantic Records, Universal Records, Liberty Science Center, Diplo, Stone Island, Diesel, Red Bull, Kenzo, FOX, HBO, A24, VFILES, Been Trill, Tumblr, Paddles8, Google

Form without function is bad. Being a successful artist probably has more to do with who you hangout with these days. Or maybe it was always that way. Both my parents had their portraits painted by Warhol, got em in a trade. I grew up around art. I knew the importance of the “scene,” but popularity is measured differently now. People no longer look up from screens. Social capital comes by way of likes, follows, retweets. I was born in 1986. I grew up on the internet. I played Doom through a dial-up modem in 1995. I made earnest 3d graphics of dolphins jumping through hoops in Adobe Photoshop 3.0. I made a site in 2010 that allowed people to communicate in real-time with images, Dump.fm. It hosts over 2 million images and is still running, (Seems as though Facebook probably got the idea of real-time fav notifications from us) (You’re welcome Mr. Zuckerberg).. In 2009 I created an online museum for early internet graphics, and after that I worked for M.I.A. pontificating online with her many nights until well after 2am. That was before I bought a 1987 BMW convertible but after I rewrote Ginsberg’s Howl for the internet generation. Since I’ve been online tweets killed books. Images killed tweets. Clickbait killed images.I am the only member of a boy band who is proficient in CSS3 and has shot a campaign for Marc Jacobs. I’m an artist. I create physical work to freeze a moment of internet time. I once tried to create luxury email in 2008 while working at an advertising agency, my first job out of college. We were asked to brainstorm how Burberry might become “cooler” on the internet and figure out why luxury goods and the internet are essentially at odds. I told a creative director there that a luxury good is something those with enough money can stroll into a store and buy, while status online isn’t the same. Online clout comes from having a lot of followers or a Wikipedia entry, things that have little connection to what an individual can or can not afford. I explained this and introduced a concept that I felt was genius. I told him that we needed to merge these two disparate worlds, and create luxury email. The idea was that for $30,000 consumers could purchase a Burberry email address in order to flaunt their wealth and status within the virtual world. The creative director looked me right in the eye with inexcusable disgust and said, “that’s the worst idea I’ve ever heard” The following day I quit working at that agency and have been my own boss since – still on a mission to make luxury email a thing and innovate culture through multiple disciplines online. I’d say first experience in corporate advertising ended very well. OKFocus began in 2011 after I oversaw creative direction for VFiles and helped launch the brand. My team and I decided to start our own agency after that. Someone once told me that you cannot call yourself a creative director unless you are able to take the place of any one person under your command. I believe it. I write CSS because it’s efficient. We create our own backends because templates don’t understand us as individuals. We strive to be understood as humans and also as media. We believe good work exists outside of trends. Trends are just over simplifications of pithy new things. I am the only person you will ever meet who has spoken at RISD, knows how to pickle peppers and can write CSS with their eyes closed. Who has worked with Kanye West, The Wolfsonian Museum, Mike Will Made-It and spoken at The Smithsonian. I am not a rapper, but I do have a rap song dedicated to Tory Burch. My name has been published in 6 books, three of which are not in english. I had asthma, then I quit smoking. On my desk I have a large piece of driftwood. My mom makes the best chicken soup in the world. I made a documentary about it when I was 15 and it aired on public television. I think microscopes and telescopes are equally as cool. I wonder how the universe started while at the same time wondering if it would even be gratifying to really know. I am looking for new experiences, to become a better person, to help others, to have fun, to be honest, to contribute something new, to be myself, to love and be loved and I am glad you are reading this. Please don’t hesitate to ask questions.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2016 Annapurna Pictures Portfolio Website annapurna.pictures
  • Web Development
  • Graphic Design
  • Back-End Development
Annapurna Pictures is one of the world’s leading production companies – with titles such as Spring Breakers and Zero Dark Thirty. We created a site to show off all their amazing projects. Often times we build bespoke back-ends to match the specific needs of the content, as opposed to using an off the shelf template. This allows us to be very flexible and create sites unlike any other.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2015 G.O.O.D. Music / Kanye West Website / Digital Direction good-music.com
  • Web Development
  • Digital Creative Direction
  • Back-End Development
We have worked with Kanye West in various capacities since 2014. In 2015 the Good Music website’s first iteration was launched to premiere a title track from the new Pusha-T album. We are always looking to create new ways for users to engage with content, in this case, they must hold their mouse down to listen to the song and view some beautiful animating birds.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2016 Stone Island Stone Island App View in App Store
  • iPhone / Android Dev
  • Back-End Development
Stone Island is a premier Italian fashion label specializing in sportswear made with innovative materials. We created an e-commerce app for iPhone and Android with a custom back-end allowing the brand to push out new releases. Also included is an in-depth archive going back over 30 years, giving fans/consumers reason to get the app beyond just shopping.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2015 Marc Jacobs Alice in Wonderland Collection View Lookbook
  • Creative Direction
  • Photography
  • Post Production
  • Model Casting
In collaboration with Disney, this lookbook was created for a Marc by Marc Jacobs collection inspired by the 1951 film, "Alice in Wonderland." The model, Chad Woodhouse was discovered by Ripps on Instagram. The images in the lookbook combined 3D rendering and extensive retouching to recreate the surreal dreaminess within the original Disney film, within the project's constraints.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2015 OKFocus Times New Ramen timesnewramen.com
  • Type Design
  • Viral Media
  • Noodle Consumption
Based on Times New Roman, Times New Ramen is arguably “most noodly serif font ever.” We created this font and released it into the world for free to make our love for typography and noodles known – the rest is history. Download Times New Ramen today!
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2015 Soylent Brand Development Contact to View Brand Book
  • Branding
  • Graphic Design
  • Strategy
  • Book Design
Soylent is a food product in the form of a powder that boldly claims to be able to fortify all your nutritional needs – effectively replacing food. They came to us with a tinfoil bag with a poorly designed sticker affixed to it. In turn, we built them a powerful brand that put function first – highlighting the product’s utilitarian appeal. We defined a new brand for them. Including a 77 page indepth brand-book, package design. Today, Soylent has raised over 10 Million dollars, has over 200,000 online subscribers and is about to launch retail nationwide
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2014 Soylent Ecom Website soylent.com
  • Ecom Dev
  • UX/UI
  • Design
It was important for the Soylent website to follow the same function first design philosophy that was set forth in our branding. Because we developed the brand as well, the consistency was ensured. Soylent has done nearly all its business online. We created a very robust e-commerce website for them to sell, and have they ever.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2015 Self/Red Bull Studios Alone Together View Case Study
  • Creative Direction
  • Art Installation
  • Real-Time App Networking
Alone Together was a site-specific exhibition for Red Bull Studios. As both sculpture and performance, Alone Together acts as a microcosm of the Internet, suggesting the following paradox – the more connected we are online, the more physically withdrawn we become.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2015 OKFocus Overlayer View in App Store
  • iPhone/ Android Dev
  • Back-End Development
  • Creative Direction
Overlayer is an iPhone app we built that allows users to apply transparent PNG files over images on their phone. The unique aspect of the app is the custom back-end we built for it, where admins can upload new Overlays at will, without having to re-upload the app with Apple, also complete with the ability to send out push notifications to users notifying them of the new Overlays.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2014 Diesel F/W 2014
  • Design
  • 3D Animation
  • Creative Direction
Working with Nicola Formichetti and Nick Knight, we facilitated video concepts and post production on the Fall / Winter 2014 ad campaign for Diesel. The imagery was surreal and fractured – creating sculpture out of human form and exaggerating models' features. Look closely at the image above, it moves in subtle ways, these videos were used as displays in store.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2014 Diplo Boy Oh Boy diplo.com/boyohboy
  • Graphic Design
  • Back-End Development
Contest held on Vine where users were asked to submit videos for Diplo track, Boy Oh Boy. At the end of the contest, the best videos were edited together as the official music video. Over 200k videos were submitted, extending a Vine dance craze into an official music video.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2014 OKFocus Emoji Zone emoji.zone
  • Graphic Design
  • Fancy Web Stuff
  • Attention Generation
Super sick self initiated website with flying emojis everywhere. Sometimes we make awesome stuff, just because we can, no money needed. This site is a good example of how beautiful interaction has long legs when executed well.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2014 Red Bull Red Bull Music Academy nyc.redbullmusicacademy.com
  • Graphic Design
  • Creative Direction
  • Back-End Development
We have had an ongoing relationship with Red Bull and the Red Bull Music Academy. We created several websites for the Academy including a three dimensional calendar for their annual event as well as a website to announce their Tokyo program and where prospective students of the academy could apply. All the sites we have done for RBMA have been highly utilitarian, yet with features that act as marketing, drawing natural attention to rich content.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2014 Wolfsonian Power of Design 2014 powerofdesign.wolfsonian.org
  • Graphic Design
  • Branding
  • Back-End Development
  • Book Design
Wolfsonian is a premiere museum in Miami that celebrates industry and design. We helped them create a new annual event titled Power of Design, creating the identity for the event
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2014 Kenzo No Fish, No Nothing kenzo.com/nofishnonothing
  • Graphic Design
  • Creative Direction
  • Web Development
Top fashion brand, Kenzo, created a collection with not for profit organization to bring awareness to the global issue of Overfishing. To merge the collection with this issue, we created an adventurous 3D scroller from highlighting the plight of the worlds oceans. Creating an extensive narrative with nothing but CSS and a touch of Javascript used for rendering.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2014 OKFocus Arial Vs. Helvetica arialvshelvetica.com
  • Design
  • Fun
  • Viral
Everyone is always arguing about which font is better, is it Arial or Helvetica. Most everyone says Helvetica is BY FAR much much better. We made a simple fun website to compare the two fonts, you be the judge :) Are they really all that different? Can't we all just get along?
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2014 Mike Will Made-It Personal website mikewillmade.it
  • Graphic Design
  • Creative Direction
  • Web Development
Mike Will Made-It is one of the most prolific hip-hop producers, executive producing Miley Cyrus and with credits on many Rihanna, Future, Gucci Mane hits. We created a site that shows of his catalog of number one hits through users pushing keys on their keyboard, effectively “playing” his portfolio. We also have done creative direction for Mike Will Made-It, defining his graphic standards on the web, and off.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 OKFocus Drake Shake App View in App Store
  • iPhone / Android Dev
  • Back-End Development
One of the most popular apps of all time, Drake Shake allows you to add Drake to any photo with a simple shake! The app has gained well over a million downloads since its launch and created even more images of people posing with Drake.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 Nike Nike - Hyperfeel 1948london.com
  • Creative Direction
  • Graphic Design
  • Back-End Development
For the launch of Nike’s Hyperfeel shoe a gallery space in London was created complete with art which hosted workshops showcasing the shoe’s lightness and agility. We created a website featuring a custom back-end for the workshop sign-ups as well as our own signature 360˚ panoramic HTML5 solution where users from anywhere in the world could experience the space with full 360˚ panoramic views. In addition to the site, we also facilitated the production of panoramic photography of the space.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 Bruno Mars Treasure Dance treasuredance.com
  • Creative Direction
  • Web Development
In collaboration with Instagram to launch their new video feature, Treasure Dance was an interactive Bruno Mars music video where users would submit their own dances with a hash-tag to collectively join the video. We built a custom back-end for Atlantic Records where they could approve and disapprove videos pulled from Instagram API.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 OKFocus Newmoticons View in App Store
  • Creative direction
  • Web Development
We developed an in-house app and website that allows people to create new emoticons using Unicode symbols. The project came from a Twitter Ripps started in 2010 that gained 20k followers through tweeting new fun types of emoticons, before emojis were even a thing!
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 Been Trill Ecom Website beentrill.com
  • E-Commerce
  • Creative direction
  • Back-End Development
We have been working with infamous streetwear company Been Trill since their start. We designed and built their e-commerce website, which was like no other on the internet. Products were displayed in 3D space and the site featured an animated GIF social network where fans could create and share animations.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 Paddle 8/Tumblr Paddles On paddleson.tumblr.com
  • Branding
  • Creative direction
  • Web Development
In collaboration with Tumblr and art auction platform Paddle8 we did the branding and web development for the world’s first digital art auction. The site has really cool animations and minimal graphic design that was also applied to print materials throughout the auction.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 FOX ADHD foxadhd.com
  • Creative Direction
  • Web Development
We were approached by Animation Domination High Definition, a block of animated content airing on FOX Saturday nights, to create a website to house their content in a way that would be apropos to their young and internet aware audience. For this we invented a method to create GIF animations directly from the shows, a feature that has since been copied by several leading networks.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 Google Crisis Response google.org/crisisresponse
  • Front-End Development
  • Web Animation
  • UX/UI
Google asked us to make a site to educate on their Crisis Response efforts. The site educates consumers on Google’s crisis response tools. It offers a custom experience for each user depending on their location, the time and weather – the website fully changed styles depending on the users location, weather and time of day. This site was made with advanced HTML5 methods of animation.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 The Met 82nd and 5th 82nd-and-fifth.metmuseum.org
  • Web Development
Working with CHIPS–NY we developed a site for The Metropolitan Museum of Art that was snappy and beautiful, showcasing intimate videos from curators recounting their favorite works from the museum. Our focus was the dynamic front page animation, which changed with the new works featured.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2013 Intel/Creators Project Tanlines: Not The Same notthesa.me
  • Creative Direction
  • Web Development
Commissioned by Intel/The Creators Project we created an in-browser music video and in doing so pioneered Alpha Channel Video – a technique allowing for layering HTML5 video elements. The website allows users to deconstruct the audio and video, creating their own versions. The site transposes the familiar interface of Adobe Photoshop – as we believe even website’s with new functions shouldn’t come with manuals rather they should naturally inspire play from the getgo.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2012 Google Draw With Your Face, Hangout Experiment View in Hangouts
  • Python Development
  • API Development
  • Sustaining Sanity
We were challenged by Google to help them make Hangouts better. In just two weeks we created a game allowing players to “draw with their face” using while opponents try to guess the drawing’s subject. This project was not just fun, it helped Google make a better API for Hangouts. Its a good example of our abilities to innovate quickly.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2012 Svpply Tug Of Store
  • E-Commerce
  • Graphic Design
  • Back-End Development
An early experiment in real-time web experience, this site for taste making social network, Svpply, allowed users to collectively decide if a product was “cool” or “crap.” The sea of cursors updated real-time as users would click on one side or another, effectively playing a massive group tug of war, choosing the fate of a product within Svpply’s database. Svpply soon after was purchased by eBay.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2012 Item Idem Personal website item-idem.com
  • E-Commerce
  • Graphic Design
  • Back-End Development
One of our favorite collaborations with artist and consumer culture appropriator, Item Idem. Since his work is all about the space between high and low culture and the appropriation of brand iconography, we fashioned his portfolio website to appear as if to be an e-commerce website. The “concept cart” is complete with a checkout where users can save a custom PDF of the artist’s work.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2012 OKFocus Where's The Pixel wheresthepixel.com
  • Web Development
Website we created in a couple hours, released the same day and went on to go viral garnering over 100k hits the same day. Where’s The Pixel is a self explanatory website where users have to locate and click a single pixel on the screen. From the success of the site, we also created an iPhone app bearing the name, on it users can “buy a bigger pixel” for a mere dollar.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2012 MOCA Ends of the Earth: Land Art moca.org/landart
  • Creative Direction
  • Web Development
  • Google Maps API
This interactive site was created for The Museum of Contemporary Art in Los Angeles seminal exhibit of Land Art, Ends of The Earth. Visitors travel the world, viewing art from the exhibition through satellite and Streetview imagery provided by Google APIs. This form of navigating offers a new use to an otherwise utilitarian tool never before used to navigate and learn about art.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2011 Smirnoff Dance Exchange danceexchange.net
  • Photography
  • Graphic Design
  • Web Development
The Smirnoff Dance Exchange was a day long global party happening in 12 cities around the world. We built a photo-booth that would capture GIF animations of party-goers dancing and post it to a website we created. The images also served as the backdrop to the main event, a Madonna concert in New York City.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2011 VFILES VFILES vfiles.com
  • Creative Direction
  • E-Commerce
  • Web Development
Before OKFocus formally began, the team was employed by an extension of V Magazine to create a digital offshoot. As lead Creative Director, Ryder Ripps, created the name, brand core team and driving concepts behind what went on to be one of the most hip fashion websites in the world.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2010 M.I.A. /\/\/\Y/\ facefacefacebook.com
  • Creative Director
  • Web Development
  • Promotion
Beginning in 2010, Ripps creative directed and designed many key assets for artist MIA’s album, /\/\/\Y/\ and the subsequent mixtape, Vicki Leekx. One of the sites released, facefacefacebook.com, used webcam face tracking technology to allow fans to create their own version of her album cover by overlaying YouTube bars onto their own face.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2010 OKFocus Dump.fm dump.fm
  • Graphic Design
  • Back-End Development
  • Social Media Platform
Before Instagram, before Snapchat and when Tumblr was thought of as a “blogging” platform – there was dump.fm. Ripps created dump.fm as a means to use images to chat. The site became a hotbed of NetArt and memes. It is still very active and hosts over 2 million images with over 150,000 user accounts! How many agencies have created active social networks lasting over five years?
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2010 OKFocus Internet Archaeology internetarchaeology.org
  • Web Development
  • other things
Internet Archaeology was the first major self initiated project by OKFocus creative director, Ryder Ripps. As a response to Yahoo pulling the plug on GeoCities. Internet Archaeology archived, presented and re-imagined early internet ephemera for a new audience. Preceding the revival of GIFs and late 90s aesthetic, Internet Archaeology fostered the net trends in art and fashion to come.
YEAR CLIENT TITLE NATURE OF WORK BRIEF  
2010 Various Album Covers
  • Graphic Design
From time to time the task of making or aiding in the production of an album cover falls on my lap. As a huge music fan I am happy to step in and work on these. Credits include Rae Sremmurd, James Pants, Mike Will, M.I.A, Wiz Khalifa. Hire us to make an album cover, it’ll be a great album cover if you do.