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 info about me, and my Various 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.
Forest
Freebie
Generative
Graphic Design
Hawaii
Iceland
Incidental
Insights
Inspiration
Interactive
JW.S
Jon Mangiagli
Lab
Lake
Landscape
Layout
Lifestyle
Lightroom
Live Streams
Long Exposure
Los Angeles
MIke Siordia
Macabre
Mike Denim
Minimal
Misc
Mobile
Mock-ups
Modern
Motion
Mountains
Music
Nature
New Release
New York
News
OOH
Originals
Outdoors
PNW
Packaging
Partnership
Passion Project
People
Personal
Photo
Photo shoot
Photoshop
Pipeline
Playlist
Previous
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
]
[
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
[
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
[
Nixon_04_flow1.1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Optimizing e-commerce checkout flow in ways that hadn't really been seen at the time.
Design
Interactive
E-comm
5600K
Design
Product
255
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
[
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
[
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
[
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
[
ISOKO_Collection-Hover
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Simple + clean product grid, with a hover interaction to show an additional angle.
Art direction
Design
Interactive
Editorial
Partnership
3250K
Design
192
false
[
Nixon_Collections-Nav
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Design Direction
Action Sports
5600K
Design
Product
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
[
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
[
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
[
Beats_Desktop_toolkit-1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Concepting
Content Strategy
Lifestyle
5600K
Design
192
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
[
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
[
Harrods_Homepage
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Fashion
Lifestyle
Minimal
5600K
Design
Fashion
127
false
[
SoundXYZ_Web_Hero-Interaction
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
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
5600K
Design
Tech
127
false
[
ISOKO_Home Overview
.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
[
Fila-Hero-In
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Look at ways of animating in a heavy handed gradient overlay.
Design
Motion
Interactive
5600K
Motion
192
true
[
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_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
[
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
[
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
[
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
[
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
[
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
[
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
[
JWS_Web-profile
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Web Dev
Cinematic
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
[
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
[
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
[
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
[
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
[
Volcom_blog-excerpt
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An excerpt from the blog to show some of the toolkits.
Design
Art direction
Interactive
Surf
Lifestyle
5600K
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
[
Beats_HeadphoneIMG-grid
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Concepting
Content Strategy
Lifestyle
5600K
Design
127
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
[
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_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
[
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
[
Nixon_04_Collections-PCP-Hover1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Its super common place now, but this was probably one of the bigger original ideas of the platform.
Design
Interactive
E-comm
5600K
Design
Product
255
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
[
Volcom-Hero5
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Surf
Lifestyle
5600K
Photo
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
[
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
[
Nixon_Homepage-long
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
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
5600K
Design
Product
255
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
[
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
[
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
[
Ari_Projects_P+H
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Typography
5600K
Design
127
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
[
Arc_FW24_R3-FeatProducts
.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
[
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
[
Ari_Projects_Canals
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Typography
1000K
Design
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
[
Nixon_Mens-Product-landing
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
E-comm
Art direction
Exploration
Process
5600K
Design
Product
192
false
[
Volcom-collectionModule-02
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An exploration for a collection module, contextualizing and embedding an artist's style in presenting the product.
Design
Art direction
Interactive
Surf
Lifestyle
5600K
Design
127
false
[
UnionBank_Account–Analysis
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Looking at ways to include viable financial feedback based on your account balances and transactions.
Interactive
Product Design
Design
Design Direction
Mobile
5600K
Design
Product
192
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
[
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
[
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
[
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
[
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
[
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
[
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
[
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
[
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
[
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
[
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
[
Ari_Projects_Waka1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Process
Typography
5600K
Design
127
false
[
Singer_right-nav-states
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
The gallery navigation states that show the modular approach across all the different states.
Design
Interactive
Automotive
B&W
Design
0
true
[
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_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
[
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
[
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
[
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
[
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
[
Beats_desktop_topic-Landing
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An unconventional look at how BBD could leverage topics and their cultural relevance.
Design
Design Direction
5600K
Design
Product
64
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
[
Fila_Lookbook-Module-03
.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
[
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
[
Fox-RPC-PDP
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Brought on to help out with a product detail page for a new marquee product from Fox.
Design
Interactive
Design Direction
Content Strategy
Action Sports
5600K
Design
Active
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
[
Ari-JWS_Promo4
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A concept for teaser for the new site Ari and I were launching.
Design
Design Direction
Interactive
Process
5600K
Design
0
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
[
Beats_homepageStatic
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Concepting
Content Strategy
Lifestyle
5600K
Design
192
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
[
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-Light
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Concepting
Content Strategy
Lifestyle
5600K
Design
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
[
Heath_hero_exploration2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Design Direction
Art direction
Content Strategy
3250K
Design
192
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
[
Nixon_Dealer-Locator2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
E-comm
5600K
Design
Product
255
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
[
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_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
[
Fox_section2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Collage and texture.. playing a game off chicken with tackiness. Lots of things I'd do different, but don't feel it was too far off.
Design
Interactive
Design Direction
Content Strategy
Action Sports
5600K
Design
255
false
[
Alo_Homepage-carousel
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Fashion
Lifestyle
Interactive
5600K
Design
255
false
[
Heath_hero_exploration1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Design Direction
Art direction
Content Strategy
3250K
Design
192
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
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.