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:
This guide has been written both from the perspective of the end-user and the admin user.
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.
BRIKL was created with 3 specific goals in mind for the end-user:
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.
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.
BRIKL is a modular configurator software. You can give the end-user as much or as little design freedom as you want.
BRIKL was created with 3 specific goals in mind for the admin-user:
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
There are four things to consider when first starting out with BRIKL 3D configurator:
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.In the Catalog tab find abs onthe right hand side. Select the Products tab to see the list of products
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.
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.
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.
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.
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.
If you are looking to upload a new 3D model to the BRIKL system, you have three options.
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.
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.
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.
Yes, you can create a 3D model yourself and upload your own OBJ, MTL, and UV 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.
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.
Yes, BRIKL offers exclusive digitization services. We can create 3D models, including UV map and texture, which are print ready.
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.
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.
For more complex design, you need to use design software, like Illustrator.
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.
IMPORTANT: The SVG file is a large file that may take some time to download.
After you click Download, it will open up a new tab in your browser.
Now you are ready to edit the SVG template in Illustrator
Open your SVG file in Illustrator,
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.
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:
IMPORTANT: Make sure to write the color name in UPPER CASE and check the spelling, else it cannot be recognized by BRIKL software.
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:
IMPORTANT: When you only want to add a color layer, you can remove the logo zone and view zone layers from your file.
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.
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.
In case you have multiple logos for your design, you must make sure to keep them in the same logo layer.
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.
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 :
After you created your template, the next process is to save it as an SVG.
Finally, you are ready to upload the SVG design 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.
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
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.
In order to add a placeholder to your 3D model:
IMPORTANT: All the placeholders you add in 2D will immediately render in 3D
IMPORTANT: You can add different placeholders to different templates
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.
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.
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.
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.
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
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:
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.
You can keep track of the changes made by saving different versions of your 3D designs.
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.
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.
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.
You can export the 3D model as a 3D image (PNG).
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.
You can upload your own 3D Models or request BRIKL to digitize and upload them for you. To learn more about adding 3D Models.
You can add a Design Template to a 3D Model with a simple drag and drop.
You can add placeholders to a 3D Model and its Design Templates with a simple click.
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.
You can preview the Design Studio in a new tab of your browser.
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.
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:
IMPORTANT: Images cannot overlap the seams of garments.
IMPORTANT: Text cannot overlap the seams of garments.
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.
If you want to plug in the 3D configurator into your own website or ecommerce platform, you can use the Design Now button.
MORE INFORMATION COMING SOON
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 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.
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.
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).
In order to plugin the BRIKL 3D configurator into your own website, you have two options.
BRIKL also has native apps available for Magento (COMING SOON), Shopify (COMING SOON) and Shopware (COMING SOON).