Introduced a 3D model to SHOPIFY! Use the app to improve UI and appeal to product value.

by Mitsuaki Akatsuki

The merit of introducing a 3D model with SHOPIFY

Introducing a 3D model in SHOPIFY can also visualize the details of the product and the difficult part of the image, which leads to the improvement of the UI.

  1. Real expression of product

    1. By using a 3D model, you can visualize the product more realistically. Customers can see the products in more detail and may increase their willingness to buy.

  2. Improvement of customer engagement

    1. Interactive displays using a 3D model can attract customers and increase their stay time. This increases the possibility that customers are more interested in products.

  3. Stand out more than other customers

    1. There are still few shops that have introduced 3D models, so they may be dominant against competition.

Frequently used 3D modeling software

To introduce a 3D model in SHOPIFY, you need to ask for a 3D model or create it yourself. The 3D software that is often used is:

  • Maya
    • 3D modeling, animation, rendering software.
  • Blender
    • Free 3D creation software, modeling to animation.
  • 3DS MAX
    • 3D modeling, animation software, mainly for games and movies.
  • Zbrush
    • Advanced 3D scalpting and painting software.
  • SUBSTANCE PAINTER
    • 3D texture and material creation software.
  • Photoshop
    • Image editing, synthetic software, industry standard.

3D modeling checklist

When creating a 3D model in SHOPIFY, make sure that it fits the standards set by SHOPIFY. The following is a checklist of the 3D model provided by Shopify.

  • GLB files or USDZ files containing the following files are sent to the merchant.
    • Model geometry
    • One base color texture
    • One normal map texture
    • AMBIENT OCCLUSION, Rahnes, and Metal Ness are mapped to the RBG channel, respectively
    • One emissive map (if applicable)
  • All textures are converted to JPG format (if possible).
  • The file size must be 500MB or less.
    • Models exceeding 15MB are automatically optimized and the file size is smaller. Models under 15MB are not automatically optimized. In general, the file size of the model must be smaller than 15MB. The 3D model is usually about 4MB.
  • The model expresses the product properly.
  • The polygon is not inverted or overlapped.
  • Geometry is only necessary.
    • In order to secure accuracy and smooth silhouettes, 3D models need to keep only the required number of polygons. Don't look geometric.
  • PBR workflow is used.
  • The material assigned to the geometry matches the product reference.
  • When exporting from 3D software, only one material is assigned to the model.
  • All 3D models contain a baked shadow on the Ambient Occlusion map.
    • By adding a shadow, you can always include the shadow because you can easily enhance the realism of the model.

For more details, etc.Here

How to introduce an app and introduce a 3D model

It is also possible to introduce an app and introduce a 3D model.

Angle 3D Configurator ‑3D & AR
https://apps.shopify.com/angle-3d-configurator
  • Created a unique 3D customization option (color/texture or product variation).
  • Easy to bind SHOPIFY variations to 3D customization options.
  • You can provide customers with AR experience and see 3D products in the customer space.
  • Group products with bundle functions and sell them as one unit.
  • Translation support (Translation Lab, WEGLOT, Gtranslate & Languify)

Price $ 39/month ~

If you look at the demo site, you can rotate 360 ​​-degree muzzle, high operability and high quality!

Various options are also provided, such as setting a variant and setting a button that can click details.
It seems that it is possible to prepare a 3D model yourself or ask the app development company to create it.

Mitsuaki

Mitsuaki

Designer

A designer living in Chicago. Also in charge of coding. In Japan, he works for a web production company and is sensitive to the trend of the web industry.

この著者の記事一覧

Request for materials

Providing one-stop service from e-commerce development to advertising management.

Download Whitepaper inquiry