CHAPTER 2
Styles

2.1 - The Styles Workspace

 

The Styles Workspace is a collaborative workspace for you and your team. It provides a clear visual overview of your entire collection. This is where the designs are stored and worked on!

Workspaces15.png
GeneralAccess_04.gif

Okay, so what defines a style? Is it like a 3D block?

 

A block is the foundation of a style - the base pattern, stitched together and styled, but without any further design like colors or artworks. The style is the finished garment! This is the final design, with all details like pockets or trims, simulated with the correct fabric and including all colors, artworks, and trims like labels or cord stoppers.

Workspaces16.png

Uploading a style to the Stitch 3D Hub serves several purposes. Whether you're uploading a finished style or a work-in-progress one, you'll always gain the following:

  • 5 standard views of the garment are rendered automatically.

  • The 3D file is safely stored on the Hub.

  • Everyone from your team has access to the style: they can open it, download the 3D file or the rendered images.

  • Your team can leave a reaction or comment on the style.

 

 

Every style belongs to a team, so you have access to the styles of the teams you belong to. If you work across multiple teams, you can switch to a different team at the top of the Hub. But you can only see the styles of one team at the time.

Workspaces17.png

Searching, Sorting & Filtering

Everyone in your team has access to the same styles. But you can easily change which styles are displayed to you, in order to make your workflow easier and faster. That way, you can quickly find any style you are looking for!

Workspaces18.png
Workspaces19.png

Style Details

Workspaces-01.gif

When you click on a style, the Style Details open. At the top, you see the general style information, with the option to edit it (1). This is also where you can access the comments and ratings (2) of a style. On the left side, you see the version area (3). You can always access previous versions. On the right, you see the colorways (4) of the selected version.

Workspaces20.png
Workspaces21.png

Each version can have different colorways. Throughout the iterations, colorways are often added or removed. The versions of a style show you exactly which colorways each 3D file contains. Depending on which version is selected, you see the colorways belonging to that version.

Workspaces-02.gif

PLM Connection

Of course we want our styles to show all the data we need. For example, that could be the season or the product group, the retail price, or if the style is an essential or an NOS article. What we don’t want is to enter all that data manually if we already have this saved in a PLM system!

That’s why it’s possible to connect your PLM system to the Stitch 3D Hub. PLM integrations reduce error potential and ensure having only one source of truth for the style data. With the proper setup, style data can be updated automatically if anything changes on the PLM.

If your styles are connected to your PLM system,

you eliminate manual data entry on the Hub!

2.2 - Preparing Files (VStitcher)

 

Before we can upload a VStitcher file to the Styles section, we need to prepare it properly. Otherwise, errors can occur during the upload or rendering process. The most important thing is snapshot management.

Workspaces22.png
Workspaces24.png
Workspaces23.png

So why exactly do we need to prepare the snapshots in the file like this?

 

The Stitch 3D Render Farm picks up one manual snapshot for rendering. Without a manual snapshot, Auto Rendering cannot happen! If you try to upload a VStitcher file without a manual snapshot, you will receive an error:

Workspaces25.png

And if you have more than one manual snapshot, you can’t choose which one the Render Farm would use for rendering. So best practise is to clean up the list of snapshots like we showed you.

By the way: preparing the 3D file with one manual snapshot and saving it including the avatar is not only crucial for Auto Rendering. It also ensures that other people from your team can open the file correctly! When they download the 3D file from the Hub and open the snapshot, they open the exact draping that the garment was styled and saved in. And because the draping depends on the avatar underneath the garment, it is important to save the avatar in the file!

Workspaces26.png

2.3 - Uploading New Styles (VStitcher)

 

Okay, the 3D file is prepared, now let’s add it to the Hub! To upload the 3D file, you have two options. Either drag and drop the file in the Styles Overview, or use the New Style button.

Workspaces27.png

If the Stitch 3D Hub is connected to your PLM system, styles can be linked to PLM data at the moment that they are uploaded, or retroactively. Of course, you can also work with styles without ever connecting them to a PLM system!

Workspaces28.png
Workspaces29.png

Now let’s take a look at the sequence of steps for uploading a 3D file to the Hub! It’s actually pretty straightforward, with or without PLM system.

Workspaces30.png
Workspaces31.png
Workspaces32.png

 After adding the 3D file and confirming, the style is then uploaded to the Hub. You will see a green box during the upload. After a short while, there is a gray placeholder image in the Styles Overview. This means that the upload is finished, and now the rendering is in progress.

Workspaces33.png
Workspaces34.png
Workspaces35.png

Once you see the gray placeholder, the rendering has started and you know you can safely close the tab or browser. Or continue with any other functionality of the Hub! Your style is rendered in the background, and you can come back later when it is finished.

And that’s it! Those were all the steps and important things to consider when uploading a new style! The style is now auto rendered and available on the Hub for your whole team.

Want to upload a different 3D file format?

While the Stitch 3D Hub is optimized to work with VStitcher files, it is also possible to work with other file types. However, this requires a slightly different workflow and does not include the luxury of auto rendering. More about uploading styles in different file formats in subchapter 2.7!

2.4 - Adding Manual Renders

 

The 5 standard views of Auto Rendering are great, but sometimes we just need a different view for showing some nice design details on our style. No problem! Remember that you can always create Manual Renders, as we showed you in the first chapter of this training. With Manual Renders, you have complete control over the camera views, so you can zoom in on any detail you want!

 

Now how can we add these Manual Renders to our style?

Easy! Open the Colorway Menu and select Add Images. You have two options: Adding images From Renders or From Files.

Workspaces36.png
Workspaces37.png

Remember that the My Renders section of the Hub is connected to your personal account. Nobody else has access to your Manual Renders. But as soon as you add one of your Manual Renders to a style, they become available for your team to see. Anyone that has access to this style can now view the manually added renders, just like the auto renders. And they will also be able to download the image from the style!

Workspaces38.png
 
 
 
 

2.5 - Versions

 

In the product development process, styles are typically subject to a lot of changes: maybe the pattern needs to be different, or an artwork should be bigger, or a colorway has been added... Versions allow you and your team to keep track of every single style, and how it evolves over time!

Nothing gets lost, and if after 5 changes you find that version 3 was the best one - just make it your current main version again. We always use the Hub as our one source of truth, keeping the style file up to date, while at the same allowing us to retrace all the steps from the first idea to the finished product.

Workspaces39.png

To add a new version to a Style on the 3D Hub, we first need to make the changes in the VStitcher file and save it. Make sure you follow the same steps as for preparing VStitcher files for the first upload.

 

Open the Style. To add a new version, you have two options! Either click on Add New Version and then drag the file into the upload area. Or drop the 3D file directly into the version area.

Workspaces40.png
Workspaces41.png

The menu that pops up next is very small and there are only two things in there: the name of the updated version and whether it should be the new main version. Both can also be adjusted later on if something changes.

Workspaces42.png

The new version is then uploaded and all renders are created automatically again. Don't close the window or tab during the upload! Once you see the grey placeholder, the upload is complete and the rendering is in process. Now it's safe to click away. You can use all functionalities of the 3D Hub while you wait for the Auto Renders to be created.

Workspaces43.png
Workspaces44.png

If a style only has one version, this is automatically the main version. If there have been a lot of updates, here are some hints to stay on top of your versions:

Workspaces45.png
Workspaces46.png

Every version has a version menu with several options. In here, you can always access every image and 3D file. You can also edit or delete the version. And as we just mentioned above: this is also where you can change the main version. Any version that is not the main version will show the option here to turn it into the main version!

Workspaces47.png
Workspaces48.png

2.6 - Colorways

 

Colorways are color variations of the same garment, based on the same pattern. In 3D, it’s also important to note that every colorway is based on the same simulation - the snapshot that was used to create the Auto Renders when uploading the file.

On the right side of the version area, the colorways are displayed that belong to the selected version. Between versions, it often happens that colorways change. In the example below, the green and blue colorways are added in the first versions, but removed again for the current version.

Workspaces-02.gif

But of course, colorways don’t always change. New versions are often added because of changes in the pattern or the styling. In those instances, the number and names of the colorways stay consistent.

On the Stitch 3D Hub, colorways are detected automatically from the VStitcher file when it is uploaded. Because of that, you cannot manually add or delete colorways in the Style Details when you are working with VStitcher files. The button Add New Colorway is grayed out and inactive.

Workspaces49.png

There are changes in your colorways and you want to update the Style?

That’s what the versions are for!

If there are changes in the colorways, these updates need to be made in the 3D file itself. Open the VStitcher file and change, delete or add colorways. Don’t forget to check your snapshots! Then simply save your changes in the file and upload a new version to the Style. The new version will show the updated colorways.

Color Run

All colorways of the main version are displayed in the preview at the top left corner of the Style Details. You can change the order of the colors by dragging the colorways to a different position.

Workspaces-03.gif

When a style is opened, you see the color run. But in the Styles Overview, only one colorway is displayed! That is always the one at the top (or the one in the front in the color run). So if you want to change which colorway should be displayed in the Styles Overview, make sure that one is at the top in the colorways.

Downloading Images

In the version menu, you can download all images from all colorways in a zipped folder. The download button in a colorway downloads all images from only that specific colorway. And you can also download individual images by clicking on the blue arrow of a render in one of the colorways.

Workspaces50.png
Workspaces51.png

Adding Colorway Data

In each colorway, you can add and edit some data. Open the Colorway Menu and select Edit Data Manually. Here, you can add a colorway code or tags, or choose the main color of the colorway. The info is then displayed at the top of the colorway images.

Workspaces52.png
Workspaces53.png
Workspaces54.png

2.7 - Uploading New Styles (CLO3D)

 

We can also upload CLO3D files to Styles on the Hub. But keep in mind that only VStitcher files are supported for Auto Rendering. So for any other 3D file types, we need a slightly different workflow!

The first steps for creating a new style are always the same. We have the option to either drag the file directly into the Styles overview, or click on New Style.

Workspaces55.png

If the Stitch 3D Hub is connected to your PLM system, styles can be linked to PLM data at the moment that they are uploaded, or retroactively. Of course, you can also work with styles without ever connecting them to a PLM system!

Workspaces28.png
Workspaces29.png

Now let’s take a look at the sequence of steps for uploading a 3D file to the Hub! It’s actually pretty straightforward, with or without PLM system.

Workspaces30.png
Workspaces31.png
Workspaces32.png

As mentioned previously: Auto Rendering is only available for VStitcher Files. So when working with any other file types, we need to add the images manually. These renders need to be created beforehand, which can be done in the same 3D software that was used to create the 3D garments. In this case, we are using a garment created in CLO.

After our file is uploaded, we need to create an empty colorway. For that, click on Add New Colorway and enter the colorway name. You can also add a colorway code, the main color or other tags. The colorway is now created, as a placeholder for us to add our own renders.

Workspaces61.png
Workspaces62.png
Workspaces63.png
Workspaces64.png

Our first colorway is done! If your style contains multiple colorways, simply repeat steps 4-7 for each colorway until your style is complete. And if the style gets updated, you can of course upload a new version as well! For that, simply use the Add New Version button, or you could also drag the file straight into the version area. After adding the file of the new version, you can enter the name, and select whether this version should become the new main version - or not.

Workspaces42.png

And once the file is uploaded, we can start adding all of our colorways and their updated renders! Keep repeating steps 4-7 as explained above, and in a short matter of time your new version will be visible on the Hub!

Safely stored, neatly organized and easily accessible to you and the rest of your team!

2.8 - Comments & Ratings

 

Building a collection is a team effort, and feedback is an important part of creating the best possible version of a product! That’s why the Style Details include a section called Style Comments! Here you can write and read comments or leave a reaction.

This is also where merchandizers and sales teams come into the development process! They are very close to the consumers and have the unique skill of identifying the next bestsellers of the season.

We all know that most feedback nowadays is sent via e-mails. Or it happens during long in-person meetings. Which is of course a very cumbersome and inefficient method, and easily leads to errors. The Stitch 3D Hub provides a platform for feedback in a simple process that also takes into account that products go through multiple iterations before they are finished.

Say goodbye to the old days of post it notes, foam boards,

technical drawings, and fabric swatches!

With the Stitch 3D Hub, we leave behind the days of finding a post it note on the floor and wondering which foam board it fell from! Which style was that comment intended for again?On the Hub, feedback is always accessible and easy to find. On top of that, it does not require the entire team to clear their schedule for days. Anyone with access to the collection on the Hub can comment on the styles and react to them whenever they want.

Comments

To access the feedback functions, open any style on the Hub. At the top, you will find a button called Comments.

Workspaces66.png

The Style Comments automatically display a chronological history of all the various phases that a style can go through during the product development process. For example when a new version has been uploaded and the main version of the style has changed! Every change of the style is recorded. That way, when someone adds feedback, it’s always clear if it refers to the current version or an older one.

Okay, let’s write a new comment!

To add a comment to a style, simply type in the box at the bottom, and click on Post. That’s it! Anyone who opens the Style can now see your comment. They will also know that you were the one who wrote it and when.

You can leave more than one comment. And you can easily edit or delete your own comments after posting! Your own comments display a menu at the right side. In there, either choose Edit Comment or Delete Comment.

Workspaces67.png

In the top right corner of the Style Comments, you can also filter the comments.

There are 4 options to choose from:

  • See all comments

  • Only my own comments

  • Only Creators’ comments

  • Only Viewers’ comments

Workspaces68.png

The comment filters come in especially handy if you are working in a large team and the comment section is being filled quickly. Maybe you just want to check if you have already left a comment on this particular style? Then use the filter to only see your own comments.

Workspaces69.png

Reactions

Reactions are another way to give and collect feedback within the team. There are three reactions to choose from at the bottom of the Style Comments. Once you react to a style, the other two options are not available anymore for you. So you can only choose one out of three. However, you can change your reaction at any time by just clicking on one of the other options! For example, you might change your mind about a style once a new and improved version has been uploaded.

Workspaces70.png

When someone reacts to a style, this is added as a note to the chronological style history. All reactions also show up at the top left corner of the Style Comments. Here, you can see how the style is performing overall.

Workspaces71.png
Workspaces72.png

If you want to know who reacted to the style without having to read through the entire style history, there is an easy way to do that! Hover over the displayed reactions at the top. A tool tip appears, which says “Click to see who reacted to the style”. Once you do that, you enter the Reactions Overview. All the reactions are listed here!

Workspaces73.png
Workspaces74.png

The button to reset all reactions can come in handy if a new version is uploaded. Otherwise, all reactions are actually for the old version! So reset the reactions, then let everyone know that there is a new version. That way, you can gather another round of feedback to determine the performance of the style!

Workspaces75.png

Reactions in the Styles Overview

You can also display the reactions feedback of the entire collection! To display the reactions on top of the thumbnails in the Style Overview, go to the Settings Menu at the top right corner of the Hub. You will find a toggle to make reactions visible.

 

Hover over the image to switch between invisible and visible reactions!

Workspaces76.png
Workspaces78.png

With the reactions toggled on, you get an idea of how well each style and the collection itself is received so far. You might also notice if styles have not been reacted to yet at all! And to make your life even easier, you have a number of options for sorting the styles by reaction.

In the Style Overview, open the sorting dropdown and select Reactions. A second list opens, letting you choose how to sort the styles!

Workspaces79.png

Sorting by Best Reactions can give you an indication of potential bestsellers. When you take a look at the styles that come up when sorting by Worst Reactions, you get an idea about how much work there is still to do.

Sort the collection by Most Reactions to find the styles that drive the most interest, whether that is positive or negative. And when everything is sorted by Least Reactions, you might want to let your team know if there are still styles that need feedback!

How is each reaction weighed when sorting the styles from best to worse?

Every Love it! counts for one point, every Could improve counts for negative one point. And every Not relevant reaction weighs zero points.

Workspaces80.png

Comments and reactions are powerful feedback tools for your team. They make collaboration and communication simple and fast - shortening the season’s timeline across all teams! And because the Stitch 3D Hub is accessible from anywhere, product iterations can be agreed on without anyone flying all over the world to review samples.

This takes your 3D workflow to the next level!

Workspaces-04.gif
 
 
 
 

CONGRATS! YOU DID IT! 🏆

It's time to celebrate, as you have just made it to the end of our newest Workspaces training for the Stitch 3D Hub!

🙋‍♂️ 🤨 NEED MORE SUPPORT? 🤔 🤷

1. Take a look at our FAQ page, if you're lucky your question is already answered!

2. Refer to the Support website from Browzwear: every tool and option is explained!

3. Use our Live Chat box to ask advice from one of our Academy trainers

4. More a fan of old-skool communication? Send us an email!