JW.S All Rights REserved
33.89159˚N, -118.3951˚W
J\V.S
Terms & Conditions
×
By proceeding, you accept the terms and conditions of using this website.
1. Commitment to Accessibility

We are committed to ensuring digital accessibility for people with disabilities and strive to continually improve the user experience for everyone.
‍
‍
2. Accessibility Standards
‍
Our website follows recognized standards for accessibility, such as the Web Content Accessibility Guidelines (WCAG) 2.1, to support an inclusive and accessible digital experience.
‍
‍
3. Requesting Accommodations

If you experience any accessibility issues, please [contact us] (insert link or contact information) to request additional assistance. We are committed to addressing any barriers you may encounter and will make reasonable efforts to ensure access to our services.


4. Modifications to Accessibility Features

We reserve the right to update our accessibility standards or features at any time to improve the user experience and enhance digital accessibility for all users.


5. Feedback and Complaints

Your feedback is important to us. If you have suggestions on how we can improve accessibility, please submit feedback. We are continually seeking ways to enhance access and will consider all feedback as part of our ongoing improvements.


6. Limitation on Legal Claims

By using this website, you acknowledge and agree that, you waive your right to bring any lawsuit or file complaints specifically regarding ADA compliance, accessibility, or usability of this website. We encourage users to address any accessibility issues directly with us through the feedback and support channels provided in these terms.
Accept
Decline
The Latest 
NEW
Netflix Sports Case Study Now Live
→
M
07
D
15
Y25
T
5:04:48 AM
Currently
Independent Creative director, Founder/Ecd @  ▊▊▊▊▊
NExt Availability:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*HTM STS
VER/12433.56
Ship
Weylan
YutaniNost romo 180246
Runtime Live
RElative Run
24d 24M 33S
24d 24M 33S
*HTM STS
*HTM STS
*HTM STS
*HTM STS
*HTM STS
01001010 01010111 00101110 01010011
74 87 46 83
4A 57 2E 53
.--- .-- .-.-.- ...
112 127 056 123
WJ.F
33.8492° N, 118.3884° W
PST - 8 GMT
03.2019
60 - 250 Hz
310
90232
33  8622    118    3995
33  8622    118    3995
33  8622    118    3995
33  8622    118    3995
33  8622    118    3995
33  8622    118    3995
33  8622    118    3995
(!) 05.24: Project Pages a bit broken. WIP (!)
Works
Items
Projects
Tags
ISOKO
featured
Netflix Sports
featured
Arcteryx
featured
Theorycraft
featured
NØ–ISØ
featured
Hangyaku V1
featured
Scab Shop
featured
Ledger MP
featured
DANC
featured
Singer
featured
Aristide
Home
→
Works
→
Items
→
Projects
→

Featured Projects
‍
‍
featured
Netflix Sports
featured
Arcteryx
featured
Theorycraft
featured
NØ–ISØ
featured
Hangyaku V1
featured
Scab Shop
featured
Ledger MP
featured
DANC
featured
Singer
featured
Aristide
Tags
→
Goods
→
Delta
→
Info
→
[ Close ]
Works
[Desc]
An ever-growing collection of my creative works across mediums, disciplines, etc.
Goods
[Desc]
My Work as an indepndent creative director +designer.
Delta
[Desc]
A divergent stream of my creative consciousness.
Info
[Desc]
More info about me, and my work.
.
Cart
[
0
]
ISOKO
®
× JW.S
Site Design + Dev
[ Desc. ]
Expanding the brand's AD through interactive design + dev to launch a new lifestyle brand, ISOKO. More soon info soon.
PUBLISHED
2021.11
Partnership
Fashion
Art Direction, Web Design + Dev
[ Tags ]
Design
Art direction
Web Dev
Lifestyle
Fashion
↓
Explore
↓
‍
‍
033.8622°118.3995°

Working with ISOKO started by me responding to an insta story in an open call for designers from Alexandre Souêtre (a personal fav creative of mine). I think this is the first time I've ever done that, but it worked out quite nicely. I was brought on to expand upon the initial brand work done by Alex, to promote the beautiful products developed by Oghale Alex and his business partners. So basically.. Alex created an awesome and minimal brand, and I had the best assets to work with. EZ.

While the design work I did in blending the two together was pretty easy given what I had at my disposal, the development.. not so much. I really wanted this to be buttoned up and capture the calm essence of the brand. That meant slowing things down, and being as precise as possible. I'm proud of what I was able to pull off, and was definitely a project I learned a lot on

Visit the site ↗

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

gfdsgdsf

033.8622°118.3995°

A narrowed focus

With the bulk of the brand recently created by Alex and Ogahle, there wasn't a ton of space to play. I feel like there was some room to embrace a more editorial applciation that feels appropriate for brands that exist somewhere in the fashion to high fashion realm. Also, the core tenant of the brand (and tagline) is the idea of connecting to calm, so clearly a sense of calm and openness was going to need to be immediately apparent across the board.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • sdfsafdsafdsaf
  • dsaff

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

[ inspiration not currently available ]
033.8622°118.3995°

Static to Dynamic

To kick off the design process, I primarily worked through static comps to help iterate quickly and hone in on the proper application/evolution of the brand. It honestly didn't take all that much back and forth, but once we were established on a path, the more interior pages were primarily designed in Webflow. This was initially to rough out content flow, and start connecting/creating known CMS data points... but this slowly evolved into full-fledged designing within webflow. With this pivot, we were able to evaluate things in browser with final functionality which was helpful since an abstract feeling of 'calmness' in interacting with the site is very hard to convey in static comps. While quick motion studies could have also conveyed, Webflow is interactive and at this point quicker for me to prototype within.

ISOKO_lookbook-01
.JPG
2021-11-07
design
/
Figma
Final
—
7
/10
Fashion
 + 
Lifestyle
3250K
 + 
127
33.89159˚N, -118.3951˚W
Embracing the beautiful imagery with extensive explorations with minimalism that doesn't feel too stale.
[ Pan + Zoom ]
View in Catalog
→
[ 
ISOKO_lookbook-01
.JPG
 ]
[ Desc. ]
Embracing the beautiful imagery with extensive explorations with minimalism that doesn't feel too stale.
Isoko_Collection-Grid_02.2_V2
.JPG
2021-11-24
design
/
Final
—
7
/10
Fashion
 + 
Lifestyle
3250K
 + 
127
33.89159˚N, -118.3951˚W
A sample flow of content for a collection landing page.
[ Pan + Zoom ]
View in Catalog
→
[ 
Isoko_Collection-Grid_02.2_V2
.JPG
 ]
[ Desc. ]
A sample flow of content for a collection landing page.
ISOKO_Homepage_02.1
.JPG
2021-11-10
design
/
Figma
Final
—
7
/10
Fashion
 + 
Lifestyle
3250K
 + 
127
33.89159˚N, -118.3951˚W
A very editorial approach to a homepage that relies on the beautiful imagery of the brand.
[ Pan + Zoom ]
View in Catalog
→
[ 
ISOKO_Homepage_02.1
.JPG
 ]
[ Desc. ]
A very editorial approach to a homepage that relies on the beautiful imagery of the brand.
ISOKO_01.0_Homepage_Simple
.JPG
2021-11-10
design
/
Figma
Final
—
6
/10
Fashion
 + 
Lifestyle
3250K
 + 
192
33.89159˚N, -118.3951˚W
One of the closer to completed homepage directions for the ISOKO design and dev.
[ Pan + Zoom ]
View in Catalog
→
[ 
ISOKO_01.0_Homepage_Simple
.JPG
 ]
[ Desc. ]
One of the closer to completed homepage directions for the ISOKO design and dev.
ISOKO_PDP-connections
.JPG
2021-11-10
design
/
WebFlow
Final
—
8
/10
Fashion
 + 
Lifestyle
3250K
 + 
192
33.89159˚N, -118.3951˚W
Showing the related products via a layout that utilizes overlap that closely ties them together.
[ Pan + Zoom ]
View in Catalog
→
[ 
ISOKO_PDP-connections
.JPG
 ]
[ Desc. ]
Showing the related products via a layout that utilizes overlap that closely ties them together.
Isoko_Homepage_Release-Module
.JPG
2021-07-24
design
/
Figma
Final
—
8
/10
Fashion
 + 
Lifestyle
3250K
 + 
127
33.89159˚N, -118.3951˚W
A module that would break down the releases of daily products.
[ Pan + Zoom ]
View in Catalog
→
[ 
Isoko_Homepage_Release-Module
.JPG
 ]
[ Desc. ]
A module that would break down the releases of daily products.
ISOKO_PDP-hero
.JPG
2021-11-10
design
/
WebFlow
Final
—
7
/10
Fashion
 + 
Lifestyle
3250K
 + 
192
33.89159˚N, -118.3951˚W
The PDP hero, leaning into minimalism and larger product imagery to avoid any need for zoom functionality.
[ Pan + Zoom ]
View in Catalog
→
[ 
ISOKO_PDP-hero
.JPG
 ]
[ Desc. ]
The PDP hero, leaning into minimalism and larger product imagery to avoid any need for zoom functionality.
ISOKO_Homepage_Expanded-01.1
.JPG
2021-07-24
design
/
Figma
Final
—
7
/10
3250K
 + 
127
33.89159˚N, -118.3951˚W
Working through the homepage options, this was the more extended + editorial approach.
[ Pan + Zoom ]
View in Catalog
→
[ 
ISOKO_Homepage_Expanded-01.1
.JPG
 ]
[ Desc. ]
Working through the homepage options, this was the more extended + editorial approach.
ISOKO_Quick-Shop
.JPG
2021-11-10
design
/
WebFlow
Final
—
6.5
/10
Fashion
 + 
Lifestyle
3250K
 + 
192
33.89159˚N, -118.3951˚W
While simple in design, implementing a non-intrusive yet apparent quick shop functionality was kind of heavy development lift.
[ Pan + Zoom ]
View in Catalog
→
[ 
ISOKO_Quick-Shop
.JPG
 ]
[ Desc. ]
While simple in design, implementing a non-intrusive yet apparent quick shop functionality was kind of heavy development lift.
ISOKO_Home-hero
.JPG
2021-11-10
design
/
WebFlow
Final
—
6.5
/10
Fashion
 + 
Lifestyle
3250K
 + 
192
33.89159˚N, -118.3951˚W
Homepage hero resolved state– again leaning into the amazing imagery through a load-in sequence that pans down through the image.
[ Pan + Zoom ]
View in Catalog
→
[ 
ISOKO_Home-hero
.JPG
 ]
[ Desc. ]
Homepage hero resolved state– again leaning into the amazing imagery through a load-in sequence that pans down through the image.
033.8622°118.3995°

Editorial all day

A good portion of exploration was focused around potential story-telling, and thus editorial layouts all over the place. While they didn't end up being as present in the final site as I inferred there would be, it was a good exercise to feel out the brand regardless.

[ 
ISOKO_Intro_concept
.JPG
 ]
[ Desc. ]
Looking at intro sequences for the homepage and embracing the beautiful photography at our disposal.
ISOKO_Intro_concept
.JPG
2021-11-10
design
/
Figma
Scraps
—
6
/10
Fashion
 + 
Lifestyle
3250K
 + 
192
33.89159˚N, -118.3951˚W
Looking at intro sequences for the homepage and embracing the beautiful photography at our disposal.
[ Pan + Zoom ]
View in Catalog
→
033.8622°118.3995°
Attribution +
Add'l Info
‍
Design Direction / Lead Design / Web Development
Jon Way
Creative Direction
Alex Souetre + Oghale Alex
Photography
Oghale Alex

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Subscript

Title
ISOKO
Project
Site Design + Dev
Context
× JW.S
Responsibilities
Art Direction, Web Design + Dev
Project Type
Partnership
Tags
[ 00-0 ]
Intro
↴
[ 00-1 ]
Preface
↴
[0
0
]
[ 00-2 ]
Inspo
↴
[0
0
]
[ 00-3 ]
Output
↴
[0
0
]
[ 00-4 ]
Process
↴
[0
0
]
[ 00-6 ]
Attribution
↴
[ 00-7 ]
Related
↴