Portfolio archive · 2013 to 2017

Roberto Sobachi

Senior software engineer working mainly in React and TypeScript, with experience across backend services and APIs. This archive covers earlier client work for Google, Fjord, Benefit Cosmetics, NextEV, and other teams.

Recent work has centered on fintech and product engineering, across web applications, React Native, API design, and delivery in small teams. This page is a rebuilt snapshot of the freelance portfolio that came first.

The projects below are here for reference. They show agency and contract work from an earlier part of my career, not the full range of what I build today. Much of the newer work sits behind NDA, and some of the original project links have gone offline over time.

Selected work

2017

Google Cultural Institute

Google Inc. / Toaster Ltd.

A campaign site for Google Cultural Institute, built to help people explore art, history, and world wonders online.

Closure CompilerJavascriptSCSS
Visit site →
Google Cultural Institute screenshot
Google Cultural Institute screenshotGoogle Cultural Institute screenshot
2017

NextEV Formula-e

NextEV / Interstate Creative Partners

A set of real-time data visualizations for NextEV's Formula E team, built with React, D3, and Node.js.

ReactD3Javascript ES6Node.jsSVGSCSS
NextEV Formula-e screenshot
NextEV Formula-e screenshotNextEV Formula-e screenshotNextEV Formula-e screenshot
2017

Google Making and Science

Google Inc. / Toaster Ltd.

An educational Google site that taught people how to make everyday projects, translated into more than 40 languages.

Polymer Web ComponentsJavascriptSVG AnimationsSCSS
Visit site →
Google Making and Science screenshot
Google Making and Science screenshotGoogle Making and Science screenshotGoogle Making and Science screenshot
2016

Google Play Town Korea

Google Inc. / Toaster Ltd.

Google Play Town Korea gave mobile game developers a way to showcase their games online. I worked on two of the games, maze and tap-quick, and also built parts of the carousels, rewards page, and animation work.

PolymerJavascriptSVG AnimationsSCSSGulpGIT
Google Play Town Korea screenshot
Google Play Town Korea screenshotGoogle Play Town Korea screenshot
2016

Google Play Town Taiwan

Google Inc. / Toaster Ltd.

Google Play Town Taiwan gave mobile game developers a way to showcase their games online.

PolymerJavascriptSCSSGulpGIT
Visit site →
Google Play Town Taiwan screenshot
2016

Accelerated Mobile Pages

Accelerated Mobile Pages for Google / Toaster Ltd.

An open source AMP project site built around a simple idea: publishers could create mobile content once and have it load quickly across the web.

New AMP technologyHTML5SCSS
Visit site →
Accelerated Mobile Pages screenshot
2016

Google Play Policy

Google / Toaster Ltd.

A Google Play policy site explaining the rules for publishing apps on Google Play.

Internal Google CMS and other internal toolsJavascriptGoogle ClosureMaterial Design LiteHTML5SCSSGulpGoogle Custom Search Engine.
Visit site →
Google Play Policy screenshot
Google Play Policy screenshot
2015

Bold is Beautiful - Benefit Cosmetics

Benefit Cosmetics / 1000heads

A responsive campaign site supporting Bold is Beautiful and the charities Refuge and Look Good Feel Better.

Node.jsExpressCoffeeScriptJustGiving API integrationHTML5CSS3StylusJadeJavascriptjQuerySVG AnimationsMercurialSourceTree.
Bold is Beautiful - Benefit Cosmetics screenshot
2015

Roller Lash - Benefit Cosmetics

Benefit Cosmetics / 1000heads

A responsive site for Benefit Cosmetics that collected posts from Twitter and Instagram to promote Benefit's new mascara.

RoleBack end and front end development, including resizable and stackable tiles, image loading, and preload logic

  • Pulled in Twitter and Instagram posts tagged #rollerlash using Node.js plus the Twitter and Instagram APIs.
  • Preloaded and cached homepage UGC images to speed up infinite scroll and reduce initial load time.
Node.jsExpressHTML5CSS3StylusJavascriptjQueryGruntMercurialSourceTree.
Roller Lash - Benefit Cosmetics screenshot
2015

Lisa Potter-Dixon

Benefit Cosmetics / 1000heads

A responsive portfolio site for Lisa Potter-Dixon, Benefit Cosmetics' head make-up and trend artist.

RoleFront end and back end development

  • Used JavaScript to sample each image's dominant color and apply it to the caption background and text.
  • Preloaded and cached the remaining homepage posts to improve load time.
WordpressHTML5CSS3StylusJavascriptjQueryGruntMercurialSourceTree.
Visit site →
Lisa Potter-Dixon screenshot
2014

Liz Earle - Botanical Christmas

Liz Earle / 1000heads

A Christmas campaign site for Liz Earle that let customers create and send digital cards. To promote the Botanical range, 1000heads also built Botanicals in the Snow, where people could choose a flower and send it to someone on Facebook. The flower animated when the recipient opened the message.

RoleFront end and back end development

  • Designed and built a Facebook-style friend picker that let people choose up to ten friends and send greetings through the Facebook Open Graph API.
  • Animated all eight flowers with CSS sprites.
  • Prepared the documentation needed for Facebook App review.
Node.jsExpressHTML5CSS3StylusJavascriptjQueryTweenMaxFacebook APIGruntMercurialSourceTree.
Visit site →
Liz Earle - Botanical Christmas screenshot
2014

Benefit Cosmetics - They're Real Eyeliner

Benefit Cosmetics / 1000heads

A microsite promoting Benefit's They're Real Eyeliner. Users took a webcam mug shot before entering the Benefit cell, then worked through five make-up clues to escape.

RoleFront end and back end development

Node.jsExpressCoffeeScriptHTML5CSS3StylusJavascriptCanvasHtml2CanvasjQueryTweenMaxFacebook APIMercurialSourceTree.
Benefit Cosmetics - They're Real Eyeliner screenshot
2014

Currys PC World - TV Size Finder App

Currys PC World / 1000heads

A mobile and tablet app for iOS and Android that helped people choose the right TV size for their room. Using the phone camera, they could preview different models in their living space.

RoleFront end and back end development

Cordova/PhoneGapHTML5CSS3JavascriptBackbone.jsWikitude's Augmented RealityXcodeEclipse Android IDEVisual Studio.
Currys PC World - TV Size Finder App screenshot
2014

Easy Does It Game

Benefit Cosmetics / 1000heads

A balancing game for iOS, Android, and Windows Phone, along with a responsive site to promote it and let people play on the web.

RoleFront end and back end development

(Game) Cordova/PhoneGapHTML5CSS3JavascriptFacebook and Twitter API. (Hub) Node.jsExpressHTML5CSS3JadeStylus.
Easy Does It Game screenshot