M
D
Y24
T
Contact
[
®
]
All Rights Reserved JW.S® 2023
Los Angeles, CA
↑ TOP ↑
Menu
00-0
Home
→
00-1
Works
→
00-2
Goods
→
00-3
Delta
→
00-4
Info
→
00-5
Explore
→
Catalog
Tags
Index
Overview
Sign In
Create Account
Checkout
[ Close ]
00-1
Works
↳My work as an independent Creative Director + Designer
00-2
Goods
↳Synthesizations of various skillsets in the form of products.
00-3
DELTA
↳A divergent stream of my creative consciousness.
00-4
Info
↳ More information about me, and my work.
00-5
Explore
↳ Wander through the work more organically
Sign In
This functionality and content is coming soon.
Cart
[
0
]
Your cart
Close
$ 0.00 USD
:
× Remove
Nada.
If you want to change that, support J\V.S and/or pick up some sweet goods, try some of the links below.
SHop the goods →
Prints →
Resources →
Product is not available in this quantity.
J\V.S
://
Home
/
Explore
/
Interactive
Sections
↴
Interactive
[ 00-0 ]
Intro
↴
[ 00-1 ]
Catalog
↴
Re: Routing
[ 00-2 ]
RElated Tags
↴
[ 00-3 ]
Contact
↴
Additional Info
↴
× Next Avail.
Sept 2023
× Role
CD / DD / AD
× Work Type
Partnerships
Project-basis
Consultation
× Services
Branding
Interactive
Photo/Video
TYpe Design
Motion Design
Try me
× Location
Los Angeles, CA
× Last Updated
4:43 PM 12.13.22
Featured Tags
↴
Product Design
Passion Project
Mobile
Dissonant
Minimal
Cover Art
Layout
Album Art
Procedural
Unarchived
Explore
↴
Catalogs
Tags
Index
Overview
Index
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
3d
AI Art
Abandoned
Action Sports
Album Art
Announcements
Apparel
Art
Art direction
Asset Generation
Automotive
Availability
Beach
Black and white
Brand Content
Brand Strategy
Branding
Bright
California
Cinematic
Coast
Cold
Collaboration
Color Grading
Colorful
Compositing
Concepting
Content Strategy
Cover Art
Creative Direction
Dan Cobley
Danc
Dark
Davinci Resolve
Delta
Desert
Design
Design Direction
Devices
Dissonant
Download
Dramatic
E-comm
Editorial
Experimental
Exploration
Fashion
Figma
Film feels
Font
Next
No Results, try again.
Browse all Tags →
Catalogs
Interactive
Interactive
[ Desc. ]
Work thats interactive in nature. E-comm, product marketing, etc.
[
Design
]
Interactive
[
Design
]
Interactive
[
Design
]
Interactive
[
Design
]
Interactive
[
Design
]
Interactive
[
Design
]
Interactive
[
Design
]
Interactive
[
Design
]
Interactive
←
Try things like:
Branding
Surfing
Dark
California
Typography
showing
[
000
/
100
]
[
Fila_LookBook-05
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A lookbook module that tries to leverage the Fila brand colors in interaction models/overlays.
Design Direction
Design
Content Strategy
Interactive
5600K
Design
192
false
[
Singer_Gallery Hover
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Motion excerpt showing the hover interaction on the gallery nav.
Interactive
Motion
Video
Automotive
5600K
Motion
192
true
[
Applied-shotgun-8.0
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Interactive
Design
Art
Design Direction
Editorial
5600K
Design
192
false
[
ISOKO_PDP-hero
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
The PDP hero, leaning into minimalism and larger product imagery to avoid any need for zoom functionality.
Art direction
Design
Interactive
Editorial
Partnership
3250K
Design
Fashion
192
false
[
Alo-Load-in_Motion2_180928
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Concepted out an intro sequence to emulate the feeling they strove for in their store- calm (and I think they said fresh start?)
Motion
Interactive
Concepting
Design
Art direction
5600K
Motion
255
false
[
GM_ADAS-Game 2-warning
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Working through different ways to communicate the abilities of the ADAS system, I opted to make a game and composited some assets for it.
Design
Compositing
Dark
Concepting
Automotive
10000K
Design
Automotive
0
false
[
ISOKO_Quick-Shop
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
While simple in design, implementing a non-intrusive yet apparent quick shop functionality was kind of heavy development lift.
Art direction
Design
Interactive
Editorial
Partnership
3250K
Design
Fashion
192
false
[
Arc_FW24_Scroll-Concept
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A rough proof of concept showing a scroll concept the features products with brand content and category-wide tech features.
Design Direction
Editorial
Minimal
E-comm
Action Sports
5600K
Motion
Lifestyle
127
false
[
JWS_Photo-site_navigator-states
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Some of the interaction states for the 🕹 states of a photo site that appears dead on the vine? Might come to fruition in time.
Interactive
Design
JW.S
Experimental
B&W
Design
0
false
[
Ari_about-alt3
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Simple type inset and masking for a possible about page
Design
Interactive
Design Direction
Editorial
Typography
3250K
Design
Media / Ent.
64
false
[
JWS_Web-profile
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Web Dev
Cinematic
B&W
Design
127
false
[
Ari_Landing-Exploration-1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Always gotta explore the big type.. til reality kicks in. Trying to pair Ari + projects at scale.
Design
Interactive
Design Direction
B&W
Design
127
false
[
fila-fullpage-direction3
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A sample homepage combining different modules.
Design Direction
Design
Content Strategy
Interactive
E-comm
5600K
Design
192
false
[
ISOKO_PDP-connections
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Showing the related products via a layout that utilizes overlap that closely ties them together.
Art direction
Design
Interactive
Editorial
Partnership
3250K
Design
Fashion
192
false
[
Ari_gallery-nav
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Different explorations for the project gallery navigation and how we display each item. Text? Number? Custom scroll bar? etc
Design
Interactive
Process
WIP
3250K
Design
192
false
[
Isoko_Homepage_Release-Module
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A module that would break down the releases of daily products.
Design
Art direction
Interactive
Fashion
Lifestyle
3250K
Design
127
false
[
ISOKO_2Up-Module
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
When the imagery is this good, you really dont have to over think it.
Art direction
Design
Interactive
Editorial
Partnership
3250K
Design
192
false
[
volcom_Lookbook-module1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Lookbook module concepted for VOlcom
Design
Lifestyle
E-comm
Art direction
Interactive
5600K
Design
127
false
[
UnionBank_Deposit–Check
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Using contextual overlays to verify the info pulled from the submitted bank check.
Interactive
Product Design
Design
Design Direction
Mobile
5600K
Design
Product
192
false
[
Nixon_12.1_Customization
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Working through some future-vision ideas to show the possibilities of a customization bar.
Design
E-comm
Art direction
Process
Product Design
5600K
Design
Product
192
false
[
Piston-petes_Homepage-V3
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Design Direction
Interactive
Dark
Automotive
5600K
Design
0
false
[
Ari_Projects_Canals
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Typography
1000K
Design
127
false
[
JWS_PhotoSite-LoadIn2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A broader motions study for the important load-in sequence.
JW.S
Interactive
Motion
Design
Content Strategy
7750K
Motion
0
false
[
Ari_about-transition-03
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A transitional state to Ari's site, leaning into the Timmond typeface's similarities in form to the project routing tiles.
Design
Interactive
Motion
1000K
Design
Media / Ent.
127
false
[
JWS_Mouse-hover-Type
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An old Webflow interaction when I was thinking the JW.Sans type specimen would be interactive.
Design
10000K
Motion
127
false
[
Heath_Homepage_Desktop_v1.3
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Exploring the role of color and overlap and how the page content might flow together.
Design
Interactive
Content Strategy
Design Direction
Art direction
5600K
Design
192
false
[
Kohler_RFP_PDP
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Came up with this in a day, but developed a system for hero product images to elevate social proof.
Design
Interactive
Art direction
Content Strategy
5600K
Design
192
false
[
Singer_build-detail_grid-view
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
I wanted a way to have visibility into the thumbnails via a toggle to go between icons and imagery.
Design
Interactive
Automotive
5600K
Design
192
false
[
UnionBank_Accounts-Overview
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
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.
Interactive
Product Design
Design
Design Direction
5600K
Design
64
false
[
Isoko_Collection-Grid_02.2_V2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Art direction
Design Direction
E-comm
3250K
Design
127
false
[
GM_Subpage
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design Direction
Content Strategy
Design
Interactive
Art direction
7750K
Design
Automotive
64
false
[
Harrods_Video-Module
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Art direction
E-comm
Fashion
7750K
Design
64
false
[
Singer_Grid-view-002
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
While most of the browsing it pretty exploratory.. gotta have the utilitarians option in a grid view.
Design
Interactive
Automotive
5600K
Design
64
false
[
murad_PDP-hero-2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Design Direction
Art direction
Interactive
E-comm
5600K
Design
255
false
[
Arc_FW24_Idea_MagSplits
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
More of a vibe check to understand the appetite for more complex interactions mixed with more reductive editorial splits.
Design Direction
Editorial
Minimal
E-comm
Action Sports
5600K
Design
Lifestyle
127
false
[
ISOKO_01.0_Homepage_Simple
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
One of the closer to completed homepage directions for the ISOKO design and dev.
Art direction
Design
Interactive
Editorial
Partnership
3250K
Design
Media / Ent.
192
false
[
Harrods_Homepage
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Fashion
Lifestyle
Minimal
5600K
Design
Fashion
127
false
[
Heath_Homepage_Desktop_v1.2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Content Strategy
Design Direction
Art direction
5600K
Design
192
false
[
JWS_Case-study1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An early exploration for case study layouts, defaulting to big type. Like clockwork.
Design
Web Dev
Cinematic
5600K
Design
127
false
[
Arc_FW23_Idea_Prod-List
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design Direction
Editorial
Minimal
E-comm
Action Sports
Design
false
[
UnionBank_Log-in
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Looking at ways to innovate the log-in flow by allowing pre-defined destinations, and surfacing relevant info without the need to sign in.
Interactive
Product Design
Design
Design Direction
Mobile
5600K
Design
Product
192
false
[
Alo_Redesign-mobile
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Fashion
Minimal
Interactive
Art direction
5600K
Design
Lifestyle
255
false
[
Applied-shotgun-7.0
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Breaking out of the traditional 16:9 aspect ratio to lean into the editorial vibes, and use content as a transitional element.
Interactive
Design
Art
Design Direction
Editorial
5600K
Design
192
false
[
fox_section
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Editorial element/module to the story telling.
Design
Editorial
Action Sports
Interactive
5600K
Design
255
false
[
JWS_Type-masking-overlay
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Art direction
Motion
10000K
Motion
127
false
[
Fila_Collection-module-04
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A carousel look book module created for both functional and aesthetic direction
Design
E-comm
Art direction
Design Direction
5600K
Design
255
false
[
Kohler_RFP_CLP
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A collection landing page that provides a bit of routing/product visibility, a bit of education, and a bit of inspiration.
Design
E-comm
Interactive
Design Direction
Art direction
5600K
Design
127
false
[
Murad_PDP-hero-1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Design Direction
Art direction
Interactive
E-comm
5600K
Design
255
false
[
Singer_build-detail_load-in
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Motion frame to convey the concept of he load-in sequence for the start grid/gallery nav.
Design
Interactive
Automotive
5600K
Design
127
false
[
Fila_AD3-grid-excerpt
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An excerpt of a tabbed grid approach to seasonal releases.
Design Direction
Design
Content Strategy
Interactive
E-comm
5600K
Design
192
false
[
JWS_Insta_End-Frame
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Exploring different instagram series end frames.
Design
Web Dev
Cinematic
Typography
Black and white
B&W
Design
127
false
[
Kohler_RFP_inspiration
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
This was once a fairly novel idea.. hover states mapped to different products to learn more in a design interior.
Design
E-comm
Interactive
Design Direction
Art direction
5600K
Design
127
false
[
Nixon_05_GiftGuide2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
At the time, a somewhat novel concept to do in-line merchandising. Shit I'm old.
Design
Interactive
E-comm
5600K
Design
Product
255
false
[
singer_zoom-levels
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Designed the ability to change zoom levels in the drag view.
Design
Interactive
Automotive
5600K
GIF
64
false
[
Volcom_WomensWIP2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Stress testing an art direction on how it could be applied to a woman's version of the homepage/category page.
Design
Art direction
Interactive
Surf
Lifestyle
5600K
Design
Fashion
127
false
[
Volcom-Hero5
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Surf
Lifestyle
5600K
Photo
127
false
[
FILA_lookbook-Proof-of-concept
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A crude proof of concept showing a potential scrolling concept through the lookbook.
Design Direction
Design
Content Strategy
Interactive
E-comm
5600K
Design
Lifestyle
192
false
[
Nixon_05_Collections-PDP
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
E-comm
5600K
Design
Product
255
false
[
ISOKO_Intro_concept
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Looking at intro sequences for the homepage and embracing the beautiful photography at our disposal.
Art direction
Design
Interactive
Editorial
Partnership
3250K
GIF
Fashion
192
false
[
Fila_hero-03.1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Simplicity and bold colors have home with Fila for sure.
Design
Fashion
Interactive
Art direction
Design Direction
3250K
Design
127
false
[
Beats_Homepage-alt2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Concepting
Content Strategy
Lifestyle
5600K
Design
127
false
[
Arc_FW24_Prod Intro
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A more organic layout with primary product feature call outs. Lots of sticky elements on this one.
Design Direction
Editorial
Minimal
E-comm
Action Sports
5600K
Design
Lifestyle
127
false
[
ari_exploration1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Design Direction
Art direction
Interactive
Graphic Design
3250K
Design
127
false
[
Ari_Projects_Mank
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Typography
5600K
Design
0
false
[
07.1_PDP-Fit
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A super old concept frame for the PDP on the Nixon re-design. Trying to educate consumers on watch sizings relative to wrist size.
E-comm
Interactive
5600K
Design
192
false
[
Beats_homepageSlide2-v1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Concepting
Content Strategy
Lifestyle
5600K
Design
0
false
[
Red-Bull_App-RFP-feed
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Action Sports
Product Design
5600K
Design
0
false
[
Ari_about-exploration-2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Another exploration for the about page, and going rogue on some colors
Design
Interactive
Design Direction
3250K
Design
64
false
[
ISOKO_Homepage_Expanded-01.1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Working through the homepage options, this was the more extended + editorial approach.
Design
Art direction
Interactive
Fashion
Lifestyle
3250K
Design
127
false
[
Ari_process-2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Process
Exploration
WIP
5600K
Design
127
false
[
Arc_FW24_Obsessive-Design
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A more organic layout with primary product feature call outs. Lots of sticky elements on this one.
Design Direction
Editorial
Minimal
E-comm
Action Sports
5600K
Design
Lifestyle
127
false
[
ISOKO_Home-hero
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
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
3250K
Design
192
false
[
Alo_Homepage-V1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
My initial take on the homepage, trying to elevate the design language and convey more calm with more organic negative space.
Design
Fashion
Lifestyle
Interactive
5600K
Design
255
false
[
Kohler_RFP_Drop-Nav
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
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.
Design
Interactive
Art direction
Content Strategy
5600K
Design
Product
192
false
[
Beats_desktop_topicLanding
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Creating ways to browse tagged content via a multi-tag system... something i dunno if it was really done at that time?
Design
Design Direction
Art direction
Content Strategy
Brand Strategy
5600K
Design
64
false
[
Fila_AD-grid-1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An excerpt of a longer page, showing a more minimal and editorial layout of product.
Art direction
E-comm
Design
Fashion
Editorial
5600K
Design
Lifestyle
255
false
[
Ari_grid-concept
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Dark
Process
5600K
Design
0
false
[
JWS_Joy-stick1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Initital proof of concept motion study for the joystick site.
Motion
Interactive
Design
B&W
Motion
0
false
[
Ari_about-exploration
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A more long-form approach to handling the about page. I dug it, but Ari wanted something more concise and straight-forward.
Design
Art direction
Interactive
Editorial
Design Direction
5600K
Design
0
false
[
Nixon_Collections-PCP-Integrated
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Integrated merchandising within a product grid. A novel idea at the time.
Design
Art direction
Interactive
E-comm
5600K
Design
Product
192
false
[
Basic_Applied_layout3
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Editorial layout for the Applied initiative
Design
Editorial
5600K
Design
127
false
[
Fox_section3
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Super old, but still like this one as a navigational + editorial element. Might have to make a v2.0 of this..
Design
Interactive
Design Direction
Content Strategy
Action Sports
5600K
Design
255
false
[
UnionBank_Deposit-Paypal
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
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
Interactive
Product Design
Design
Design Direction
Mobile
5600K
Design
Product
192
false
[
Alo_Footer-module
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A concept to make a brand moment below the footer and tie in social activations.
Design
Brand Content
5600K
Design
Lifestyle
64
false
[
Ari_About-1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Final design of the about page. I wanted to push this a bit more, but landed here due to responsive issues and Ari's push for simplicity.
Design
Interactive
Art direction
5600K
Design
64
false
[
Ari_process-12
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A WIP frame exploring some ways to meld a few different interaction models with... some success?
Design
Interactive
Process
Exploration
WIP
5600K
Design
Media / Ent.
64
false
[
Ari_awards-grid
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Breaking down the construction of how his many awards are displayed. Not the most scaleable, but more unique.
Design
Interactive
Editorial
Graphic Design
5600K
Design
0
false
[
Basic_site-redesign_AD-1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An art direction exploration for BASICs new site. Bring serifs back and look at stretch/drip via WebGL on scroll.
Interactive
Design
Art direction
Content Strategy
Design Direction
5600K
Design
255
false
[
Singer_build-detail_video-playing
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Designs done for the video playback on the Singer project– tying in vintage car dash vibes.
Design
Automotive
Motion
Video
Interactive
5600K
Design
127
false
[
SoundXYZ-footer
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Initial Sound.xyz footer design.
Design
Branding
Interactive
5600K
Design
Tech
192
false
[
Arc_FW24_Idea_Editor-Intro
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Exploring much more editorial introductions to subsections.
Design Direction
Editorial
Minimal
E-comm
Action Sports
5600K
Design
Lifestyle
127
false
[
basic_OTG-10
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Masked distortion is the name of this game.
Interactive
Design
Art
Design Direction
Editorial
5600K
Design
192
false
[
Arc_FW23_Idea_Organic-Layout
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Leaning a bit heavier on the Swiss minimalism as a vibe check.
Design Direction
Editorial
Minimal
E-comm
Action Sports
5600K
Design
Lifestyle
127
false
[
Beats_Homepage-Light
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Concepting
Content Strategy
Lifestyle
5600K
Design
127
false
[
JWS_Web-interaction-model-study
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An exploration of an interaction model that eventually lead to the current index section of the site.
Design
Interactive
Exploration
Experimental
Process
5600K
Design
64
false
[
Ari_Global_symbols
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A look at some of the Sketch component used on Ari's 2021 folio
Interactive
Design
B&W
Design
255
false
[
ISOKO_lookbook-01
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Embracing the beautiful imagery with extensive explorations with minimalism that doesn't feel too stale.
Interactive
Design
Editorial
Fashion
Lifestyle
3250K
Design
Fashion
127
false
[
Ari_Project_Waka
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
I think this is the iteration that sold Ari on this design system I had in mind.
Design
Art direction
Interactive
Process
Experimental
5600K
Design
192
false
[
jw.s-profile-title
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Created with code in Webflow so the type projections would switch. Meant to blur the lines between the two (literally and figuratively)
Design
Web Dev
Cinematic
Film feels
Brand Content
B&W
Design
0
false
[
murad6_rough_home
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A rough layout for a homepage to expand upon a hero design direction.
Design
Design Direction
Art direction
Interactive
E-comm
5600K
Design
192
false
Next
1 / 2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
¯\_(ツ)_/¯
[ Nothing emeets your criteria...yet ]
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
Related Tags
Pull a thread, see where it goes.
A collection of related tags that connect disparate content through thematic through-lines.
Explore Tags →
Design
(0
0
)
Art made with a purpose or objective in mind.
Last UpdateD
2.26.2023
Design Direction
(0
0
)
As you'd expect, leading a new direction in design (to various degrees)
Last UpdateD
2.26.2023
Interactive
(0
0
)
Anything that is interactive in some capacity. A broad category that lives at the core of a lot of my work.
Last UpdateD
12.21.2022
E-comm
(0
0
)
Interactive websites made to sell shit. Ive done a good bit of it, but I feel it's best left to templates these days.
Last UpdateD
1.8.2023
Product Marketing
(0
0
)
Working through ways to tell products stories with an end-goal to both educate and entice.
Last UpdateD
1.8.2023
Layout
(0
0
)
Work that focuses largely on layout and structure. Editorial in nature, but present in all mediums.
Last UpdateD
3.6.2023
Contact
Contact
Contact
Contact
Contact
Contact
Contact
Contact
J\V.S
Contact
Form.
Have a collaboration in mind, or just want to talk? Fill out the form, shoot me an email, or connect on any platform.
[ Name ]
[ Email Address ]
[ Subject ]
[ 01 ]
New Biz
[ 02 ]
Collaborations
[ 03 ]
Availability
[ 04 ]
Product Request
[ 05 ]
Product Support
[ 06 ]
Networking
[ 07 ]
Random Question
[ 08 ]
Something Else
[ Message ]
[ Your submission has been received, and I'll be in touch shortly. ]
[ Primary Contact ]
hi@jonway.studio
[ Next Availability ]
Sept 2024
→
[ Prioritizing ]
Full time, Branding projects
[ Current Location ]
Los Angeles, CA
Catalog
/
Design
All
A High-level look of collaborative works.
Graphic Design
This is some text inside of a div block.
Typography
This is some text inside of a div block.
Editorial
This is some text inside of a div block.
Art Direction
This is some text inside of a div block.
Branding
This is some text inside of a div block.
Interactive
This is some text inside of a div block.