3D & AR platform website

3D & AR platform website
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

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

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.

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

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.

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

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

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.

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

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.

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

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

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

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

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

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.

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