JW.S ⌁ Design [Interactive] Catalog

[

[

[

[

[

[

[

[ sub-Sections ]

[

JWS_Type-masking-overlay

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

10000K

Motion

127

false

[

UnionBank_Account-Details_Landing

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

The account detail page with filterable transactions providing information and relevant actions.

5600K

Design

Product

false

[

Alo_Redesign-mobile

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

Lifestyle

255

false

[

Alo_Homepage-carousel

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

255

false

[

Beats_Active1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Working on the active collection as an extension of the overall site framework that was recently established.

5600K

Design

127

false

[

Beats_desktop_topicLanding

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Creating ways to browse tagged content via a multi-tag system... something i dunno if it was really done at that time?

5600K

Design

false

[

Singer_right-nav-states

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

The gallery navigation states that show the modular approach across all the different states.

B&W

Design

true

[

Harrods_Homepage

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

Fashion

127

false

[

Nixon_05_Collections-PDP

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

Product

255

false

[

Ari_awards-grid

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Breaking down the construction of how his many awards are displayed. Not the most scaleable, but more unique.

5600K

Design

false

[

Ari_grid-concept

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

false

[

Heath_Homepage_Desktop_v1.3

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Exploring the role of color and overlap and how the page content might flow together.

5600K

Design

192

false

[

Singer_build-detail_load-in

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Motion frame to convey the concept of he load-in sequence for the start grid/gallery nav.

5600K

Design

127

false

[

Ari_Project_Waka

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

I think this is the iteration that sold Ari on this design system I had in mind.

5600K

Design

192

false

[

Volcom-collectionModule-02

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

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

5600K

Photo

127

false

[

murad_PDP-hero-2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

255

false

[

JWS_Web-interaction-model-study

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

An exploration of an interaction model that eventually lead to the current index section of the site.

5600K

Design

false

[

ISOKO_PDP-hero

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

The PDP hero, leaning into minimalism and larger product imagery to avoid any need for zoom functionality.

3250K

Design

Fashion

192

false

[

Fila_lookbook-module

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A look book module from a broader toolkit to help Fila homogenize their brand aesthetic.

5600K

Design

127

false

[

UnionBank_Account–Analysis

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Looking at ways to include viable financial feedback based on your account balances and transactions.

5600K

Design

Product

192

false

[

Applied-shotgun-7.0

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Breaking out of the traditional 16:9 aspect ratio to lean into the editorial vibes, and use content as a transitional element.

5600K

Design

192

false

[

UnionBank_Accounts-Overview

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Landing screen for a banking app done in a day or 2. Really liked the quick links.. that basically showed up in amazons app 4 years later.

5600K

Design

false

[

ISOKO_Intro_concept

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Looking at intro sequences for the homepage and embracing the beautiful photography at our disposal.

3250K

GIF

Fashion

192

false

[

Alo_Footer-module

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A concept to make a brand moment below the footer and tie in social activations.

5600K

Design

Lifestyle

false

[

Fila_Lookbook-Module-03

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

Lifestyle

192

false

[

ISOKO_Home-hero

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

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

3250K

Design

192

false

[

Kohler_RFP_Drop-Nav

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Exploring the potential of a more robust dropdown navigation. Not a bulletproof IA, but trying to cover off on a strategy at a high-level.

5600K

Design

Product

192

false

[

Nixon_05_GiftGuide2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

At the time, a somewhat novel concept to do in-line merchandising. Shit I'm old.

5600K

Design

Product

255

false

[

SoundXYZ-footer

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Initial Sound.xyz footer design.

5600K

Design

Tech

192

false

[

Alo-Load-in_Motion2_180928

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Concepted out an intro sequence to emulate the feeling they strove for in their store- calm (and I think they said fresh start?)

5600K

Motion

255

false

[

GM_ADAS-Game 2-warning

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Working through different ways to communicate the abilities of the ADAS system, I opted to make a game and composited some assets for it.

10000K

Design

Automotive

false

[

Piston-petes_Homepage-V3

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

false

[

Ari_Global_symbols

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A look at some of the Sketch component used on Ari's 2021 folio

B&W

Design

255

false

[

Ari_Landing-Exploration-1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Always gotta explore the big type.. til reality kicks in. Trying to pair Ari + projects at scale.

B&W

Design

127

false

[

Nixon_Dealer-Locator2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

Product

255

false

[

ISOKO_Homepage_Expanded-01.1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

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

3250K

Design

127

false

[

07.1_PDP-Fit

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A super old concept frame for the PDP on the Nixon re-design. Trying to educate consumers on watch sizings relative to wrist size.

5600K

Design

192

false

[

fox_section

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Editorial element/module to the story telling.

5600K

Design

255

false

[

ISOKO_2Up-Module

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

When the imagery is this good, you really dont have to over think it.

3250K

Design

192

false

[

Harrods_Video-Module

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

7750K

Design

false

[

Isoko_Collection-Grid_02.2_V2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

3250K

Design

127

false

[

Fila_AD3-grid-excerpt

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

An excerpt of a tabbed grid approach to seasonal releases.

5600K

Design

192

false

[

Singer_build-detail_video-playing

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Designs done for the video playback on the Singer project– tying in vintage car dash vibes.

5600K

Design

127

false

[

Heath_hero_exploration2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

3250K

Design

192

false

[

Kohler_RFP_PDP

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Came up with this in a day, but developed a system for hero product images to elevate social proof.

5600K

Design

192

false

[

JWS_Mouse-hover-Type

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

An old Webflow interaction when I was thinking the JW.Sans type specimen would be interactive.

10000K

Motion

127

false

[

Ari_about-transition-03

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A transitional state to Ari's site, leaning into the Timmond typeface's similarities in form to the project routing tiles.

1000K

Design

Media / Ent.

127

false

[

Beats_homepageStatic

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

192

false

[

Tavarua_Homepage-V1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

V1.0 of the homepage for the Tavarua re-design. Only the beginning

7750K

Design

192

false

[

JWS_Web-profile

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

B&W

Design

127

false

[

Volcom-Hero5

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Photo

127

false

[

Nixon_12.1_Customization

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Working through some future-vision ideas to show the possibilities of a customization bar.

5600K

Design

Product

192

false

[

Ari_about-alt3

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Simple type inset and masking for a possible about page

3250K

Design

Media / Ent.

false

[

UnionBank_Deposit-Paypal

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Looking at ways to integrate other platforms.. this is blue sky for sure as theres tons of tech limitations around this.. would be nice tho

5600K

Design

Product

192

false

[

JWS_Insta_End-Frame

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Exploring different instagram series end frames.

B&W

Design

127

false

[

Fox-RPC-PDP

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Brought on to help out with a product detail page for a new marquee product from Fox.

5600K

Design

Active

255

false

[

Ari_gallery-nav

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Different explorations for the project gallery navigation and how we display each item. Text? Number? Custom scroll bar? etc

3250K

Design

192

false

[

ISOKO_Collection-hero

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Pushing the native carousel in Webflow to be a bit more expressive.

3250K

Design

192

false

[

volcom_Lookbook-module1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Lookbook module concepted for VOlcom

5600K

Design

127

false

[

Nixon_Mens-Product-landing

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

Product

192

false

[

Ari_Projects_NewCompany

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

1000K

Design

Media / Ent.

127

false

[

Ari_Projects_Waka1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

127

false

[

Beats_HeadphoneIMG-grid

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

127

false

[

Kohler_RFP_inspiration

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

This was once a fairly novel idea.. hover states mapped to different products to learn more in a design interior.

5600K

Design

127

false

[

ISOKO_Quick-Shop

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

While simple in design, implementing a non-intrusive yet apparent quick shop functionality was kind of heavy development lift.

3250K

Design

Fashion

192

false

[

Alo_Homepage-V1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

My initial take on the homepage, trying to elevate the design language and convey more calm with more organic negative space.

5600K

Design

255

false

[

Beats_desktop_topic-Landing

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

An unconventional look at how BBD could leverage topics and their cultural relevance.

5600K

Design

Product

false

[

JWS_Photo-site_navigator-states

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Some of the interaction states for the 🕹 states of a photo site that appears dead on the vine? Might come to fruition in time.

B&W

Design

false

[

Ari_process-12

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A WIP frame exploring some ways to meld a few different interaction models with... some success?

5600K

Design

Media / Ent.

false

[

Fila_Collection-module-04

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

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

5600K

Design

255

false

[

Nixon_Collections-Nav

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

Product

192

false

[

Applied-shotgun-8.0

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

192

false

[

Ari_Projects_P+H

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

127

false

[

JWS_Joy-stick1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Initital proof of concept motion study for the joystick site.

B&W

Motion

false

[

UnionBank_Log-in

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Looking at ways to innovate the log-in flow by allowing pre-defined destinations, and surfacing relevant info without the need to sign in.

5600K

Design

Product

192

false

[

Ari_about-exploration-2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Another exploration for the about page, and going rogue on some colors

3250K

Design

false

[

Singer_Grid-view-002

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

While most of the browsing it pretty exploratory.. gotta have the utilitarians option in a grid view.

5600K

Design

false

[

Fila-Hero-05

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

Lifestyle

192

false

[

JWS_Case-study1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

An early exploration for case study layouts, defaulting to big type. Like clockwork.

5600K

Design

127

false

[

Ari_process-2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

127

false

[

murad6_rough_home

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A rough layout for a homepage to expand upon a hero design direction.

5600K

Design

192

false

[

Kohler_RFP_CLP

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A collection landing page that provides a bit of routing/product visibility, a bit of education, and a bit of inspiration.

5600K

Design

127

false

[

Ari_about-exploration

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A more long-form approach to handling the about page. I dug it, but Ari wanted something more concise and straight-forward.

5600K

Design

false

[

Singer_Gallery Hover

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Motion excerpt showing the hover interaction on the gallery nav.

5600K

Motion

192

true

[

ISOKO_PDP-connections

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

3250K

Design

Fashion

192

false

[

FILA_lookbook-Proof-of-concept

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

A crude proof of concept showing a potential scrolling concept through the lookbook.

5600K

Design

Lifestyle

192

false

[

Nixon_04_Collections-PCP-Hover1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Its super common place now, but this was probably one of the bigger original ideas of the platform.

5600K

Design

Product

255

false

[

Volcom_WomensWIP2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Stress testing an art direction on how it could be applied to a woman's version of the homepage/category page.

5600K

Photo

127

false

[

Fila_LookBook-05

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

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

5600K

Design

192

false

[

Fox_section3

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Super old, but still like this one as a navigational + editorial element. Might have to make a v2.0 of this..

5600K

Design

255

false

[

Ari_about-exploration-6

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Another exploration for the about page, and going rogue on some colors

3250K

Design

Media / Ent.

false

[

UnionBank_Transfer-Send

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Looking at consolidating relevant information around sending money– pending requests and with friends near by.

5600K

Design

Product

192

false

[

Ari_load-in_002

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

An early exploration with Ari around load-in sequencing. Lots of type treatments in the mix.

B&W

GIF

192

false

[

UnionBank_Deposit–Check

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

Using contextual overlays to verify the info pulled from the submitted bank check.

5600K

Design

Product

192

false

[

Nixon_Homepage-long

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

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

5600K

Design

Product

255

false

[

Singer_build-detail_grid-view

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

I wanted a way to have visibility into the thumbnails via a toggle to go between icons and imagery.

5600K

Design

192

false

[

Applied-shotgun-6.0

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

5600K

Design

192

false

[

JWS_PhotoSite-LoadIn2

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

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

7750K

Motion

false

[

Heath_hero_exploration1

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured

3250K

Design

192

false

[

Ari_Projects_Canals

.GIF

.JPG

.mp3

.mp4

.JPG

.mp4

]

Featured