Abode Builder eCommerce

Overview

The goal of this project was to create an immersive 3D experience for small businesses, enabling them to sell products online via platforms like Shopify. My role as a 3D artist was to design and develop the necessary elements for users to build and customize their own virtual stores, simulating the interaction of a physical space in a fully digital environment.

UI Abode Builder example

Stages and Processes

Design and Modeling of the Prototype Store

• Developed the base design for the prototype store, initially focused on a clothing and footwear theme.

• Modeled architectural and structural elements, including:

• Floors, walls, windows, and ceilings.

• Furniture such as counters, shelves, and mannequins.

Creation of Customizable 3D Assets

• Detailed modeling of assets that businesses could customize and place in their stores, such as:

• Clothing items (shirts, pants, jackets, etc.).

• Accessories (hats, shoes, etc.).

• Developed assets with interactive functionality, simulating dynamics similar to games like The Sims, allowing each item to be selectable and linkable to a Shopify store.

Geometric Optimization and Texturing

Polygon reduction: Adjusted the level of detail in geometries to ensure optimal performance in web environments.

UV mapping: Created seams and efficient mapping for precise texture application.

Baking and Texture Preparation

Baking process: Generated texture maps (such as normals, AO, and base color) tailored for realistic rendering and compatibility with Three.js.

• Optimized texture maps to reduce file sizes without compromising visual quality.

• Applied textures to optimized models.

• Exported all assets in GLTF format, ideal for integration into web environments using Three.js.

Final Product

Results and Contribution

This project stands out not only for its technical quality but also for the creative flexibility it offers to end users. My contribution as a 3D artist focused on ensuring a balance between visual design, interactive functionality, and technical performance, making the assets visually appealing, lightweight, and easily integrable into the final platform.

Main Tools

• Blender (modeling, optimization, texturing, baking).

• GLTF export for Three.js integration.

This project represents an innovative solution to enhance e-commerce on the web and showcases my ability to manage comprehensive 3D creation processes with a professional, user-focused approach.

Full Project Demo: https://get.abode.store/

More by Hector Heredia

View profile
  • Services by Hector Heredia

    View all services