Project:

Web Development

scroll icon

Raising the roof with Cascadia Vehicle Tents

CVT needed a website that could function as their digital showroom within a rapidly growing industry

We leveraged a headless Magento foundation to support CVT's complex and growing ERP system. The result was a powerful backend built for product managment while simplifying content curation through a user-friendly CMS.

Cascadia Vehicle Tents e-commerce product configuration

The Ask

The design for Casciadia Vehicle Tents' new site hinged on a sleek, unique look far outside of Magento's visual ecosystem. However, it also needed to live up to business goals grounded in sales and provide a place for CVT's fans to gather as a family.

Cascadia Vehicle Tents product configuration page

Technology Solution

Data Driven Design was hired to make it possible to have the best of both worlds: enterprise level ecommerce and boutique, highly interactive UI/UX. Our mission was to create a website with easy content management and powerful ecommerce as parts of a balanced whole.

Using Magento and Craft together Logo

Our solution was to fully decouple the experience layer from the constraints of the Magento theming system, which would allow us to build a very custom design for a fraction of the cost of building directly on Magento. It would also make the administration of the site much easier as it separated the management of the presentation layer into Craft CMS. Craft's fully-customizable, user friendly backend system seemed to be the perfect fit to support their marketing team's needs and would still make it possible to do the bulk of the ecommerce management in the Netsuite ERP so their employees could have a single point to maintain product information.

In the end, we accomplished what we set out to do. Data Driven Design built the site using a headless Magento 2 backend with Netsuite communicating via a customized Magento 2 REST API with a Craft CMS-based user interface. This approach allowed both portions of the application to work together to deliver a visually stunning design while keeping the beefiness of a tried and true ecommerce platform to handle inventory and sales. We were able to deliver the best aspects of both systems to a client seeking to set the tone for their outdoor brand.

Technology:

Craft CMS

Scroll Magic

Javascript / HTML5 / SCSS

Headless Magento

Custom API to integrate Craft and Magento

MailChimp API

Bootstrap 4

Netsuite ERP

ShipperHQ

Multi-Warehouse Inventory

Roles:

Technical Direction

Frontend Development

Backend Development

Systems Architecture

DevOps

Premium products with superior customization

We built an interactive product configurator, allowing the customer to see the product update in real time, including interactive hotspots that inform the user about product features.

Cascadia Vehicle Tents responsive mobile phone design

Try it before you buy it

CVT wanted a rental area on their site to allow customers to try their products before taking the plunge. Data Driven Design built a custom rental form that updates in real time to allow customers to have a cart-like experience while requesting products to rent. The form allows users to preview the items they are renting as they fill out the request form.

Cascadia Vehicle Tents using scroll magic to add smooth scrolling

Emphasis on getting the little things right.

Scroll Magic was leveraged to create loading and scroll effects, adding subtle touches of polish. Content and images gently fade and rise as they float into place on each and every page.

Responsive and adaptive

The highly interactive nature of CVT's site and the sizeable images needed to support the design vision meant that we needed to add adaptability into the equation. Typically, our sites are built with a minimum of three responsive breakpoints for the layout: mobile, tablet and laptop/desktop. Many times, we have five, to support the variety of devices currently in the market.

Even with this approach, we knew the site's scrollable home page would be a challenge for users on mobile devices. Especially CVT's customers, who are likely to be off the beaten path. We suggested using an adaptive, slimmed-down version of the design to increase page load speed on mobile devices. Instead of slowing down CVT's sales, we serve up an entirely different experience to people browsing on their phones.

Cascadia Vehicle Tents desktop home page scrolling experience
Get in touch.
Contact

We proudly serve
the Pacific Northwest