VARNA BUILDINGS

Designed a 3D product viewer along with configurators and Augmented Reality for Varna Buildings to improve users’ experience while using their website

FREELANCE

SEPT 22 - NOV 22

SKETCH, VECTARY

FIGMA , PROCREATE

Design Brief

  • To create an augmented reality display for the products of Varna Building on their website

  • To create an augmented reality view for their products

Opportunity

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Process

Model

Created a 3D model in Sketch utilising the measurements given on their website and exported it to the software

Materials

Added the different canopy materials that Varna Buildings offer on their website so that users can choose between the different colours available

Container

To provide a more realistic view, the two side containers have a container-type texture added to them

Configurators

Then I added configurators, which are essentially clickable buttons. Users can interact with these gizmos to switch between canopy colours or get information on the dimensions of the product

Integration

Combined all the elements to create a scene with all the interactions

Final Outcome

Move the model below and interact. View in AR by scanning the QR code


Brought to you by

VARNA BUILDINGS

Designed a 3D product viewer along with configurators and Augmented Reality for Varna Buildings to improve users’ experience while using their website

FREELANCE

SEPT 22 - NOV 22

SKETCH, VECTARY

FIGMA , PROCREATE

Design Brief

  • To create an augmented reality display for the products of Varna Building on their website

  • To create an augmented reality view for their products

Opportunity

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Process

Model

Created a 3D model in Sketch utilising the measurements given on their website and exported it to the software

Materials

Added the different canopy materials that Varna Buildings offer on their website so that users can choose between the different colours available

Container

To provide a more realistic view, the two side containers have a container-type texture added to them

Configurators

Then I added configurators, which are essentially clickable buttons. Users can interact with these gizmos to switch between canopy colours or get information on the dimensions of the product

Integration

Combined all the elements to create a scene with all the interactions

Final Outcome

Move the model below and interact. View in AR by scanning the QR code


Brought to you by

VARNA BUILDINGS

Designed a 3D product viewer along with configurators and Augmented Reality for Varna Buildings to improve users’ experience while using their website

FREELANCE

SEPT 22 - NOV 22

SKETCH, VECTARY

FIGMA , PROCREATE

Design Brief

  • To create an augmented reality display for the products of Varna Building on their website

  • To create an augmented reality view for their products

Opportunity

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Process

Model

Created a 3D model in Sketch utilising the measurements given on their website and exported it to the software

Materials

Added the different canopy materials that Varna Buildings offer on their website so that users can choose between the different colours available

Container

To provide a more realistic view, the two side containers have a container-type texture added to them

Configurators

Then I added configurators, which are essentially clickable buttons. Users can interact with these gizmos to switch between canopy colours or get information on the dimensions of the product

Integration

Combined all the elements to create a scene with all the interactions

Final Outcome

Move the model below and interact. View in AR by scanning the QR code


Brought to you by

Process

Model

Created a 3D model in Sketch utilising the measurements given on their website and exported it to the software

Materials

Added the different canopy materials that Varna Buildings offer on their website so that users can choose between the different colours available

Container

To provide a more realistic view, the two side containers have a container-type texture added to them

Configurators

Then I added configurators, which are essentially clickable buttons. Users can interact with these gizmos to switch between canopy colours or get information on the dimensions of the product

Integration

Combined all the elements to create a scene with all the interactions

Final Outcome

Move the model below and interact. View in AR by scanning the QR code


Brought to you by

Reflections

  • To construct website augmented reality, knowledge about 3D modelling and Vectary was needed which turned out to be quite challenging


  • Next steps would be to perfect the model view in augmented reality and add more texture to the container to make it look realistic

  • To construct website augmented reality, knowledge about 3D modelling and Vectary was needed which turned out to be quite challenging


  • Next steps would be to perfect the model view in augmented reality and add more texture to the container to make it look realistic

© 2024 Advika Shetty. Crafted by yours truly

© 2024 Advika Shetty. Crafted by yours truly

© 2024 Advika Shetty. Crafted by yours truly