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.
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
]
[
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
[
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
[
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
[
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
[
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
[
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
[
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
[
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
[
Ari_load-in_002
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
An early exploration with Ari around load-in sequencing. Lots of type treatments in the mix.
Design
Interactive
Black and white
Motion
B&W
GIF
192
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
[
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
[
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
[
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
[
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
[
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_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_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
[
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
[
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
[
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
[
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
[
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_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
[
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
[
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-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
[
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
[
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
[
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
[
UnionBank_Transfer-Send
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Looking at consolidating relevant information around sending money– pending requests and with friends near by.
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
[
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
[
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
[
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
[
Applied-shotgun-6.0
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Interactive
Design
Art
Design Direction
Editorial
5600K
Design
192
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
[
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
[
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
[
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
[
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
[
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
[
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
[
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-carousel
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Fashion
Lifestyle
Interactive
5600K
Design
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
[
Ari_about-exploration-6
.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
Editorial
3250K
Design
Media / Ent.
64
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
[
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
[
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
[
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
[
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
[
Arc_FW24_Idea_Collage
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A little ham-fisted, but exploring something of a looser collage feel.
Design Direction
Editorial
Minimal
E-comm
Action Sports
5600K
Design
Lifestyle
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
[
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
[
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
[
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
[
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
[
Fila_lookbook-module
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
A look book module from a broader toolkit to help Fila homogenize their brand aesthetic.
Design
Design Direction
Art direction
Fashion
Lifestyle
5600K
Design
127
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
[
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
[
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
[
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
[
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
[
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
[
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
[
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_Projects_Waka1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Process
Typography
5600K
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
[
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
[
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
[
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_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_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
[
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
[
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
[
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
[
Tavarua_Homepage-V1
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
V1.0 of the homepage for the Tavarua re-design. Only the beginning
Product Marketing
Design
Interactive
Warm
Bright
7750K
Design
192
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
[
Ari_Link-concept
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
All I can say is... edibles do some interesting things to interactive design ideas. A concept for oversized hover states that overlap.
Design
Interactive
Process
Experimental
WIP
3250K
Design
Media / Ent.
192
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
[
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
[
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
[
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
[
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
[
Beats_Desktop_toolkit-2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Grids on grids. A moment in the tool kit to really leverage the deep library of brand content.
Design
Art direction
Concepting
Content Strategy
Lifestyle
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
[
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
[
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
[
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
[
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
[
Ari_Projects_Canals
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Typography
1000K
Design
127
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
[
Ari_process-2
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Interactive
Process
Exploration
WIP
5600K
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
[
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
[
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
[
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
[
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
[
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
[
Ari_Projects_Mank
.GIF
.JPG
.JPG
.mp3
.mp4
.JPG
.mp4
]
Featured
Product
Goods
Project Work
Design
Art direction
Interactive
Typography
5600K
Design
0
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 ]
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.