JW.S ⌁ Catalog

Catalog

An ever-growing database of my creative works.

Made searchable by verticals, subject-matter, skillsets, color temperature, etc. Updated regularly, more functionality soon.

Content

Re: Routing

And because I've been asked.. yes, this is all my work. I've filtered out things I wasn't the primary executer on.

[

Hello-world_The-Machines Copy

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A cover exploration that heavily leaned into the concept of the dissonance between human imperfections amidst robotic standardization.

Design

Editorial

Layout

Design Direction

Robots

[

Hangyaku_poster_23

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A one-off poster I had created for the Hangyaku poster that was probably a little too wild to ship.. but I always like it.

Graphic Design

Design

Poster

Dissonant

Passion Project

[

Evinetta_new-release-teaser

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A composite created from scratch to help promote the Evinetta series.

Design

Graphic Design

Compositing

Poster

Passion Project

[

DSC03234

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Inside a random abandoned building outside Lone Pine.

Photo

Incidental

Abandoned

[

Nixon_Mens-Product-landing

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

E-comm

Art direction

Exploration

Process

[

JWS_Hangyaku_Uncut-sheet

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Displaying the uncut sheet in a one-off mock-up created for it based off my office.

Design

Compositing

Graphic Design

Poster

Product

[

DSC03417

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A PNW sorta sunset.

Photo

Dark

Cold

Beach

People

[

ISOKO_Collection-Hover

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Simple + clean product grid, with a hover interaction to show an additional angle.

Art direction

Design

Interactive

Editorial

Partnership

[

Evinetta-Posters_V11.3

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A more type-based exploration for the Evinetta project posters.

Graphic Design

Automotive

Design

Exploration

Passion Project

[

Nixon_watch_animation

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

For some reason, I made my own Nixon watch.. entirely created in photoshop with shapes.

Compositing

Photoshop

Dark

[

JON09749

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

The progressive ramp of land in the Icelandic highlands is kind of wild.

Photo

Cold

Dark

Iceland

Cinematic

[

Isoko_Collection-Grid_02.2_V2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Interactive

Art direction

Design Direction

E-comm

[

BASIC_2018-v1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A rough idea for a homepage design direction and content strategy.

Design

Design Direction

Graphic Design

Art direction

Interactive

[

Nixon_PDP_Fit-Guide

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Looking at ways to show available sizes while educating customers on ideal fit to reduce lift on the support team.

Design

Interactive

E-comm

[

JWS_Brand-core

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

An excerpt of some brand standards for JW.S

Design

Branding

[

JON08126

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Capturing an unexpected moment of serenity for someone amongst the beautiful chaos of a dust storm.

Photo

Desert

Sand Dunes

Bright

Terra

[

JON04013

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

The Broad has some wild texture to it.

Photo

texture

Urban

New York

[

JON00598

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Squad vibes, straight outta LA.

Photo

Surf

South Bay

MIke Siordia

T Witt

[

JON06383

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A result of google satellite research to find this gem of a spot.

Photo

Dark

Incidental

Hawaii

Tropical

[

JON04739

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

The oper

texture

Urban

Incidental

Photo

[

JON05638

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Terra

Dark

Cold

Waterfall

[

JON06064

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Dark

Sea

Coast

Cold

[

UA_RFP_styleExplorations_01

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Playing with repetition and rhythm as part of an RFP response. Done very quikcly

Design

Art direction

Sports

[

XXX_Product-Teaser

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A landing page concept for teasing out an upcoming product.

Concepting

Process

Compositing

Dark

Product Marketing

[

gijo-markv2-WIP-mockUp

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A mock-up for one of the wordmark directions for Gijo– a personal side project.. on hold? Trying to mix the vibe up with it :)

Branding

Mock-ups

Photoshop

Brand Strategy

Process

[

Hangyaku_packaging-wrappers3

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Packaging mock-up for the desk. Saran wrap for the distraction

Graphic Design

Design

Mock-ups

Passion Project

Brand Content

[

JON03442

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Surf

Hawaii

Sea

Tropical

Waves

[

JON09601

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

That one valley in Iceland everyone loves to shoot.

Photo

Cinematic

Water

Terra

Dark

[

JON06326

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Sea

Beach

Black and white

texture

[

JWS_Fig-Mo-001_V1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

The hero image for the new product release, JWS_Fig-Mo-001.

Figma

Product

Mock-ups

Compositing

Mobile

[

JON04750

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Sea

Dark

South Bay

Los Angeles

Water

[

danc-Styleframe-v1.2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A style frame created to help feel out the direction of the DANC branding.

Danc

Branding

[

JON06409

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Pre-dawn exploration of a random beach deep in the PNW.

Photo

Dark

Coast

Cold

Cinematic

[

JWS_End-Frame-option

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A potential end-frame for the 2021 reel.

Branding

Design

Graphic Design

Exploration

WIP

[

JON06975

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A super miniature ice cave... in a iceberg washed ashore. Is that still an iceberg?

Photo

Cold

[

JON03657

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Sea

Water

Waves

Water Photogrpahy

[

Sound_Web_Hero-Interaction

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

An proof of concept idea to show how the pixelated effect of the word mark could become a thematic motion element.

Interactive

Concepting

Design

Art direction

[

Fila_LookBook-05

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A lookbook module that tries to leverage the Fila brand colors in interaction models/overlays.

Design Direction

Design

Content Strategy

Interactive

[

JON09795

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Some of the only direct sunlight I saw while in Iceland... otherwise plagued by high clouds.

Photo

Iceland

Mountains

Rocks

Terra

[

UA_wake-up

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Playing with repetition and rhythm as part of an RFP response. Done very quikcly

Design

Art direction

Sports

[

JON01201

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Fromunda rounda Tavarua.

Photo

Water Photogrpahy

Sea

Tavarua

Waves

[

DSC05486

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Surf

Sea

Hawaii

Sun(rise)set

[

JWS_Frame-15

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Art

Concepting

[

JON04597

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Stumping across some random geothermal pits, as one is prone to do around Iceland.

Photo

Dark

Cold

Incidental

Iceland

[

Nixon_Collections-PCP-Integrated

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Art direction

Interactive

E-comm

[

JON04946

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Sea

California

Coast

Bright

[

JON04365

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

From above the city, the collection of large buildings almost turns into a texture. Its weird, impressive and unassuming all at once.

Photo

texture

Urban

New York

[

JWS_Wallpapers_NYC-001

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Photoshop

Product

[

SoundXYZ-footer

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Initial Sound.xyz footer design.

Design

Branding

Interactive

[

Ari_Project_Waka

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Art direction

Interactive

Process

Experimental

[

JON09349

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Terra

Desert

River

[

Murad_PDP-hero-1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Design Direction

Art direction

Interactive

E-comm

[

Harrods_Hero-Interaction

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Motion

Design

Interactive

Design Direction

Fashion

[

Nixon_05_Collections-PDP

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Interactive

E-comm

[

Scab_Style-frame-04

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Dissonant

Branding

[

Red-Bull_App-RFP-comp

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Interactive

Action Sports

[

Fila_Collection-module-04

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A carousel look book module created for both functional and aesthetic direction

Design

E-comm

Art direction

Design Direction

[

JWS_type-motion-exploration-13

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

An experimentation with using masking, rotation and some other stuff.

Motion

Branding

Brand Content

Exploration

Brand Strategy

[

JON00381

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Experimental

Water Photogrpahy

Sun(rise)set

South Bay

[

Nixon_Homepage-long

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

There was stress on a shorter homepage, but we wanted to probive an option should they want to do more VM there.

Design

Interactive

E-comm

[

JON00689

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

When Tyler takes the 'aim for me' line literally.

Photo

Water Photogrpahy

Surf

Tcrit

South Bay

[

DSC08190

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Danc

Dan Cobley

South Bay

Los Angeles

[

JON07446

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Black and white

Sea

Tropical

Beach

[

JON09856

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Dark

Terra

Cold

Iceland

[

JWS_Live_SOON-BG

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Cinematic

Dark

Video

Color Grading

[

NO-ISO_Release-015

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Changing speeds and going for more minimalism for the covers vs the usual compositing-lead versions.

Album Art

Graphic Design

Passion Project

Brand Content

Typography

[

JON05418

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Somewhere under the rainbow... in the Icelandic highlands.

Photo

Incidental

Dark

Terra

Iceland

[

danc-elements

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Danc

Design

Branding

Process

WIP

[

Volcom-collectionModule-02

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

An exploration for a collection module, contextualizing and embedding an artist's style in presenting the product.

Design

Art direction

Interactive

Surf

Lifestyle

[

JWS_PhotoSite-LoadIn2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A broader motions study for the important load-in sequence.

JW.S

Interactive

Motion

Design

Content Strategy

[

ISOKO_Homepage_Expanded-01.1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Working through the homepage options, this was the more extended + editorial approach.

Design

Art direction

Interactive

Fashion

Lifestyle

[

JON01789

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

People

Incidental

Dramatic

[

Evinetta-Posters_R2_V3

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A lock-up that was scrapped although I liked the layout– had some subtle vintage automotive design vibes.

Design Direction

Design

Graphic Design

Poster

Art direction

[

Hello-world_cover2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A cover exploration for Hello World.

Editorial

Design

Graphic Design

[

Kohler_pitch_PDP2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

E-comm

Interactive

Design Direction

Art direction

[

SoundXYZ-Insta-frame-04

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

An example of a social post. Whenever its anything music related, it's most always RTJ.

Design

Music

Branding

Design Direction

Art direction

[

jon07457

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Mike with the first iteration of his signature model.

Photo

MIke Siordia

Surf

Portrait

Lifestyle

[

DSC00118

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Urban

San Fran

Black and white

Modern

[

Ari_2021-Landing-Exploration-1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Always gotta explore the big type.. til reality kicks in.

Design

Interactive

Design Direction

[

JWS_JW.Sans-scraps1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A scrapped title page for the JW.Sans type spec doc. Still need to finsh that...

Design

Typography

[

Heath_hero_exploration2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Interactive

Design Direction

Art direction

Content Strategy

[

JON02698

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

One of my favorite abandoned buildings Ive come across.

Desert

Abandoned

Photo

Bright

Incidental

[

Ari_Projects_Canals

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Art direction

Interactive

Typography

[

JON06795

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A random moment from Pipe that feels like a still-life for some reason. You really cant plan these moments.

Surf

Sea

Photo

Hawaii

Tropical

[

SoundXYZ-Styleframe-02

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Exploring clearer delineation from assets and content, and ways to keep it feeling organic.

Design

Branding

Process

WIP

[

Harrods_Homepage

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Interactive

Fashion

Lifestyle

Minimal

[

JON03099

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

California

Mountains

Desert

Sun(rise)set

[

JON09379

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Terra

Rocks

[

JON06068

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Lifestyle

Portrait

Tropical

People

[

JON05341

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Icelandic volcanic textures are fun for sure.

Photo

texture

Bright

[

JON08931

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Dark

Black and white

Incidental

[

JON09677

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Urban

San Fran

People

[

Hangyaku-King-process

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A small excerpt of art directions/explorations done for the Hangyaku project.

Design

Graphic Design

Compositing

Mock-ups

JW.S

[

DSC09452

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Surf

Tcrit

South Bay

Los Angeles

[

JON03941

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Just a bit of NYC brutalism

Photo

Black and white

Urban

Minimal

[

soundXYZ-direction-1_styleframe1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A photo-based style frame, showing a potential application of the mark and type lock-up I had created. Too much glow for me now tho.

Design

Branding

Process

WIP

[

JON00604

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Photo

Incidental

Dark

Iceland

[

JON07081

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

A random pre-dawn damn dam deep in Oregon.

Photo

Dark

Terra

PNW

Forest

[

ISOKO_Home-hero

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Homepage hero resolved state– again leaning into the amazing imagery through a load-in sequence that pans down through the image.

Art direction

Design

Interactive

Editorial

Partnership

[

Alo_Redesign-mobile

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Design

Fashion

Minimal

Interactive

Art direction

Nothing left to see.

Routing

[ Routing ]

More.
more.
more.
Explore.
Explore.
Explore.

Routing to related content within the same parent category.

[ 00-0 ]

Explore

→

An overview of my alternative means to enable organic exploration, and discovery of my works.

The primary database of my work, powering content across the site via extensive metadata.

Learn More →

[ 00-2 ]