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
]
[
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
[
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
[
UnionBank_Account-Details_Landing
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
The account detail page with filterable transactions providing information and relevant actions.
Interactive
Product Design
Design
Design Direction
Mobile
5600K
Design
Product
64
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
[
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
[
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
[
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
[
Harrods_Homepage
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Fashion
Lifestyle
Minimal
5600K
Design
Fashion
127
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
[
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
[
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
[
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
[
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
[
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
[
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
[
ISOKO_Collection-hero
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Pushing the native carousel in Webflow to be a bit more expressive.
Art direction
Design
Interactive
Editorial
Partnership
3250K
Design
192
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
[
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
[
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
[
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
[
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
[
Ari_Projects_NewCompany
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Typography
1000K
Design
Media / Ent.
127
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
[
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
[
Beats_expandedNav-v1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Since the Nixon visual nav didn't quite take, I wanted to try it again here.
Design
Design Direction
5600K
Design
64
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
[
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
[
BBD_desktop_hovers_01.1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A longer-form homepage for Beats that gets more into the long-form content stream
Design
Interactive
Art direction
E-comm
5600K
Design
64
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
[
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
[
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
[
ISOKO_Homepage_02.1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A very editorial approach to a homepage that relies on the beautiful imagery of the brand.
Interactive
Design
Editorial
Fashion
Lifestyle
3250K
Design
Fashion
127
false
[
Beats_Active1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Working on the active collection as an extension of the overall site framework that was recently established.
Design
Art direction
Concepting
Content Strategy
Lifestyle
5600K
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
[
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
[
Nixon_PDP_Fit-Guide
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Looking at ways to show available sizes while educating customers on ideal fit to reduce lift on the support team.
Design
Interactive
E-comm
5600K
Design
Lifestyle
255
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
[
Fila-Hero-05
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design Direction
Design
Content Strategy
Interactive
E-comm
5600K
Design
Lifestyle
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_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
[
Beats_Homepage-alt1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Concepting
Content Strategy
Lifestyle
5600K
Design
127
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_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
[
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
[
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
[
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
Previous
2 / 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 ]
June 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.