3D vs photography campaign

3D vs Photography Campaign - Detailed 3D virtual photography guide - To showcase how 3D virtual photography works in detail
Project overview

An online marketing campaign that includes how 3D virtual photography works in detail, research of price comparison of 3D and traditional photography, live calculator of how much a 3D model would cost for you, and full advertisement support in different social media and Google ads.

Tasks
  • Create design for the photography reimagined page that represents how 3D virtual photography works in detail.
  • Design a live 3D model calculator that generates a price based on a photo or image and its complexity via AI.
  • Create custom interactive design for research page of 3D vs Photography comparison.
  • Create a comparison video for the 3D virtual photography and traditional photography.
  • Implement the pages via Webflow, use custom animations and interactions to make the design more attractive.
  • Design a set of marketing banners following the main style for different social media and ads.
Tools
Miro
Miro
Figma
Figma
Adobe Illustrator
Adobe Illustrator
Adobe Photoshop
Adobe Photoshop
Adobe After Effects
Adobe After Effects
Webflow
Webflow
Solutions
Outcome

Disclosed comparison of Traditional vs 3D virtual photography via the outstanding interactive landing page, custom reusable videos & creatives, instant 3D calculator, and set of SMM materials.

Solutions

Product photography reimagined

We started the campaign with a page that explains what is 3D virtual photography and its benefits with the primary CTA that allows users to get the price in real-time.

Product photography reimagined - Visual storytelling - To showcase how 3D virtual photography enhances visual storytelling for products
Product photography reimagined - Visual storytelling - To showcase how 3D virtual photography enhances visual storytelling for products

Product photography reimagined

We started the campaign with a page that explains what is 3D virtual photography and its benefits with the primary CTA that allows users to get the price in real-time.

Product photography reimagined

We started the campaign with a page that explains what is 3D virtual photography and its benefits with the primary CTA that allows users to get the price in real-time.

Product photography reimagined - Visual storytelling - To showcase how 3D virtual photography enhances visual storytelling for products

Product photography reimagined

We started the campaign with a page that explains what is 3D virtual photography and its benefits with the primary CTA that allows users to get the price in real-time.

Product photography reimagined - Visual storytelling - To showcase how 3D virtual photography enhances visual storytelling for products

Product photography reimagined

We started the campaign with a page that explains what is 3D virtual photography and its benefits with the primary CTA that allows users to get the price in real-time.

Product photography reimagined - Visual storytelling - To showcase how 3D virtual photography enhances visual storytelling for products

Live 3D Calculator

To allow users to get a price for creating their 3D model, we've designed a live 3D calculator that generates a price based on provided photo or image. The calculator allows selecting a necessary service, drag-and-drop the image, has custom progress animation, and the request form.

Live 3D Calculator - Drag-and-drop image feature - To highlight the ease of uploading images with the drag-and-drop functionality
Live 3D Calculator - Drag-and-drop image feature - To highlight the ease of uploading images with the drag-and-drop functionality

Live 3D Calculator

To allow users to get a price for creating their 3D model, we've designed a live 3D calculator that generates a price based on provided photo or image. The calculator allows selecting a necessary service, drag-and-drop the image, has custom progress animation, and the request form.

Live 3D Calculator

To allow users to get a price for creating their 3D model, we've designed a live 3D calculator that generates a price based on provided photo or image. The calculator allows selecting a necessary service, drag-and-drop the image, has custom progress animation, and the request form.

Live 3D Calculator - Drag-and-drop image feature - To highlight the ease of uploading images with the drag-and-drop functionality
Live 3D Calculator - Step-by-step process - To depict the step-by-step process guiding users through the 3D model pricing calculation

Live 3D Calculator

To allow users to get a price for creating their 3D model, we've designed a live 3D calculator that generates a price based on provided photo or image. The calculator allows selecting a necessary service, drag-and-drop the image, has custom progress animation, and the request form.

Live 3D Calculator - Drag-and-drop image feature - To highlight the ease of uploading images with the drag-and-drop functionalityLive 3D Calculator - Step-by-step process - To depict the step-by-step process guiding users through the 3D model pricing calculationLive 3D Calculator - Price comparison feature - To highlight a feature allowing users to compare prices for different services or modelsLive 3D Calculator - Customizable input fields - To highlight the customizable input fields that allow users to specify their needs

Live 3D Calculator

To allow users to get a price for creating their 3D model, we've designed a live 3D calculator that generates a price based on provided photo or image. The calculator allows selecting a necessary service, drag-and-drop the image, has custom progress animation, and the request form.

Live 3D Calculator - Drag-and-drop image feature - To highlight the ease of uploading images with the drag-and-drop functionalityLive 3D Calculator - Step-by-step process - To depict the step-by-step process guiding users through the 3D model pricing calculationLive 3D Calculator - Price comparison feature - To highlight a feature allowing users to compare prices for different services or modelsLive 3D Calculator - Customizable input fields - To highlight the customizable input fields that allow users to specify their needs

Cross-device experience

We made all the pages responsive and adaptive to any device, so users can use them from a mobile or tablet, also considering mobile performance.

Cross-device experience - Responsive design demo - To demonstrate the responsive design adjusting to various screen sizes
Cross-device experience - Responsive design demo - To demonstrate the responsive design adjusting to various screen sizes

Cross-device experience

We made all the pages responsive and adaptive to any device, so users can use them from a mobile or tablet, also considering mobile performance.

Cross-device experience

We made all the pages responsive and adaptive to any device, so users can use them from a mobile or tablet, also considering mobile performance.

Cross-device experience - Responsive design demo - To demonstrate the responsive design adjusting to various screen sizes

Cross-device experience

We made all the pages responsive and adaptive to any device, so users can use them from a mobile or tablet, also considering mobile performance.

Cross-device experience - Responsive design demo - To demonstrate the responsive design adjusting to various screen sizes

Cross-device experience

We made all the pages responsive and adaptive to any device, so users can use them from a mobile or tablet, also considering mobile performance.

Cross-device experience - Responsive design demo - To demonstrate the responsive design adjusting to various screen sizes

Research landing page

Based on the research conclusion and real data, we've designed a landing page with custom interactive graphics and animations to attract users to read the research and click the call to action to get the real-time estimate.

Research landing page - Engaging user experience - To depict the overall user experience designed to keep users engaged with the content
Research landing page - Engaging user experience - To depict the overall user experience designed to keep users engaged with the content

Research landing page

Based on the research conclusion and real data, we've designed a landing page with custom interactive graphics and animations to attract users to read the research and click the call to action to get the real-time estimate.

Research landing page

Based on the research conclusion and real data, we've designed a landing page with custom interactive graphics and animations to attract users to read the research and click the call to action to get the real-time estimate.

Research landing page - Engaging user experience - To depict the overall user experience designed to keep users engaged with the content

Research landing page

Based on the research conclusion and real data, we've designed a landing page with custom interactive graphics and animations to attract users to read the research and click the call to action to get the real-time estimate.

Research landing page - Engaging user experience - To depict the overall user experience designed to keep users engaged with the content

Research landing page

Based on the research conclusion and real data, we've designed a landing page with custom interactive graphics and animations to attract users to read the research and click the call to action to get the real-time estimate.

Research landing page - Engaging user experience - To depict the overall user experience designed to keep users engaged with the content

Custom solutions

The idea was to make the research landing page attractive with side-by-side approaches comparison, explanation of the case study, a custom world map that shows regions' prices, benefits, price breakdown, a video that shows the difference, and so on.

Custom solutions

The idea was to make the research landing page attractive with side-by-side approaches comparison, explanation of the case study, a custom world map that shows regions' prices, benefits, price breakdown, a video that shows the difference, and so on.

Custom solutions

The idea was to make the research landing page attractive with side-by-side approaches comparison, explanation of the case study, a custom world map that shows regions' prices, benefits, price breakdown, a video that shows the difference, and so on.

Custom solutions

The idea was to make the research landing page attractive with side-by-side approaches comparison, explanation of the case study, a custom world map that shows regions' prices, benefits, price breakdown, a video that shows the difference, and so on.

Custom solutions

The idea was to make the research landing page attractive with side-by-side approaches comparison, explanation of the case study, a custom world map that shows regions' prices, benefits, price breakdown, a video that shows the difference, and so on.

Mobile responsive

Due to we designed a bunch of standout sections, we also were challenged to make mobile look and feel the same good as the desktop version.

Mobile Responsive - Visual consistency across devices - To demonstrate the visual consistency maintained across both mobile and desktop devices
Mobile Responsive - Visual consistency across devices - To demonstrate the visual consistency maintained across both mobile and desktop devices

Mobile responsive

Due to we designed a bunch of standout sections, we also were challenged to make mobile look and feel the same good as the desktop version.

Mobile responsive

Due to we designed a bunch of standout sections, we also were challenged to make mobile look and feel the same good as the desktop version.

Mobile Responsive - Visual consistency across devices - To demonstrate the visual consistency maintained across both mobile and desktop devices

Mobile responsive

Due to we designed a bunch of standout sections, we also were challenged to make mobile look and feel the same good as the desktop version.

Mobile Responsive - Visual consistency across devices - To demonstrate the visual consistency maintained across both mobile and desktop devices

Mobile responsive

Due to we designed a bunch of standout sections, we also were challenged to make mobile look and feel the same good as the desktop version.

Mobile Responsive - Visual consistency across devices - To demonstrate the visual consistency maintained across both mobile and desktop devices

Social media

As a part of this marketing campaign, our Web Folks prepared a set of social media banners that were aligned with the brand.

Social Media - Visual consistency - To illustrate how the banners align with the overall brand identity
Social Media - Visual consistency - To illustrate how the banners align with the overall brand identity

Social media

As a part of this marketing campaign, our Web Folks prepared a set of social media banners that were aligned with the brand.

Social media

As a part of this marketing campaign, our Web Folks prepared a set of social media banners that were aligned with the brand.

Social Media - Visual consistency - To illustrate how the banners align with the overall brand identity

Social media

As a part of this marketing campaign, our Web Folks prepared a set of social media banners that were aligned with the brand.

Social Media - Visual consistency - To illustrate how the banners align with the overall brand identity

Social media

As a part of this marketing campaign, our Web Folks prepared a set of social media banners that were aligned with the brand.

Social Media - Visual consistency - To illustrate how the banners align with the overall brand identity
No items found.

Outcome

Disclosed comparison of Traditional vs 3D virtual photography via the outstanding interactive landing page, custom reusable videos & creatives, instant 3D calculator, and set of SMM materials.

Linkedin

Linkedin

More works

Looking for an expert?

Let's discuss how WebFolks can help!

Contact Us
WebFolks logo outline