summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--db.json208
1 files changed, 109 insertions, 99 deletions
diff --git a/db.json b/db.json
index 8715f6a..6307d24 100644
--- a/db.json
+++ b/db.json
@@ -31,23 +31,28 @@
"alternateTitle": ""
},
{
- "id": "portfolio-website",
- "title": "Portfolio Website",
- "alternateTitle": "",
+ "id": "annapurna-pictures",
+ "title": "Annapurna Pictures",
+ "alternateTitle": "Portfolio Website",
"year": 2016,
"client": "Annapurna Pictures",
- "link": "annapurna.pictures ",
+ "link": "http://annapurna.pictures/",
"NatureOfWork": "Web Development\r\nGraphic Design\r\nBack-End Development",
"brief": "Annapurna Pictures is one of\r\nthe world’s leading production\r\ncompanies – with titles such as\r\nSpring Breakers and Zero Dark\r\nThirty. We created a site to show\r\noff all their amazing projects. Often\r\ntimes we build bespoke back-ends\r\nto match the specific needs of the\r\ncontent, as opposed to using an off\r\nthe shelf template. This allows us\r\nto be very flexible and create sites\r\nunlike any other.",
"media": [
{
+ "uri": "http://159.203.133.91/",
+ "caption": "",
+ "type": "link"
+ },
+ {
"uri": "https://ltho.s3.amazonaws.com/4be1663d-4d42-447d-97fe-495282dec3f3.png",
"caption": "",
"type": "image"
}
],
"containImage": "true",
- "__index": 0,
+ "__index": "0",
"dateCreated": "Sun, 03 Apr 2016 18:34:40 GMT",
"press": [
{
@@ -57,16 +62,16 @@
]
},
{
- "id": "stone-island-app",
- "title": "Stone Island App",
- "alternateTitle": "",
+ "id": "stone-island",
+ "title": "Stone Island",
+ "alternateTitle": "Stone Island App",
"year": 2016,
"client": "Stone Island",
- "link": "View in Itunes ",
- "NatureOfWork": "iPhone/ Android Dev\r\nBack-End Development",
- "brief": "Stone Island is a premier Italian fashion\r\nlabel specializing in the outdoors clothing\r\nwith innovative materials. We created an\r\ne-commerce app for iPhone and Android\r\nwith a custom back-end allowing the\r\nbrand to push out new releases",
+ "link": "https://itunes.apple.com/us/app/stone-island/id1064359099?mt=8",
+ "NatureOfWork": "iPhone / Android Dev\r\nBack-End Development",
+ "brief": "Stone Island is a premier Italian fashion\r\nlabel specializing in the outdoors clothing\r\nwith innovative materials. We created an\r\ne-commerce app for iPhone and Android\r\nwith a custom back-end allowing the\r\nbrand to push out new releases.",
"containImage": "true",
- "__index": 1,
+ "__index": "1",
"dateCreated": "Sun, 03 Apr 2016 18:40:41 GMT",
"media": [
{
@@ -83,16 +88,16 @@
]
},
{
- "id": "alice-in-wonderland-collection",
- "title": "Alice in Wonderland Collection",
- "alternateTitle": "",
+ "id": "marc-jacobs",
+ "title": "Marc Jacobs",
+ "alternateTitle": "Alice in Wonderland Collection",
"year": 2015,
"client": "Marc Jacobs",
"link": "http://okfocus.s3.amazonaws.com/images/marc/Marc_Jacobs-I_Am_Not_Like_Other_Girls-Lookbook.pdf",
"NatureOfWork": "Creative Direction\r\nPhotography\r\nPost Production\r\nModel Casting",
"brief": "In collaboration with Disney, this\r\nlookbook was created for a Marc by\r\nMarc Jacobs collection inspired by\r\nthe 1951 animated film. The model,\r\nChad Woodhouse was discovered\r\nby Ripps on Instagram. The images\r\nin the lookbook combined 3D\r\nrendering and extensive retouching\r\nto recreate the surreal dreaminess\r\nwithin the original Disney film, within\r\nthe project's constraints.",
"containImage": "true",
- "__index": 2,
+ "__index": "2",
"dateCreated": "Sun, 03 Apr 2016 18:56:57 GMT",
"media": [
{
@@ -113,8 +118,8 @@
"title": "G.O.O.D. MUSIC",
"alternateTitle": "Website / Digital Direction",
"year": 2015,
- "client": "G.O.O.D. Music/ Kanye West",
- "link": "good-music.com",
+ "client": "G.O.O.D. Music / Kanye West",
+ "link": "http://good-music.com/",
"NatureOfWork": "Web Development\r\nDigital Creative Direction\r\nBack-End Development",
"brief": "We have worked with Kanye West\r\nin various capacities since 2014. On\r\n2015 the Good Music website’s first\r\niteration was launched to premiere\r\na title track from the new Pusha-T\r\nalbum. We are always looking\r\nto create new ways for users to\r\nengage with content, in this case,\r\nthey must hold their mouse down\r\nto listen to the song and view some\r\nbeautiful animating birds.",
"media": [
@@ -125,7 +130,7 @@
}
],
"containImage": "true",
- "__index": 3,
+ "__index": "3",
"dateCreated": "Sun, 03 Apr 2016 19:03:41 GMT",
"press": [
{
@@ -140,7 +145,7 @@
"alternateTitle": "",
"year": 2015,
"client": "OKFocus",
- "link": "",
+ "link": "http://timesnewramen.com/",
"NatureOfWork": "Type Design\r\nViral Media\r\nNoodle Consumption",
"brief": "In house font created to be the\r\nTimesNewRamen.com “most noodly serif font ever.”",
"media": [
@@ -161,12 +166,12 @@
"uri": "http://designtaxi.com/news/375040/Times-New-Ramen-Is-A-New-Cheeky-Noodle-Like-Font/"
}
],
- "__index": 4,
+ "__index": "4",
"dateCreated": "Sun, 03 Apr 2016 19:05:52 GMT"
},
{
- "id": "soylent-",
- "title": "Soylent ",
+ "id": "soylent-brand-development",
+ "title": "Soylent Brand Development",
"alternateTitle": "Brand Development",
"year": 2013,
"client": "Soylent",
@@ -191,7 +196,7 @@
}
],
"containImage": "true",
- "__index": 6,
+ "__index": "6",
"dateCreated": "Sun, 03 Apr 2016 19:12:17 GMT",
"press": [
{
@@ -201,13 +206,13 @@
]
},
{
- "id": "soylent",
- "title": "Soylent",
+ "id": "soylent-website",
+ "title": "Soylent Website",
"alternateTitle": "Ecom Website",
"year": 2014,
"client": "Soylent",
- "link": "soylent.com",
- "NatureOfWork": "* Ecom Dev\r\n* UX/UI\r\n* Design",
+ "link": "http://soylent.com/",
+ "NatureOfWork": "Ecom Dev\r\nUX/UI\r\nDesign",
"brief": "Soylent has done nearly all its\r\nbusiness online. We created a very\r\nrobust e-commerce website for\r\nthem to sell, and have they ever!",
"containImage": "false",
"press": [
@@ -224,7 +229,7 @@
"uri": "http://www.newyorker.com/magazine/2014/05/12/the-end-of-food"
}
],
- "__index": 5,
+ "__index": "5",
"dateCreated": "Sun, 03 Apr 2016 19:23:53 GMT",
"media": [
{
@@ -240,9 +245,9 @@
"alternateTitle": "Portfolio Website",
"year": 2015,
"client": "Two Hustlers",
- "link": "twohustlers.com",
- "NatureOfWork": "Creative Direction\r\nGraphic Design\r\nBack-end Dev.",
- "brief": "Headed by Nicola Formichetti, Two\r\nHustlers is a creative agency who\r\nleads direction for brands such as\r\nH&M, Diesel, Mugler, Lady Gaga,\r\nMAC and others. We build them a\r\nsick website with this crazy pure CSS\r\n3d fractured orb, the site is built\r\nbespoke, with our own CMS.",
+ "link": "http://twohustlers.com/",
+ "NatureOfWork": "Creative Direction\r\nGraphic Design\r\nBack-end Development",
+ "brief": "Headed by Nicola Formichetti, Two\r\nHustlers is a creative agency who\r\nleads direction for brands such as\r\nH&M, Diesel, Mugler, Lady Gaga,\r\nMAC and others. We build them a\r\nsick website with this crazy pure CSS\r\n3D fractured orb, the site is built\r\nbespoke, with our own CMS.",
"media": [
{
"uri": "https://ltho.s3.amazonaws.com/b543dda4-d8bb-4978-9c1c-25872a949c3a.png",
@@ -257,7 +262,7 @@
"uri": ""
}
],
- "__index": 7,
+ "__index": "7",
"dateCreated": "Sun, 03 Apr 2016 19:28:24 GMT"
},
{
@@ -397,9 +402,9 @@
"brief": "Super sick self initiated website\r\nwith flying emojis everywhere.\r\nSometimes we make awesome stuff,\r\njust because we can, no money\r\nneeded. This site is a good example\r\nof how beautiful interaction has long\r\nlegs when executed well.",
"media": [
{
- "uri": "https://ltho.s3.amazonaws.com/157580e9-68a5-4c4b-adf7-01e194ad0ab7.png",
+ "uri": "http://emoji.zone",
"caption": "",
- "type": "image"
+ "type": "link"
}
],
"containImage": "true",
@@ -417,7 +422,7 @@
"uri": "http://www.theverge.com/2014/5/28/5758236/you-have-to-click-this-but-you-dont-know-why"
}
],
- "__index": 12,
+ "__index": "12",
"dateCreated": "Sun, 03 Apr 2016 20:22:04 GMT"
},
{
@@ -452,7 +457,7 @@
"alternateTitle": "",
"year": 2014,
"client": "Wolfsonian",
- "link": "powerofdesign.wolfsonian.org",
+ "link": "http://powerofdesign.wolfsonian.org/",
"NatureOfWork": "Graphic Design\r\nBranding\r\nBack-End Development\r\nBook Design",
"brief": "Wolfsonian is a premiere museum\r\nin Miami that celebrates industry\r\nand design. We helped them create\r\na new annual event, titled, Power of\r\nDesign, creating the identity for the\r\nevent",
"media": [
@@ -474,7 +479,7 @@
"uri": ""
}
],
- "__index": 14,
+ "__index": "14",
"dateCreated": "Sun, 03 Apr 2016 20:27:57 GMT"
},
{
@@ -483,7 +488,7 @@
"alternateTitle": "",
"year": 2014,
"client": "Kenzo",
- "link": "kenzo.com/NoFishNoNothing",
+ "link": "http://okfoc.us/kenzo/",
"NatureOfWork": "Graphic Design\r\nCreative Direction\r\nWeb Development",
"brief": "Top fashion brand, Kenzo, created a\r\ncollection with not for profit organization\r\nto bring awareness to the global issue of\r\nOverfishing. To merge the collection with\r\nthis issue, we created an adventurous\r\n3D scroller from highlighting the plight of\r\nthe worlds oceans. Creating an extensive\r\nnarrative with nothing but CSS and a\r\ntouch of Javascript used for rendering.",
"media": [
@@ -508,18 +513,18 @@
"uri": "http://www.theverge.com/2014/5/28/5758236/you-have-to-click-this-but-you-dont-know-why"
}
],
- "__index": 15,
+ "__index": "15",
"dateCreated": "Sun, 03 Apr 2016 20:36:13 GMT"
},
{
- "id": "mike-will-made-it-website",
- "title": "Mike Will Made it Website",
- "alternateTitle": "",
+ "id": "mike-will-made-it",
+ "title": "Mike Will Made-It",
+ "alternateTitle": "Personal website",
"year": 2014,
- "client": "Mike Will Made it",
- "link": "",
+ "client": "Mike Will Made-It",
+ "link": "http://mikewillmade.it/",
"NatureOfWork": "Graphic Design\r\nCreative Direction\r\nWeb Development",
- "brief": "Mike Will Made-It is one of the most\r\nprolific hip-hop producers, executive\r\nproducing Miley Cyrus and with\r\ncredits on many Rhianna, Future,\r\nGucci Mane hits. We created a site\r\nthat shows of his catalog of number\r\none hits through users pushing\r\nkeys on their keyboard, effectively\r\n“playing” his portfolio. We also have\r\ndone creative direction for Mike\r\nWill Made-It, defining his graphic\r\nstandards on the web, and off",
+ "brief": "Mike Will Made-It is one of the most\r\nprolific hip-hop producers, executive\r\nproducing Miley Cyrus and with\r\ncredits on many Rihanna, Future,\r\nGucci Mane hits. We created a site\r\nthat shows of his catalog of number\r\none hits through users pushing\r\nkeys on their keyboard, effectively\r\n“playing” his portfolio. We also have\r\ndone creative direction for Mike\r\nWill Made-It, defining his graphic\r\nstandards on the web, and off.",
"media": [
{
"uri": "https://ltho.s3.amazonaws.com/f9a1d217-9120-437a-b9af-43ba7ac8dd1c.png",
@@ -534,7 +539,7 @@
"uri": ""
}
],
- "__index": 16,
+ "__index": "16",
"dateCreated": "Sun, 03 Apr 2016 20:39:45 GMT"
},
{
@@ -544,8 +549,8 @@
"year": 2013,
"client": "OKFocus",
"link": "drakeshake.com",
- "NatureOfWork": "iPhone/ Android Dev\r\nBack-End Development",
- "brief": "One of the most popular apps of all\r\ntime, Drake Shake allows you to add\r\nDrake to any photo with a simple\r\nshake! The app has gain well over a\r\nmillion downloads since its launch\r\nand created even more images of\r\npeople posing with Drake.",
+ "NatureOfWork": "iPhone / Android Dev\r\nBack-End Development",
+ "brief": "One of the most popular apps of all\r\ntime, Drake Shake allows you to add\r\nDrake to any photo with a simple\r\nshake! The app has gained well over a\r\nmillion downloads since its launch\r\nand created even more images of\r\npeople posing with Drake.",
"media": [
{
"uri": "https://ltho.s3.amazonaws.com/ff8732a5-764b-4b14-8d66-3d66206d933f.png",
@@ -564,7 +569,7 @@
"uri": "http://www.businessinsider.com/drake-shake-photo-app-2013-12"
}
],
- "__index": 17,
+ "__index": "17",
"dateCreated": "Sun, 03 Apr 2016 20:45:42 GMT"
},
{
@@ -573,11 +578,11 @@
"alternateTitle": "",
"year": 2013,
"client": "Nike",
- "link": "1948London",
+ "link": "http://www.1948london.com/pano",
"NatureOfWork": "Creative Direction\r\nGraphic Design\r\nBack-End Development",
"brief": "For the launch of Nike’s Hyperfeel\r\nshoe a gallery space in London was\r\ncreated complete with art which hosted\r\nworkshops showcasing the shoe’s\r\nlightness and agility. We created a\r\nwebsite featuring a custom back-end for\r\nthe workshop sign-ups as well as our own\r\nsignature 360˚ panoramic HTML5 solution\r\nwhere users from anywhere in the world\r\ncould experience the space with full 360˚\r\npanoramic views. In addition to the site,\r\nwe also facilitated the production the\r\npanoramic photography of the space.",
"containImage": "true",
- "__index": 18,
+ "__index": "18",
"dateCreated": "Sun, 03 Apr 2016 21:01:37 GMT",
"media": [
{
@@ -599,7 +604,7 @@
"alternateTitle": "",
"year": 2013,
"client": "Bruno Mars",
- "link": "treasuredance.com",
+ "link": "http://treasuredance.com/",
"NatureOfWork": "Creative Direction\r\nWeb Development",
"brief": "In collaboration with Instagram to launch\r\ntheir new video feature, Treasure Dance\r\nwas an interactive Bruno Mars music\r\nvideo where users would submit their\r\nown dances with a hash-tag to collectively\r\njoin the video. We built a custom back-end\r\nfor Atlantic Records where they could\r\napprove and disapprove videos pulled\r\nfrom Instagram API.",
"media": [
@@ -620,7 +625,7 @@
"uri": "http://www.mtv.com/news/1711034/bruno-mars-treasure-interactive-instagram/"
}
],
- "__index": 20,
+ "__index": "20",
"dateCreated": "Sun, 03 Apr 2016 21:05:44 GMT"
},
{
@@ -629,7 +634,7 @@
"alternateTitle": "",
"year": 2013,
"client": "OKFocus",
- "link": "",
+ "link": "https://itunes.apple.com/us/app/newmoticons/id733142726?mt=8",
"NatureOfWork": "Creative direction\r\nWeb Development",
"brief": "We developed an in-house app and\r\nwebsite that allows people to create new\r\nemoticons using Unicode symbols. The\r\nproject came from a Twitter Ripps started\r\nin 2010 that gained 20k followers through\r\ntweeting new fun types of emoticons,\r\nbefore emojis were a thing!",
"media": [
@@ -659,16 +664,16 @@
"uri": "http://uk.complex.com/pop-culture/2013/09/newmoticons"
}
],
- "__index": 19,
+ "__index": "19",
"dateCreated": "Sun, 03 Apr 2016 21:10:21 GMT"
},
{
- "id": "ecom-website",
- "title": "Ecom Website",
- "alternateTitle": "",
+ "id": "been-trill",
+ "title": "Been Trill",
+ "alternateTitle": "Ecom Website",
"year": 2013,
"client": "Been Trill",
- "link": "beentrill.com",
+ "link": "http://beentrill.com/",
"NatureOfWork": "E-Commerce\r\nCreative direction\r\nBack-End Development",
"brief": "We began working with infamous streetwear\r\ncompany, Been Trill, since their start.\r\nWe designed and built their e-commerce\r\nwebsite, which was like no other on the\r\ninternet. Products were displayed in 3D\r\nspace and the site featured an animated\r\nGIF social network where fans could\r\ncreate and share animations.",
"media": [
@@ -685,16 +690,16 @@
"uri": "http://showstudio.com/blog/post/been_trill_new_site"
}
],
- "__index": 21,
+ "__index": "21",
"dateCreated": "Sun, 03 Apr 2016 21:11:32 GMT"
},
{
- "id": "paddle-on",
- "title": "Paddle On",
+ "id": "paddles-on",
+ "title": "Paddles On",
"alternateTitle": "",
"year": 2013,
"client": "Paddle 8/Tumblr",
- "link": "paddleson.tumblr.com",
+ "link": "http://paddleson.tumblr.com/",
"NatureOfWork": "Branding\r\nCreative direction\r\nWeb Development",
"brief": "In collaboration with Tumblr and art\r\nauction platform Paddle8 we did the\r\nbranding and web development for\r\nthe world’s first digital art auction.\r\nThe site has really cool animations\r\nand minimal graphic design that\r\nwas also applied to print materials\r\nthroughout the auction.",
"media": [
@@ -711,7 +716,7 @@
"uri": "http://www.forbes.com/sites/katherynthayer/2013/10/22/going-once-going-twice-phillips-puts-gifs-on-auction/#4ef607f058ff"
}
],
- "__index": 22,
+ "__index": "22",
"dateCreated": "Sun, 03 Apr 2016 21:13:35 GMT"
},
{
@@ -720,7 +725,7 @@
"alternateTitle": "",
"year": 2013,
"client": "FOX",
- "link": "foxadhd.com",
+ "link": "http://foxadhd.com/",
"NatureOfWork": "Creative Direction\r\nWeb Development",
"brief": "We were approached by Animation\r\nDomination High Definition, a block\r\nof animated content airing on FOX\r\nSaturday nights, to create a website\r\nto house their content in a way that\r\nwould be apropos to their young and\r\ninternet aware audience. For this\r\nwe invented a method to create GIF\r\nanimations directly from the shows,\r\na feature that has since been copied\r\nby several leading networks.",
"media": [
@@ -737,7 +742,7 @@
"uri": ""
}
],
- "__index": 23,
+ "__index": "23",
"dateCreated": "Sun, 03 Apr 2016 21:17:55 GMT"
},
{
@@ -746,7 +751,7 @@
"alternateTitle": "",
"year": 2013,
"client": "Google",
- "link": "Google.org/CrisisResponse",
+ "link": "http://okfoc.us/300/crisisresponse/",
"NatureOfWork": "Front-End Development\r\nWeb Animation\r\nUX/UI",
"brief": "Google asked us to make a site to\r\neducate on their Crisis Response\r\nefforts. The site educates consumers\r\non Google’s crisis response tools. It\r\noffers a custom experience for each\r\nuser depending on their location,\r\nthe time and weather – the website\r\nfully changed styles depending on\r\nthe users location, weather and\r\ntime of day. This site was made\r\nwith advanced HTML5 methods of\r\nanimation.",
"media": [
@@ -763,16 +768,16 @@
"uri": ""
}
],
- "__index": 24,
+ "__index": "24",
"dateCreated": "Sun, 03 Apr 2016 21:20:11 GMT"
},
{
- "id": "82nd-and-5th",
- "title": "82nd and 5th",
- "alternateTitle": "",
+ "id": "the-met-82nd-and-5th",
+ "title": "The Met - 82nd and 5th",
+ "alternateTitle": "82nd and 5th",
"year": 2013,
"client": "The Met",
- "link": "82nd-and-fifth.metmuseum. org",
+ "link": "http://82nd-and-fifth.metmuseum.org/",
"NatureOfWork": "Web Development",
"brief": "Working with CHIPS–NY\r\nwe developed a site for The\r\nMetropolitan Museum of Art\r\nthat was snappy and beautiful,\r\nshowcasing intimate videos from\r\ncurators recounting their favorite\r\nworks from the museum. Our\r\nfocus was the dynamic front page\r\nanimation, which changed with the\r\nnew works featured.",
"media": [
@@ -789,18 +794,18 @@
"uri": ""
}
],
- "__index": 25,
+ "__index": "25",
"dateCreated": "Sun, 03 Apr 2016 21:22:49 GMT"
},
{
"id": "tanlines-not-the-same",
- "title": "Tanlines : Not The Same",
+ "title": "Tanlines: Not The Same",
"alternateTitle": "",
"year": 2013,
"client": "Intel/Creators Project",
"link": "www.notthesa.me/",
"NatureOfWork": "Creative Direction\r\nWeb Development",
- "brief": "Commissioned by Intel/The Creators\r\nProject we created an in browser music\r\nvideo and in doing so pioneered Alpha\r\nChannel Video – a technique allowing\r\nfor layering HTML5 video elements. The\r\nwebsite allows users to deconstruct\r\nthe audio and video, creating their own\r\nversions. The site transposes the familiar\r\ninterface of Adobe Photoshop – as we\r\nbelieve even website’s with new functions\r\nshouldn’t come with manuals rather they\r\nshould naturally inspire play from the getgo.",
+ "brief": "Commissioned by Intel/The Creators\r\nProject we created an in-browser music\r\nvideo and in doing so pioneered Alpha\r\nChannel Video – a technique allowing\r\nfor layering HTML5 video elements. The\r\nwebsite allows users to deconstruct\r\nthe audio and video, creating their own\r\nversions. The site transposes the familiar\r\ninterface of Adobe Photoshop – as we\r\nbelieve even website’s with new functions\r\nshouldn’t come with manuals rather they\r\nshould naturally inspire play from the getgo.",
"media": [
{
"uri": "https://ltho.s3.amazonaws.com/aa76d72e-cdee-4f6a-8d34-2f57972a464f.png",
@@ -819,9 +824,9 @@
"dateCreated": "Sun, 03 Apr 2016 21:24:03 GMT"
},
{
- "id": "draw-with-your-face-hangout-experiment",
- "title": "Draw With Your Face, Hangout Experiment",
- "alternateTitle": "",
+ "id": "draw-with-your-face",
+ "title": "Draw With Your Face",
+ "alternateTitle": "Draw With Your Face, Hangout Experiment",
"year": 2012,
"client": "Google",
"link": "http://www.experimentsplus.com/details/draw-with-your-face",
@@ -830,7 +835,7 @@
"media": [
{
"uri": "https://ltho.s3.amazonaws.com/b64d53ba-af07-4ef0-a16b-786eacafd979.png",
- "caption": "",
+ "caption": "70%",
"type": "image"
}
],
@@ -841,7 +846,7 @@
"uri": ""
}
],
- "__index": 27,
+ "__index": "27",
"dateCreated": "Sun, 03 Apr 2016 21:25:33 GMT"
},
{
@@ -852,7 +857,7 @@
"client": "Svpply",
"link": "",
"NatureOfWork": "E-Commerce\r\nGraphic Design\r\nBack-End Development",
- "brief": "An early experiment in real-time web\r\nexperience this site for taste making\r\nsocial network, Svpply, allowed users to\r\ncollectively decide if a product was “cool”\r\nor “crap.” The sea of cursors updated\r\nreal-time as users would click on one side\r\nor another, effectively playing a massive\r\ngroup tug of war, choosing the fate of a\r\nproduct within Svpply’s database. Svpply\r\nsoon after was purchased by eBay.",
+ "brief": "An early experiment in real-time web\r\nexperience, this site for taste making\r\nsocial network, Svpply, allowed users to\r\ncollectively decide if a product was “cool”\r\nor “crap.” The sea of cursors updated\r\nreal-time as users would click on one side\r\nor another, effectively playing a massive\r\ngroup tug of war, choosing the fate of a\r\nproduct within Svpply’s database. Svpply\r\nsoon after was purchased by eBay.",
"media": [
{
"uri": "https://ltho.s3.amazonaws.com/652f496b-6589-4377-bf53-9c772a0472d0.jpg",
@@ -871,7 +876,7 @@
"uri": "http://www.fastcocreate.com/1680558/tug-of-store-makes-the-e-commerce-api-fun"
}
],
- "__index": 28,
+ "__index": "28",
"dateCreated": "Sun, 03 Apr 2016 21:26:54 GMT"
},
{
@@ -880,7 +885,7 @@
"alternateTitle": "Personal website",
"year": 2012,
"client": "Item Idem",
- "link": "www.itemidem.com",
+ "link": "http://item-idem.herokuapp.com/",
"NatureOfWork": "E-Commerce\r\nGraphic Design\r\nBack-End Development",
"brief": "One of our favorite collaborations\r\nwith artist and consumer culture\r\nappropriator, Item Idem. Since his\r\nwork is all about the space between\r\nhigh and low culture and the\r\nappropriation of brand iconography,\r\nwe fashioned his portfolio website\r\nto appear as if to be an e-commerce\r\nwebsite. The “concept cart” is\r\ncomplete with a checkout where\r\nusers can save a custom PDF of the\r\nartist’s work.",
"media": [
@@ -906,9 +911,9 @@
"alternateTitle": "",
"year": 2012,
"client": "OKFocus",
- "link": "wheresthepixel.com",
+ "link": "http://www.wheresthepixel.com/",
"NatureOfWork": "Web Development",
- "brief": "Website we created in a couple hours\r\nreleased the same day and went on to\r\ngo viral garnering over 100k hits the\r\nsame day. Where’s The Pixel is a self\r\nexplanatory website where users have\r\nto locate and click a single pixel on the\r\nscreen. From the success of the site, we\r\nalso created an iPhone app bearing the\r\nname, on it users can “buy a bigger pixel”\r\nfor a mere dollar.",
+ "brief": "Website we created in a couple hours,\r\nreleased the same day and went on to\r\ngo viral garnering over 100k hits the\r\nsame day. Where’s The Pixel is a self\r\nexplanatory website where users have\r\nto locate and click a single pixel on the\r\nscreen. From the success of the site, we\r\nalso created an iPhone app bearing the\r\nname, on it users can “buy a bigger pixel”\r\nfor a mere dollar.",
"media": [
{
"uri": "https://ltho.s3.amazonaws.com/224526c8-11cb-4545-915e-c11e15b1bddc.png",
@@ -927,7 +932,7 @@
"uri": "http://motherboard.vice.com/blog/okfocus-on-the-business-value-of-a-good-internet-hoax-and-clowning-kanye-west"
}
],
- "__index": 30,
+ "__index": "30",
"dateCreated": "Sun, 03 Apr 2016 21:29:39 GMT"
},
{
@@ -941,6 +946,11 @@
"brief": "This interactive site was created for\r\nThe Museum of Contemporary Art in Los\r\nAngeles seminal exhibit of Land Art, Ends\r\nof The Earth. Visitors travel the world,\r\nviewing art from the exhibition through\r\nsatellite and Streetview imagery provided\r\nby Google APIs. This form of navigating\r\noffers a new use to an otherwise\r\nutilitarian tool never before used to\r\nnavigate and learn about art.",
"media": [
{
+ "uri": "http://okfoc.us/300/landart/",
+ "caption": "",
+ "type": "link"
+ },
+ {
"uri": "https://ltho.s3.amazonaws.com/b9ae7c1f-5ec7-4a82-994d-92b7927a8d3b.png",
"caption": "",
"type": "image"
@@ -957,16 +967,16 @@
"uri": "http://www.blouinartinfo.com/news/story/806536/spiral-jettys-just-a-click-away-la-moca-launches-online-land"
}
],
- "__index": 31,
+ "__index": "31",
"dateCreated": "Sun, 03 Apr 2016 21:30:57 GMT"
},
{
"id": "smirnoff-dance-exchange",
"title": "Smirnoff Dance Exchange",
- "alternateTitle": "",
+ "alternateTitle": "Dance Exchange",
"year": 2011,
"client": "Smirnoff",
- "link": "DanceExchange.net",
+ "link": "http://dance-exchange.herokuapp.com/",
"NatureOfWork": "Photography\r\nGraphic Design\r\nWeb Development",
"brief": "The Smirnoff Dance Exchange was\r\na day long global party happening in\r\n12 cities around the world. We built\r\na photo-booth that would capture\r\nGIF animations of party-goers\r\ndancing and post it to a website we\r\ncreated. The images also served as\r\nthe backdrop to the main event, a\r\nMadonna concert in New York City.",
"media": [
@@ -983,7 +993,7 @@
"uri": ""
}
],
- "__index": 32,
+ "__index": "32",
"dateCreated": "Sun, 03 Apr 2016 21:31:59 GMT"
},
{
@@ -992,7 +1002,7 @@
"alternateTitle": "",
"year": 2011,
"client": "VFILES",
- "link": "vfiles.com",
+ "link": "http://vfiles.com/",
"NatureOfWork": "Creative Direction\r\nE-Commerce\r\nWeb Development",
"brief": "Before OKFocus formally began, the\r\nteam was employed by an extension of\r\nV Magazine to create a digital offshoot.\r\nAs lead Creative Director, Ryder Ripps,\r\ncreated the name, brand core team and\r\ndriving concepts behind what went on to\r\nbe one of the most hip fashion websites in\r\nthe world.",
"media": [
@@ -1009,7 +1019,7 @@
"uri": "http://www.nytimes.com/2013/05/02/fashion/building-blocks-all-in-a-row.html?_r=0"
}
],
- "__index": 33,
+ "__index": "33",
"dateCreated": "Sun, 03 Apr 2016 21:34:34 GMT"
},
{
@@ -1018,8 +1028,8 @@
"alternateTitle": "",
"year": 2010,
"client": "M.I.A.",
- "link": "www.facefacefacebook.com",
- "NatureOfWork": "Creative Director\r\nWeb Development.\r\nPromotion",
+ "link": "http://www.facefacefacebook.com/",
+ "NatureOfWork": "Creative Director\r\nWeb Development\r\nPromotion",
"brief": "Beginning in 2010, Ripps creative directed\r\nand designed many key assets for\r\nartist MIA’s album, /\\/\\/\\Y/\\ and the\r\nsubsequent mixtape, Vicki Leekx. One of\r\nthe sites released, facefacefacebook.com,\r\nused webcam face tracking technology\r\nto allow fans to create their own version\r\nof her album cover by overlaying YouTube\r\nbars onto their own face.",
"media": [
{
@@ -1035,7 +1045,7 @@
"uri": "http://www.complex.com/style/2013/11/10-things-you-didnt-know-about-mias-visual-art-career/she-designed-a-series-of-art-websites-with-okfocus"
}
],
- "__index": 34,
+ "__index": "34",
"dateCreated": "Sun, 03 Apr 2016 21:35:41 GMT"
},
{
@@ -1090,9 +1100,9 @@
"alternateTitle": "",
"year": 2010,
"client": "OKFocus",
- "link": "dump.fm",
+ "link": "http://dump.fm/",
"NatureOfWork": "Graphic Design\r\nBack-End Development\r\nSocial Media Platform",
- "brief": "Before Instagram, before Snapchat\r\nand when Tumblr was thought of as a\r\n“blogging” platform – there was dump.\r\nfm. Ripps created dump.fm as a means\r\nto use images to chat. The site became\r\na hotbed of NetArt and memes. It is\r\nstill very active and hosts over 2 million\r\nimages with over 150,000 user accounts!\r\nHow many agencies have created active",
+ "brief": "Before Instagram, before Snapchat\r\nand when Tumblr was thought of as a\r\n“blogging” platform – there was dump.fm.\r\nRipps created dump.fm as a means\r\nto use images to chat. The site became\r\na hotbed of NetArt and memes. It is\r\nstill very active and hosts over 2 million\r\nimages with over 150,000 user accounts!\r\nHow many agencies have created active\r\nsocial networks lasting over five years?",
"media": [
{
"uri": "https://ltho.s3.amazonaws.com/4b4469b5-aca6-46de-8a76-5d3b40b306f5.gif",
@@ -1115,7 +1125,7 @@
"uri": "https://news.artnet.com/art-world/a-brief-history-of-animated-gif-art-part-two-78532"
}
],
- "__index": 35,
+ "__index": "35",
"dateCreated": "Sun, 03 Apr 2016 21:46:38 GMT"
}
],