The Ultimate 3D Configurator Guide

BRIKL is a next-generation 3D customization and ecommerce software platform. It is an intuitive and easy-to-use software that can be learned by all users, not just by developers. BRIKL requires no technical expertise or coding.

This guide provides a step-by-step approach on what you need to know to become an expert in BRIKL 3D configurator software, and help you to:

  • Increase the engagement of your customers online
  • Improve online conversion rates and sales
  • Receive more high quality leads from prospective clients
  • Make your sales team fall in LOVE working with 3D configuration software
  • Make your design team fall in LOVE working with 3D configuration software
  • Control costs with web-to-print automation

Before you begin

This guide has been written both from the perspective of the end-user and the admin user. 

  • End-users are customers in the B2C domain who can customize a product online with the help of the Design Studio, and who can place an order or submit a request form to the Shop Owner.
  • Admin-users are users that work for the Shop Owner and that have access to the back-end system (BRIKL Dashboard). Admin users can have different permissions. For instance, designers can access the Studio Editor, whereas the sales team can access the Design Room for their B2B Sales.


NOTE: The Shop Owner is the company (brand, retailer, distributor or manufacturer) that runs the online storefront and configurator.

NOTE: BRIKL can also be used as a standalone app by professional designers, who do not run an online storefront. You can learn more about the 3D Viewer app in this guide and how it can help you to render 2D designs in 3D designs and collaborate better with your customers.

End-users and admin users have a different set of goals when using the BRIKL configuration system. 

End-user

BRIKL was created with 3 specific goals in mind for the end-user:

Ease of use

BRIKL configurator software was built to be intuitive and simple to use. Most end-users are not professional designers and must be able to use the customization tools with ease.

Amazing UI and UX

First impressions matter. BRIKL was built based on years of experience creating world-class UI (User Interface) and UX (User Experience) for 3D Configurator software.

Freedom to design

BRIKL is a modular configurator software. You can give the end-user as much or as little design freedom as you want.

Admin-user

BRIKL was created with 3 specific goals in mind for the admin-user:

Out of the box

With BRIKL, we wanted to create a solution that was available out-of-the-box to start selling custom products immediately. Our goal was to democratize customization software and to empower every company to start using it. That’s why the BRIKL 3D Configurator, for instance, comes with a 3D Model library as well as with the flexibility to be plugged into any website or to be seamlessly integrated into BRIKL’s own ecommerce solution.

Ease of use

BRIKL was created with the goal of making it user-friendly for all users, not just for developers. BRIKL requires no technical expertise or coding. For instance, you can simply drag and drop new 3D models or design templates into the system. You can configure the settings of the 3D configurator yourself. You can add placement holders directly from the back-end system.

Next-generation

BRIKL set out to create next-generation technology that is capable of transforming the status quo. BRIKL is the result of more than 3 years of engineering and rigorous testing with some of the leading brands in the team and sportswear market. Key innovations include sales conversion and lead generation for custom products, drag and drop of design templates, placement holder editor, configurator theming, and web-to-print capability.

What is happening with customization

3D Customization is a Major Trend in Ecommerce

3D is everywhere around us and is rapidly becoming a must-have to compete in every industry, from fashion to sports, electronics, furniture, packaging, household, and consumer goods.

Offering unique and affordable products is essential to compete in today’s ecommerce world where international consumer brands and large ecommerce retailers are growing more dominant.

With all things digital, customers also have higher expectations. They want to be co-designers and have a sense of ownership. They want to be able to interact directly with the product and want to know what the product will look like before they commit to a purchase.

Product configurators are a great way to get customers’ attention, increase conversion rates, and grow sales. Customers spend more time on your website and are more likely to make a purchase. Customizing digital items increases the customer's engagement. They can play around with colors, prints, and images to create a product that matches their NEEDS and DREAMS.

Featured resources:

Advancements in 3D customization technology

In recent years, with the development of new technologies, 3D configurators are now capable -more then ever- of letting customers to quickly and easily customize products and see them in real-time in 3D. Customers can request a quote, or order and pay for them online. Designs can be converted into print-ready files.  2D configurators, and in fact most older 3D configurators that are on the market today, have become outdated, slow and don’t create the excitement or engagement that you need.

Brands are increasingly looking for a 3D configurator

Many brands are starting to realize the importance of having an advanced product configurator. A configurator tool that provides a rich 3D visual experience, provides a breadth of customization options, is technologically advanced, has excellent understanding of the custom product, and makes it easy and fast for customers to create unique designs and purchase them. The future of customization is now.

Why is it important to have a 3D Configurator

What is a 3D Configurator?

A 3D configurator is an interactive design tool that allows users to customize their own unique products based on available configuration options like color, print, text, images and textures and that supports dynamic pricing.

3D configurators are also known as Product Customizers or Product Editors. In this guide we will be using the terms interchangeably.

A better way to understand 3D Configurator software is to understand its purpose. A 3D configurator is not a stand alone design application. At BRIKL, we consider product configurators to be at the crossroad of sales software, customization software, visualization software and collaboration software.

Sales software

BRIKL 3D configurator software is first and foremost considered sales software. The goal of customization software is to generate more leads, increase conversions and grow sales. In the B2B industry, configurators are part of what is called CPQ software (Configure, Price, Quote) to accelerate the request-to-quote process. In the B2C industry, configurators are part of ecommerce software to allow customers to design, and submit a request or place an order online.

Customization software

BRIKL 3D configurator software is considered customization software. Customizations are at the heart of every product configurator software. The goal is to allow the user to configure a product real time in 3D by customizing colors, prints, text, images, textures and more.

Visualization software

BRIKL 3D configurator software is considered visualization software. Professional designers can convert 2D designs into a beautiful 3D rendering  that they can spin in 360 real time. 

Collaboration software

BRIKL 3D configurator software is considered collaboration software. Designers can generate a link of the design that they created, which they can share with customers for review.

NOT design software

BRIKL 3D configurator is not pure design software, rather it works together with other design software packages like Adobe Illustrator, CorelDraw, Blender or AutoCad to create new design templates that can be imported into the BRIKL system for customization.


Why is a 3D Configurator important for your business?

Configurators are used both in the B2B and B2C domains to allow customers to design complex products in an intuitive, simple and quick manner.

B2B Configurator

B2B configurators are a key part of what’s called Configure Price Quote (CPQ). The goal of CPQ software is to accelerate the request-to-quote process by providing customers with a configurable product. Whereas in the past CPQ mostly relied on forms for the product configuration, customers can now visualize their dream product in real time in 3D. The rise of the visual configurator has transformed the CPQ industry. 

B2B configurators help companies to shorten the sales cycle, give the sales team access to up-to-date product/pricing information, minimize errors in quoting products, reduce training for new sales reps and make the initial sales process more fun and exciting.

Featured resources:

B2C Configurator

Online B2C Configurators are a key part of ecommerce platforms. Configurable products are a trend that is accelerating with consumers wanting products that are designed by them. A product configurator allows customers to create exactly what they want giving them a sense of ownership.

The advantages of B2C configurators are clear. They increase the excitement (customers spend more time on your website), improve conversion rates (customers feel more engaged), and lead to higher quality of leads and more sales.

Unique Innovations by BRIKL

Sales Conversions and Lead Generation

BRIKL supports the full journey, from design to order, checkout and payment. This is what we call our “3D Ecommerce” and “3D Lead Generation” solutions.

  • 3D Ecommerce allows customers to add custom products that they have designed to their cart, and to checkout and pay for the order online.
  • 3D Lead Generation allows customers to submit a request of the design they have created, and for the shop owner to review the request, update the design, and submit a payment link back to the customer.

Collaboration

BRIKL allows the admin-user to collaborate online with the customer to create a design.

3D Lead Generation is one example of collaboration. When a customer completes a design and submits a request, the shop owner can review, update and send back a link of the design to the customer. They can collaborate on finishing the design before completing the order and payment.

Another example of collaboration is the 3D Viewer app. When a professional designer renders a 2D design (that they have created with e.g. Illustrator) into a beautiful 3D rendering in BRIKL,  they can then generate and share a link with the customer. The customer can open the link in the browser of their choice and can interact with the 3D design by rotating and zooming in on it.

Ease of use

With BRIKL no technical expertise or coding is required. For instance, many 3D configurator systems require you to understand the basics of PHP or SVG coding. BRIKL allows you to manage everything with a simple drag and drop of design templates or placement holders.

Theming

A configurator theme dictates the look and feel of your configurator, like font types, sizes, color scheme, icons and layout. The theme defines your brand and helps to reflect your identity. BRIKL is the first online configurator that makes themes available and that allows those themes to be customized.

Studio Editor

One of the goals of BRIKL was to build an out-of-the box solution. The Studio Editor is one of the key features that makes this happen. The Editor allows you to set-up the configurator in a modular way. You can define which customization options you want to make available for your configurator on a product level, without the help of experienced software developers. 

Web-to-print

BRIKL automates the web-to-print (or the design-to-manufacturing) process. Our software can reduce the design time by 70% and production time by 20%.

3D Designs that are created and submitted by customers can be converted into print ready 2D pattern files.

Getting started with BRIKL 3D configurator

There are four things to consider when first starting out with BRIKL 3D configurator:

Catalog

When you have created an account in BRIKL for the first time and have logged in, you will notice that a handful of custom products are already available in the BRIKL Dashboard. These are sample custom products that are provided for FREE to launch your first 3D configurator.

You can see the list of products by going to the ab in the BRIKL Dashboard.I the Catalog tab  find ht hand side. Select the Products tab to see the list of products

Design

Next go to the Design tab in the BRIKL Dashboard and select Design Room. This will take you to the back-end 2D/3D configurator. Select a product from the top bar and start customizing your first product. It’s as simple as this.

In the Design tab you can also click on the Studio Editor.  The Editor allows allows you to configure the Design Studio. It also is the entry point to add 3D models, design templates and placeholders for your products.

Plugin

You may wonder how to add the Design Studio (i.e. front-end 3D Configurator for your customers) to your own website or to integrate it seamlessly into a BRIKL website.

  • To plug the Design Studio into your own website or ecommerce platform, you can use the Design Now button.
  • To integrate the Design Studio into a BRIKL website, check out our BRIKL Pagebuilder Guide. You can easily set-up your own online webshop, make beautiful pages and seamlessly integrate the BRIL Design Studio.

Expert guide

Finally, now that you have familiarized yourself a bit with the 3D configurator and understand some of its options, it's time to become an expert user by reading this guide and learning how to add 3D Models, design templates, placement holders and much more.


Further resources

How to add a 3D Model

Which 3D formats are supported?

BRIKL supports the Object (.OBJ) file format.  The OBJ format is a universal 3D model format that is widely used and supported by the 3D image editing industry. 

For each OBJ file, you can upload a Material Template Library (.MTL) file. A material library file describes how textures are applied to the object. 

Can I draw my 3D models using BRIKL Studio?

BRIKL is a customization software, not a design software. With BRIKL you can customize the way your 3D model looks by adjusting lighting, textures, and background. You can add design templates, and adjust colors or add text and images. You cannot draw your own 3D models.

Which 3D modeling software can I use?

If you are looking to upload a new 3D model to the BRIKL system, you have three options. 

  • You can add a 3D model from the BRIKL 3D model library. 
  • You can upload a 3D model that you have purchased from a 3rd party library.
  • You can create a 3D model yourself. You can use 3D modeling software that supports OBJ export like AutoCAD, Fusion 360, Blender, Cinema4D, 3Ds Max, Maya.

Can I use a UV Map?

Yes, BRIKL 3D configurator software supports UV maps. All you have to do is upload your UV map as an SVG. 

UV mapping is the process of projecting a 2D image to a 3D model.

UV unwrapping, is the process of translating a 3D surface onto a flat 2D image.

Why do I need a UV Map in an SVG file format? 

SVG files are required to make your design customizable by changing colors or adding prints. 

IMPORTANT: A Rasterized image like PNG or JPEG is not a viable option. It does not allow you to modify the composition of your file. 

How can I get my UV Map converted into an SVG file format? 

IMPORTANT: If you are creating your own 3D model, please read the section below on how to convert a UV map into an SVG file format. If you are using a 3D model that was made available by BRIKL, please refer to the section How to add a Design template; you can skip this section.

First you need to download the UV map from your 3D modelling software. The unwrapping process for getting the UV map is different for each software. Please check your software on how to get a UV map.
Once you have your UV map, you need to take the rasterized image and open it into your vectorial design software. At BRIKL, we use Adobe Illustrator. You can also use CorelDraw or any other design software that supports vector graphics. 

Next, you need to trace the UV map using the pen tool to create a vectorial shape that matches perfectly with your UV map image. 

Finally, save your vectorized UV map as an SVG together with its artboard. The artboard size helps us draw the correct size of the canvas in your BRIKL Design Studio. 

Can I upload a 3D model that I created myself?

Yes, you can create a 3D model yourself and upload your own OBJ, MTL, and UV map.

You can use  3D modeling software that supports OBJ export like AutoCAD, Fusion 360, Blender, Cinema4D, 3Ds Max, Maya.

Can I use a Normal Map?

Yes, BRIKL 3D configurator software supports normal maps. All you have to do is upload the PNG or JPEG and link the file to the corresponding part of your model. 

A normal map is used to show small details like wrinkles or bumps without having to add those details modeled into the 3D. This keeps the polygon count low and therefore the file size. 

Does BRIKL have a 3D model library?

Yes, you can add a 3D model from the BRIKL 3D model library. We have curated a list of 3D models for sportswear, teamwear and promotional wear.  Each model has a series of design templates.

Can BRIKL create 3D models for me?

Yes, BRIKL offers exclusive digitization services. We can create 3D models, including UV map and texture, which are print ready.

How to add a Design template

Design Templates are SVG files based on UV maps of your 3D models. Design templates are your base designs that you can modify using BRIKL 3D Configurator by changing the color or adding prints. 

IMPORTANT: The first step is to download the UV map as an SVG file from BRIKL. We highly recommend doing this even when you created and uploaded your own 3D model and UV map to BRIKL. Doing so will ensure you always create your design templates based on the correct UV map.

IMPORTANT: This guide has been written specifically for Adobe Illustrator. Should you use other design software like CorelDraw, please contact BRIKL for more information.

How to create a Design Template

Use the BRIKL Template Creator for SIMPLE templates:

You can create simple design templates in the Design Room by adding colors to each of the parts by using a color picker. By coloring the different parts, BRIKL will recognize them as groups. 


Use your design software to create COMPLEX templates:

For more complex design, you need to use design software, like Illustrator.

Step 1 - Download the UV map from BRIKL

Before creating an SVG design template in your design  software (e.g. Illustrator), you must first download the UV map as an SVG file from the BRIKL Dashboard. This file is what we call the “Base template” in BRIKL.

  1. Go to your Dashboard
  2. Select Design on the left hand side menu
  3. Choose your product and select the option to open inside the studio editor
  4. Select Product Assets
  5. Scroll down to Base template
  6. Download the file

IMPORTANT: The SVG file is a large file that may take some time to download.

Step 2 - Save SVG   

After you click Download, it will open up a new tab in your browser. 

  1. Right-click on the page
  2. Choose Save As 
  3. Make sure that the "Save As" type is an SVG Document.
  4. Press Save to get your SVG.

Now you are ready to edit the SVG template in Illustrator


Step 3 - Open SVG File in Illustrator

Open your SVG file in  Illustrator, 

  1. You will notice multiple lines: stichting line, cutting line and possibly the sublimation line. The distance between the stitching line and the cutting line is what is called the “seam allowance”.
  2. Keep the most outer line which is either the cutting line or the sublimation line.
  3. Remove all other lines.

IMPORTANT: Each product has its own unique pattern layout. Do not change the position of the pattern pieces. Changing the position will make it no longer compatible with the BRIKL UV map that is available in the system.

IMPORTANT: Each product has its own unique artboard size. Do not change the artboard size. Changing the artboard size will make it no longer compatible with the BRIKL UV map that is available in the system. You can check the artboard size in Illustrator by going to Document Setup.

Step 4 - Create a Design Template in Illustrator

a) Create layers

You must create different layers for each file which can be recognized by BRIKL when you import the design template back into the system. There are three different types of layers: 

LOGOZONE layer

  • There is a single logo layer. 
  • The logo layer contains all the logos that you want to add to the design template. Logos inside of the logo layer are non-customizable by the end-user.
  • Logos can later on be made visible or be hidden on the design template in the BRIKL software. This makes a logo layer different from the view layer (see below), since elements in the view layer will always be visible by default.
  • The layer name is “LOGOZONE”.  IMPORTANT: Make sure to write the layer name in UPPER CASE and check the spelling, else it cannot be recognized by BRIKL software.

COLORZONE layer

  • There can be multiple color layers. 
  • Color layers contain all the base colors that are separated from each other in individual layers. Colors are customizable by the end-user.
  • The layer name is COLORZONE-(number). For example, COLORZONE-1, COLORZONE-2. 

IMPORTANT: Make sure to write the color name in UPPER CASE and check the spelling, else it cannot be recognized by BRIKL software.

VIEWZONE layer

  • There is a single view layer. 
  • The view layer contains parts that cannot be customized. An example is 'embedded images'.

IMPORTANT: Make sure to write the view name in UPPER CASE and check the spelling, else it cannot be recognized by BRIKL software.

IMPORTANT: Please maintain the correct sequence of the layering. For example:
LOGOZONE
COLORZONE-1
COLORZONE-2
COLORZONE-3
VIEWZONE

IMPORTANT: When you only want to add a color layer, you can remove the logo zone and view zone layers from your file.

b) Do NOT group elements 

Make sure not to group any elements within the logo layer. Grouping elements for logos or any other vector shapes will make the file UNREADABLE by BRIKL software.

Make sure also not to group any colors within the color layer. Grouping color elements will make the file UNREADABLE by BRIKL software.

Instead of grouping, you can optionally create a Compound Path to reduce the number of elements of a logo of vector shape. 

  • Select the objects you want to group, right-click on it
  • Choose Make Compound Path

IMPORTANT: Compound paths can only merge paths with the same color. You can undo a compound-path by right-clicking the path and then releasing the Compound path.

c) Keep ALL your logos in one layer

In case you have multiple logos for your design, you must make sure to keep them in the same logo layer.

d) IMPORTANT things to remember when creating your colorzone layers

Clipping mask versus Pathfinder

When creating a colorzone, make sure not to use clipping masks since this is not supported by BRIKL software.  Instead, you can decide to use the pathfinder. You can find Pathfinder in the Window tab. Please note that this is optional - you do not need to use pathfinder to create a design template.

  1. Select the pattern you wish to add the color to
  2. Create a square filled with the color
  3. Go to pathfinder and select the option Crop

IMPORTANT: When using a pathfinder to crop a specific design, sometimes it will leave an invisible outline. To identify this, simply ungroup the cropped design, locate it in the layer and delete it. An invisible outline can affect the pattern if not removed and will lead to errors when uploading it back into the BRIKL system.

IMPORTANT: Using pathfinder will automatically group the objects. We need to avoid this. Therefore after using pathfinder, make sure to ungroup the objects and use the compound path method.

IMPORTANT: Non-customizable objects like images can be converted into images to reduce the size of the file and prevent the software from lagging when loading the 3D.

To convert objects into an image :

  1. Select the objects
  2. Then hover over to Object & Rasterize
  3. On background, select transparent fill
  4. Then Ok


Step 5 - Save the finished template as an SVG

After you created your template, the next process is to save it as an SVG.

  1. Go to File, Save As
  2. Then go to Save as type and choose SVG(*.SVG) 
  3. Select the Use Artboards then Save
  4. The SVG option will come up. Select Image Location
  5. Change it to Preserve & select “Preserve Illustrator Editing Capabilities”
  6. Then, click Ok


Step 6 - Upload the design template

Finally, you are ready to upload the SVG design template 

  1. Go to the dashboard and select the Design.
  2. Select the product from the top bar
  3. Go to Design Templates
  4. Drag and drop your file
  5. Add a number for your template


Step 7 - Naming the zones

You can name each of the zones,


IMPORTANT: If you don’t name the zones, the names of the color zone layers will be used as the default names (e.g. COLORZONE-1).

Step 8 - Assigning materials and colors

You can assign a material to each zone. Each material is associated with a number of colors.

In order to assign materials and colors, you must first create a material library and a color library in. You must then assign the colors to each material.


IMPORTANT: You can create different color palettes for each design template.
For example, in case you have 3 design templates and 2 different materials (e.g. fabric and zipper):
Material 1 - Design Template 1:  Colors
Material 1 - Design Template 2:  Colors
Material 1 - Design Template 3:  Colors
Material 2 - Design Template 1:  Colors
Material 2 - Design Template 2:  Colors
Material 2 - Design Template 3:  Colors

How to add Placeholders

Placeholders are defined areas where you can enter names, numbers, logos or prints. Placeholders are added on top of your design templates. 

As an admin user, you can adjust the placeholder’s width and height. You can define what actions your customers can take inside of them. 

End-users cannot modify the width, height, and position of the placeholders on a design template.

Adding and defining placeholders is simple and intuitive. The below navigation guide is added for completeness. We advise you to go ahead and try out the placeholder editor yourself.

Navigating the Placeholder Editor

Step 1 - Navigate to the placeholder tab

In order to add a placeholder to your 3D model:

  1. Go to your Dashboard
  2. Select Design on the left-hand side
  3. Choose your customizable product in the top bar
  4. Go to Placeholders

Step 2 - Add a placeholder

  1. Select “Add”
  2. You will notice a red rectangle is added to the 2D pattern
  3. Continue to add as many placeholders as you like
  4. Enable the placeholder to make it visible for the end-user

Step 3 - Modify the placeholder by using the control buttons

  1. You can resize the shape of the placeholder 
  2. You can rotate the placeholder
  3. You can reposition 

IMPORTANT: All the placeholders you add in 2D will immediately render in 3D

Step 4 - Define the placeholder rules

  1. You can add the tile (in different languages) for each placeholder. This name will be visible for the end-user.
  2. You can define the width and height of the placeholder in pixels and cm/inch
  3. You can define the orientation of the placeholder in degrees
  4. You can define the number of items a placeholder can contain
  5. You can add a default value to the placeholder. The default value will be visible for the end-user when they first load the Design Studio
  6. You can define the value type of the placeholder. This can either be text, image or both.
  7. You can assign a placeholder to multiple design templates

IMPORTANT: You can add different placeholders to different templates

How to set-up libraries for colors, prints, and images?

You can create multiple libraries in your configurator for the end-user: the color library, the print library, the image library, and the material library. 

IMPORTANT: Creating a color library is mandatory. Without end-users (customers) cannot change the colors of the design templates.

IMPORTANT: Creating a print and image library is optional. End-users have the possibility to upload their own prints or images. Not all customers however may have readily available prints/images or know what a good print/image looks like, so creating a library for them will be seen as a major advantage.

How can I create a color library

Adding colors to the BRIKL 3D configurator is simple. First, navigate to the Design tab on the left-hand side of the BRIKL Dashboard. Next, select the Color Tab and create a NEW color.

You will always need to assign two color codes. The first code needs to be the color code used for printing. Most of the time, you will use CMYK values collected from the design software of your choice (e.g. Illustrator).  

IMPORTANT: Make sure while copying the color code that your design software is in the CMYK color mode. In Adobe Illustrator©, you can change the document color mode from the File Menu.

The second color code required is the HEX code (=RGB). This code is needed for the Web. Make sure to enter the correct corresponding color HEX code to the CMYK code to avoid any customer surprises upon receiving the order. The easiest way is to grab both the CMYK and HEX code at the same time while your design software is in CMYK mode.

How can I create a print library

Not all customers may have prints available so being able to select a print from a library in the 3D configurator is important.

In order to add prints, navigate to the Design tab in the BRIKL Dashboard. Next, click on the Print Library tab. You can drag and drop all your prints in one go.

You can set the default scale, rotation, and offset for each of your prints. Offset X means the degree to which you can move the print horizontally (left or right). Offset Y means the degree to which you can move the print vertically (up or down).

Make sure all your prints are in SVG file format for best performance and to ensure print readiness afterward. Alternatively, you can use PNG/JPG, but this will increase the loading time and may not always be usable for printing. In the case of PNG/JPG, make sure to have a Dot Per Inch (DPI) higher than 150, although we strongly advise using 300 DPI for good printing/production results.

How can I create an image library

Similar to a print library, you can easily add images by dragging and dropping them into the BRIKL Dashboard.

Likewise, with prints, we strongly recommend to upload SVG (vector) files and not PNG/JPG (raster) files. Reasons are loading/performance time and print readiness.

For more information, check out How to create a print library.

How can I create a material library

You can create as many materials as you like. Each material can be assigned a number of colors. Examples of materials for a hoodie could be fleece, zipper, drawcord.

IMPORTANT: A material is a virtual record in BRIKL that allows you to link different color palettes for different materials. The material library does not contain any digitized textures. Please refer to the Material Assets to learn more about how to add textures to your product.

In order to create materials, navigate to the Design tab in the BRIKL Dashboard. Next, click on the Material Library Tab. Create a new material, give it an internal ID (Your internal reference number) and a name, and assign colors from your Color Library.

In order to understand how materials (and their associated colors) are assigned to a design template, see also Design Templates: Step 8 - Assigning materials and colors

How can I create Material Assets (Texture Library)

COMING SOON

What is the Design Room

The Design Room is your customization software for creating, sharing, and exporting designs. The Design Room is accessible only via the BRIKL Dashboard by admin-users with the right permissions.

The Design Room has all of the customization features of the Design Studio and more:

Converting a 2D design into a 3D rendering

You can drag and drop a 2D design template (for e.g. garments) or a dieline (also known as a packaging template) to see the 3D rendering in real time. You can review the 2D UV map and the 3D model side by side. You do not need any coding expertise.

Saving and revisioning

You can keep track of the changes made by saving different versions of your 3D designs. 

Generating a preview link

You can generate a link that you can share (via email) with your customers. Customers can open the link in their browser and can interact with the 3D design by rotating and zooming in on it.

Generating an embed link

You can generate an iFrame which you can insert into your web page. Users can interact with the 3D model in the iFrame by rotating and zooming in on it.

2D export

You can convert the 3D model into a 2D print-ready SVG file (vector).
IMPORTANT: The 2D Export may not be available depending on the plan you have selected. Contact BRIKL for more information.

3D export

You can export the 3D model as a 3D image (PNG).

What is the Studio Editor

The Studio Editor allows you to configure the Design Studio. You can define which customization options you want to make available for your configurator on a product level or on a shop level.

The Studio Editor is also the entry point to add 3D models, design templates and placeholders for your products.

Add a 3D Model

You can upload your own 3D Models or request BRIKL to digitize and upload them for you. To learn more about adding 3D Models.

Upload a Design Template

You can add a Design Template to a 3D Model with a simple drag and drop.

Add Placeholders

You can add placeholders to a 3D Model and its Design Templates with a simple click.

Configurator settings 

You can configure the Design Studio by enabling the customization options you would like to make available for your customers.
IMPORTANT: The Studio configuration only applies to the Design Studio, and not to the Design Room.

Branding

COMING SOON

Materials

COMING SOON

Light

COMING SOON

Open Studio

You can preview the Design Studio in a new tab of your browser.

Link Studio

You can generate a link of the Design Studio that you can share (via email) with your customers. By clicking on the link customers will be able to open the Design Studio in their browser to customize and order a design.

IMPORTANT: The Link Studio may not be available depending on the plan you have selected. Contact BRIKL for more information.

What is the Design Studio

The Design Studio is the front-end 3D Configurator app that allows customers to customize a product. You can plug in the Design Studio into our own website or ecommerce platform, by using the Design Now button. You can also easily integrate the Design Studio into a ecommerce BRIKL website.

You can configure the Design Studio with the Studio Editor by enabling the customization options you would like to make available for your customers. Below is a list of the customization options that are available:

Template

  • You can select a template

Color fill

  • You can select an area on the model or from the dropdown to fill

Print fill

  • You can select an area on the model or from the dropdown to fill
  • You can upload your own print (PNG, JPG, SVG, AI or PDF). Max file size is 20MB.
  • You can select a print from the library if available
  • You can scale, rotate and offset the prints (vertically and horizontally)
  • The DPI calculator will guide the end-user on the resolution of the image. Below 150 DPI is “Very low, between 150-300 DPI is “Low” and higher than 300 DPI is “Good”. 

Images

  • You can upload your own images (PNG, JPG, SVG, AI or PDF). Max file size is 20MB.
  • You can select a images from the library if available
  • You can resize, rotate and reposition the images
  • The DPI calculator will guide the end-user on the resolution of the image. Below 150 DPI is “Very low, between 150-300 DPI is “Low” and higher than 300 DPI is “Good”. 
  • The BRIKL software also calculates the the approximate dimensions of the images (height and width)

IMPORTANT: Images cannot overlap the seams of garments.

Text

  • You can add your own text
  • You can select the font and color the text
  • You can space the text characters
  • You can change and color the outline of the text
  • You can rotate and reposition the text
  • The BRIKL software also calculates the the approximate dimensions of the text (height and width)

IMPORTANT: Text cannot overlap the seams of garments.

Placeholders

  • You can add your name, number, logos or prints (eg, flags) into defined areas and have them resized accordingly.

Checkout

  • You have three options:
  • You can add the product to the cart / basket
  • You can submit a request form
  • You can save a new revision of the design

What is the 3D Viewer App

The 3D viewer app is not a standalone app, but rather is an integral part of the Design Room. It is a combination of features that allows you to convert a 2D design into a 3D rendering with a simple drag and drop, and share a preview link with your customers.

How does the Design Now button works

If you want to plug in the 3D configurator into your own website or ecommerce platform, you can use the Design Now button. 

Adding the BRIKL Design Now Button is quick and easy. Contact BRIKL to receive an embeddable Javascript code and plug it into your site.

MORE INFORMATION COMING SOON

What is the 3D Lead Generator solution

3D Lead Generation allows customers to submit a request form for the design that they have created, and for the shop owner to review the request, update the design, and submit a payment link back to the customer.

Request forms that are submitted are converted into sales leads for the Shop Owner.

3D Lead Generation Process

  1. Customer completes the design
  2. Customer submits a request to the Shop Owner
  3. Shop Owner receives the lead in the BRIKL Dashboard (i.e. back-end admin system)
  4. Shop Owner reviews and updates the design in the Design Room (i.e. BRIKL Dashboard)
  5. Shop Owner generates and sends a link to the customer by email
  6. Shop Owner communicates with the customer via an online chat in the Design Room
  7. Shop Owner and customer agree on the final design
  8. Shop Owner submits a payment link to Customer (optional)
  9. Customer completes checkout and payment (optional)
  10. Shop Owner receives the order (optional)
  11. Shop Owner produces and delivers the order to the customer (optional)

What is the 3D Ecommerce solution

3D Ecommerce allows customers to add custom products that they have designed to their cart, and to checkout and pay for the order online. The order details are submitted to the Shop Owner. 

3D Ecommerce Process

  1. Customer completes the design with the 3D online configurator
  2. Customer proceeds to checkout and completes the payment
  3. Shop Owner receives the order in the BRIKL Dashboard (back-end admin system)
  4. Shop Owner reviews the design in the Design Room ( BRIKL Dashboard)
  5. Shop Owner produces and delivers the custom products to the customer


Frequently asked questions

How can I add a color to my product

Colors are not added directly to a product. Rather, colors are assigned to materials, and materials are assigned to color zones of a design template.

To learn more, checkout the section on Adding a Design Template, How to create a color library and How to create a material library.

My customer just submitted an order. What should I do next?

Go to the BRIKL Dashboard and check the Order tab (in case the order was paid for online) or the Lead tab (in case a request form was submitted).  

How can I plug in the 3D configurator in my own website

In order to plugin the BRIKL 3D configurator into your own website, you have two options. 

In case of Wordpress, Woocommerce, Wix, Webflow, Weebly or any other platform, you can use the Design Now button which will generate a javascript embeddable code that you can add to your website.

BRIKL also has native apps available for Magento (COMING SOON), Shopify (COMING SOON) and Shopware (COMING SOON).

Copyright © 2020 BRIKL BV, Belgium/Europe