Marshall Jones

enjoys
livingintheLowerEastSide
breakingsvg
pettinghiscat,Donut
anythingprocedurallygenerated
buildingdesignsystems
visualizingcomplexdata
goodcortados
prototypingnewexperiences
thisemojiinparticular:😬
indiegamedevelopment
developingmodularcomponents
workingwithReact
readingclassicScienceFiction
pushingpixels
anythingprocedurallygenerated

Elsewhere

Clarifai

A handful of projects and explorations done at Clarifai

Director of UX, Front End

ai / machine-learning2015 – Current

Napster / Rhapsody

A smattering of concepts and protoypes for ~~Rhapsody Music~~ Napster

Creative Direction

music / mobile2014 – 2015

Joydot

A mobile app for the frictionless tracking and sharing of moods using a simple tag-based approach. The front end was created using web technologies and packaged within a light Phonegap wrapper.

Founder / Creative Director

data / mobile2014

Exfm

What started out as a humble little chrome extension that helped keep track of the music you discovered across the internet grew up into a full suite of mobile and web applications.

Founder / Creative Director

music / web2010 – 2014

Matchpoint

Matchpoint is a creative agency based in New York City, specializing in ecommerce driven solutions for fashion, luxury & beauty brands.

Creative Direction / Code

fashion / e-commerce2010 – 2012

Various

Bunch o' stuff

Design & Code

contract / personal2007 – 2013

Three JS Video scene detect

Exploring scene detection and mapping color values in 3d space

javascript / 3d / video2016

Vector Fields

Playing with perlin noise and vector fields. Filed under things probably best not done in SVG.

javascript / svg2017

Quad Tree SVG

Quad tree your images! Click to pause and resume.

javascript / svg2017

Paths js

General path drawing library

javascript / svg2017

Grid Lines

Just some generative lines on graphs. Click to regenerate

javascript / svg2017

Procedural SVG

Something that almost definitely would perform better using Canvas.

javascript / svg2017

Pixel Characters

Just a little pixel character generator for a game I hope to be launching soonish. Click to regenerate

javascript / canvas2014

Triangulate

Playing with some delauney triangulation code I stumbled across. Click an image to increase number of triangles.

Proceed with caution! Can be a bit processor intensive.

javascript / canvas2014

Spinners

This started as a tool to generate some interesting preloading spinners. Can have a hypnotic effect and cause loss of hours of productivity.

javascript / canvas2014

Smilies 1

Playing around with some canvas effects for happy and sad (and pukey) smilies.

Don't forget to click!

javascript / canvas2013

Smilies 2

A little tool for a side project to capture a variety of expressions and allow for some visual tinkering.

javascript / canvas2013

Pixelator

Create and layer abstract mosaics based off pixel data. Try a few of the presets to see what kind of effects are possible.

javascript / canvas2013

Buildings

Loosely inspired by walking around NYC, I wanted to make a simple procedural building generator that would randomly render different combinations of buildings and features.

You can click the individual buildings to randomize

javascript / canvas2013

Bursts

Just playing with javascript canvas API and some TweenMax a little bit. Click to restart.

javascript / canvas2013

Metaballs

Not to be confused with meatballs.

javascript / canvas2013

Gridmatch

A little game inspired by the Triple Town game. How to play:

Click cells that have at least one neighboring cell with the same number of dots, and watch them combine.

The resulting cell will recieve an additional dot until it's full.

Cell combinations will automatically chain if the result cell has neighbors of the same count.

games / canvas / javascript2013

Song Runner

A rough idea I had from a previous music hackday to generate a 2d platform game using a song's waveform. The speed at which the player moves through the board effects the playback rate of the song

games / canvas / javascript / audio api2012

Mustachiness

Another Music Hackday creation. This one inspired by Movember.

Curviness - Curves occur when high loudness deltas are detected
Thickness - Mean loudness
Divot - (aka gap in the middle) hotness of the song
Direction - Up = higher energy; Down = lower energy
Curl - Dancability * energy
Color - Energy of the song. Lower energy is darker

canvas / javascript / audio api2012

Mazery

I was obsessed with mazes for a little while. Here is one of many permutations of my "maze period."

Click maze for focus. Use arrow keys to move

games / canvas / javascript2013

This was a weekend Music Hackday project. I had wanted to build a chrome extension, and thought it'd be a fun project and perhaps even useful to be able to highlight various artists and or phrases on any web page and immediately be able to listen to and learn a little about that artist

chrome extension2011

Ribbons

Flash... At some point I'll recreate this one in Javascript / canvas.

flash2010

Marshall Jones

Product • UX • Code

About

I enjoy creating and playing with a variety of digital things, live in the Lower East Side of NYC, and consume entirely too much coffee.

Contact

Emailmarshalljones at gmail.com

Phone(917) 854-1310

Websitehttps://majman.com

Skills & Expertise

UX & Design

Adobe Suite
Sketch
Prototyping Tools

Front-end Engineering

Javascript, ES6/7
Node
React
CSS3, LESS, SCSS
HTML5

Education

Pratt Institute1999 – 2002

Bachelor of Fine Arts in Computer Graphics & Interactive Media
Dean's List all semesters

Louisiana State University1997 – 1999

General Study in Graphic Design, Computer Engineering

Work

Director, UX
& Front-end EngineeringClarifaiSep 2015 — Present
Lead product design and UX of consumer and enterprise applications for AI startup focused on computer vision. Manage front-end engineering and product design teams.
Sr Director, UX & DesignRhapsodyApr 2014 — Sep 2015
After the acquisition of Exfm, led creative initiative for Napster relaunch with distributed product, design, and development teams.
Founder & Creative DirectorExfmMar 2010 — Jul 2014
Founded and led creation of cohesive visual language and user experience across web, desktop and mobile. Exfm was an award winning social music discovery platform founded in New York City in 2010. It received funding from Spark Capital, Betaworks, Founder Collective and Dave Morgan and was acquired by Rhapsody in July 2014.
Creative DirectorNBC UniversalAug 2008 — Jan 2010
Led design of websites, apps, and collateral across NBC Universal properties. Developed concepts for second screen apps, digital campaigns, and games.
Art DirectorAOL MusicFeb 2006 — Aug 2008
Creative and UX lead for AOL's Music properties including a platform-wide redesign, advertising partnerships, genre-focused blog initiatives and editorial feature development. Managed in house and offshore design teams.
Art DirectorChopping BlockDec 2004 — Feb 2006
Designed award-winning interactive websites, campaigns, and applications for brands such as Bravo, TMC, Sony Pictures, Dave Matthews Band, NHL, Adobe, Snapple, and ASPCA.
Senior DesignerSony MusicNov 2002 — Dec 2004
End-to-end design and production of artist sites and marketing tools. Created framework to automate production of music players, navigation tools, and flash components.
Freelance UX & Product DesignJan 2002 — Jan 2014
Product development, visual design, ux and digital strategy for brands including Rockstar Games, Coach, Havianas, Discovery Channel, Judith Ripka, BBDO, Yamaha, and Sony Music.

Three JS Video scene detect

Exploring scene detection and mapping color values in 3d space

Marshall Jones

Clarifai

Director of UX, Front End

Napster / Rhapsody

Creative Direction

Joydot

Founder / Creative Director

Exfm

Founder / Creative Director

Matchpoint

Creative Direction / Code

Various

Design & Code

Three JS Video scene detect

Vector Fields

Quad Tree SVG

Paths js

Grid Lines

Procedural SVG

Delaunay Triangulator

Node Graphery

Matter JS

Spheres 1

Spheres 2

Spheres 3

Spheres 4

Phyllotaxis 1

Phyllotaxis 2

SVG Logo Configurator

Adobe Scripts

Pixel Characters

Pixel Buildings

Triangulate

Spinners

Smilies 1

Smilies 2

Pixelator

Buildings

Bursts

Metaballs

Gridmatch

Song Runner

Mustachiness

Mazery

Highlight to Listen

Ribbons

About

Contact

Skills & Expertise

UX & Design

Front-end Engineering

Education

Pratt Institute1999 – 2002

Louisiana State University1997 – 1999

Work

Director, UX & Front-end EngineeringClarifaiSep 2015 — Present

Sr Director, UX & DesignRhapsodyApr 2014 — Sep 2015

Founder & Creative DirectorExfmMar 2010 — Jul 2014

Creative DirectorNBC UniversalAug 2008 — Jan 2010

Art DirectorAOL MusicFeb 2006 — Aug 2008

Art DirectorChopping BlockDec 2004 — Feb 2006

Senior DesignerSony MusicNov 2002 — Dec 2004

Freelance UX & Product DesignJan 2002 — Jan 2014

Three JS Video scene detect

Director, UX
& Front-end EngineeringClarifaiSep 2015 — Present