3D & AR platform website

3D & AR Platform Website - Photorealistic 3D & AR products - To illustrate how the website highlights the platform’s capability to create photorealistic 3D & AR products from 2D images
Project overview

Marketing website for ARsenal by CGTrader – a platform that is designed to help manufacturers and eCommerce retailers create photorealistic 3D & AR products using 2D images.

Our aim was to create a website that effectively showcases platform features, elevates virtual photography and 3D visualization and consider full advertisement support in different social media and Google ads.

Tasks
  • Create information architecture, and form a general look and feel in collaboration with the marketing team
  • Design all the pages in Figma
  • Create a set of custom creatives including animated ones
  • Implement the designs in Webflow consider data base structure for the future scale
  • Integrate via Hubspot, Hotjar, and Google Tag Manager, Facebook pixel
  • Prepare a marketing Facebook campaign and create a set of ads
Tools
Figma
Figma
Miro
Miro
Adobe Illustrator
Adobe Illustrator
Adobe Photoshop
Adobe Photoshop
Adobe After Effects
Adobe After Effects
Webflow
Webflow
Solutions
Outcome

New, restructured website design for over 30 unique pages, tested on the design stage, and later implemented via Webflow. Set of different creatives including animated ones. Integrated with Hubspot, Hotjar, GTM, and Facebook pixel. Automated lead gathering, optimized for any device, ready to promote in socials.

Solutions

Kick off

Moving forward through the process we considered information architecture, created a sitemap, and a moodboard, discussed ideas with the team, and then after we had a clear vision we switched to the design.

Kick Off - Moodboard development - To depict the development of a moodboard that captures the visual and thematic direction of the project
Kick Off - Moodboard development - To depict the development of a moodboard that captures the visual and thematic direction of the project

Kick off

Moving forward through the process we considered information architecture, created a sitemap, and a moodboard, discussed ideas with the team, and then after we had a clear vision we switched to the design.

Kick off

Moving forward through the process we considered information architecture, created a sitemap, and a moodboard, discussed ideas with the team, and then after we had a clear vision we switched to the design.

Kick Off - Moodboard development - To depict the development of a moodboard that captures the visual and thematic direction of the project
Kick Off - Sitemap creation - To illustrate the creation of a comprehensive sitemap to guide the project’s structure

Kick off

Moving forward through the process we considered information architecture, created a sitemap, and a moodboard, discussed ideas with the team, and then after we had a clear vision we switched to the design.

Kick Off - Moodboard development - To depict the development of a moodboard that captures the visual and thematic direction of the projectKick Off - Sitemap creation - To illustrate the creation of a comprehensive sitemap to guide the project’s structureKick Off - Team discussions - To highlight the collaborative discussions with the team to brainstorm and refine ideas

Kick off

Moving forward through the process we considered information architecture, created a sitemap, and a moodboard, discussed ideas with the team, and then after we had a clear vision we switched to the design.

Kick Off - Moodboard development - To depict the development of a moodboard that captures the visual and thematic direction of the projectKick Off - Sitemap creation - To illustrate the creation of a comprehensive sitemap to guide the project’s structureKick Off - Team discussions - To highlight the collaborative discussions with the team to brainstorm and refine ideas

Design foundation

After we form the look & feel of the homepage, we built a design system of foundations and UI components that was growing up during the design stage. The design system speeded up the design and development processes and made everything consistent.

Design foundation

After we form the look & feel of the homepage, we built a design system of foundations and UI components that was growing up during the design stage. The design system speeded up the design and development processes and made everything consistent.

Design foundation

After we form the look & feel of the homepage, we built a design system of foundations and UI components that was growing up during the design stage. The design system speeded up the design and development processes and made everything consistent.

Design Foundation - Design system creation - To illustrate the creation of a design system consisting of foundational elements and UI components

Design foundation

After we form the look & feel of the homepage, we built a design system of foundations and UI components that was growing up during the design stage. The design system speeded up the design and development processes and made everything consistent.

Design Foundation - Design system creation - To illustrate the creation of a design system consisting of foundational elements and UI components

Design foundation

After we form the look & feel of the homepage, we built a design system of foundations and UI components that was growing up during the design stage. The design system speeded up the design and development processes and made everything consistent.

Design Foundation - Design system creation - To illustrate the creation of a design system consisting of foundational elements and UI components

Platform

The idea of the Platform part of the website was to represent the main features in the most meaningful way. We created some custom creatives and also integrated 3D viewers into the pages.

Platform - Main features representation - To showcase how the main features of the platform are represented in the most meaningful way
Platform - Main features representation - To showcase how the main features of the platform are represented in the most meaningful way

Platform

The idea of the Platform part of the website was to represent the main features in the most meaningful way. We created some custom creatives and also integrated 3D viewers into the pages.

Platform

The idea of the Platform part of the website was to represent the main features in the most meaningful way. We created some custom creatives and also integrated 3D viewers into the pages.

Platform - Main features representation - To showcase how the main features of the platform are represented in the most meaningful way

Platform

The idea of the Platform part of the website was to represent the main features in the most meaningful way. We created some custom creatives and also integrated 3D viewers into the pages.

Platform - Main features representation - To showcase how the main features of the platform are represented in the most meaningful way

Platform

The idea of the Platform part of the website was to represent the main features in the most meaningful way. We created some custom creatives and also integrated 3D viewers into the pages.

Platform - Main features representation - To showcase how the main features of the platform are represented in the most meaningful way

Solutions

Also, we created solution pages that explain use cases, what virtual photography is, how 3D visualization works, and how lifestyle scenes improve commerce conversion.

Solutions

Also, we created solution pages that explain use cases, what virtual photography is, how 3D visualization works, and how lifestyle scenes improve commerce conversion.

Solutions

Also, we created solution pages that explain use cases, what virtual photography is, how 3D visualization works, and how lifestyle scenes improve commerce conversion.

Solutions

Also, we created solution pages that explain use cases, what virtual photography is, how 3D visualization works, and how lifestyle scenes improve commerce conversion.

Solutions

Also, we created solution pages that explain use cases, what virtual photography is, how 3D visualization works, and how lifestyle scenes improve commerce conversion.

Custom creatives

As a big part of this project, we created a bunch of custom creatives including animated ones that much better show how it works in a simple way.

Custom creatives

As a big part of this project, we created a bunch of custom creatives including animated ones that much better show how it works in a simple way.

Custom creatives

As a big part of this project, we created a bunch of custom creatives including animated ones that much better show how it works in a simple way.

Custom creatives

As a big part of this project, we created a bunch of custom creatives including animated ones that much better show how it works in a simple way.

Custom creatives

As a big part of this project, we created a bunch of custom creatives including animated ones that much better show how it works in a simple way.

Resources

Resources are an important part of SEO and user guidance that's why we invested resources in the latest insights and customer stories, a lifestyle scenes library, research & reports, and case studies.

Resources

Resources are an important part of SEO and user guidance that's why we invested resources in the latest insights and customer stories, a lifestyle scenes library, research & reports, and case studies.

Resources

Resources are an important part of SEO and user guidance that's why we invested resources in the latest insights and customer stories, a lifestyle scenes library, research & reports, and case studies.

Resources - Valuable content - To depict the valuable content created to support and inform users, making the website a go-to resource

Resources

Resources are an important part of SEO and user guidance that's why we invested resources in the latest insights and customer stories, a lifestyle scenes library, research & reports, and case studies.

Resources - Valuable content - To depict the valuable content created to support and inform users, making the website a go-to resource

Resources

Resources are an important part of SEO and user guidance that's why we invested resources in the latest insights and customer stories, a lifestyle scenes library, research & reports, and case studies.

Resources - Valuable content - To depict the valuable content created to support and inform users, making the website a go-to resource

Related pages

We also covered the rest of the important pages such as about, pricing, FAQ with its template, 404, etc.

Related Pages - Consistent design - To represent the consistent design approach applied across all related pages for a cohesive look and feel
Related Pages - Consistent design - To represent the consistent design approach applied across all related pages for a cohesive look and feel

Related pages

We also covered the rest of the important pages such as about, pricing, FAQ with its template, 404, etc.

Related pages

We also covered the rest of the important pages such as about, pricing, FAQ with its template, 404, etc.

Related Pages - Consistent design - To represent the consistent design approach applied across all related pages for a cohesive look and feel

Related pages

We also covered the rest of the important pages such as about, pricing, FAQ with its template, 404, etc.

Related Pages - Consistent design - To represent the consistent design approach applied across all related pages for a cohesive look and feel

Related pages

We also covered the rest of the important pages such as about, pricing, FAQ with its template, 404, etc.

Related Pages - Consistent design - To represent the consistent design approach applied across all related pages for a cohesive look and feel

Social campaign

As a separate part of the process was the marketing campaign based on the new design and creatives. We created a set of templates that might be reused in the future easily.

Social Campaign - Consistent branding - To highlight the consistent branding maintained across all campaign materials
Social Campaign - Consistent branding - To highlight the consistent branding maintained across all campaign materials

Social campaign

As a separate part of the process was the marketing campaign based on the new design and creatives. We created a set of templates that might be reused in the future easily.

Social campaign

As a separate part of the process was the marketing campaign based on the new design and creatives. We created a set of templates that might be reused in the future easily.

Social Campaign - Consistent branding - To highlight the consistent branding maintained across all campaign materials
Social Campaign - Template versatility - To showcase the versatility of the templates, allowing for easy customization and reuse

Social campaign

As a separate part of the process was the marketing campaign based on the new design and creatives. We created a set of templates that might be reused in the future easily.

Social Campaign - Consistent branding - To highlight the consistent branding maintained across all campaign materialsSocial Campaign - Template versatility - To showcase the versatility of the templates, allowing for easy customization and reuse

Social campaign

As a separate part of the process was the marketing campaign based on the new design and creatives. We created a set of templates that might be reused in the future easily.

Social Campaign - Consistent branding - To highlight the consistent branding maintained across all campaign materialsSocial Campaign - Template versatility - To showcase the versatility of the templates, allowing for easy customization and reuse
No items found.

Outcome

New, restructured website design for over 30 unique pages, tested on the design stage, and later implemented via Webflow. Set of different creatives including animated ones. Integrated with Hubspot, Hotjar, GTM, and Facebook pixel. Automated lead gathering, optimized for any device, ready to promote in socials.

Linkedin

Linkedin

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline