Agile Travel

A Shopify e-commerce single landing page developed to increase brand awareness and promote the Kickstarter funded travel backpack.

Duration: 8 weeks
Role: Front-end developer, collaborated with a UX/UI designer

Project Summary

After the funding stage, Agile Travel wanted to redirect traffic to a dedicated landing page to generate sales and extend their brand awareness. The agile design and development process was implemented to build the page. Custom development features were built into the Shopify framework to highlight the specialty of the backpack. The landing page was launched successfully to facilitate and support their digital marketing campaigns.

Project Goals

• Highlight features to differentiate it from other travel backpacksThe smart-looking Agile backpack is created for business and short trip travelers and especially photographers to travel. Their detachable and interchangeable compartments allow travelers to section their backpacks flexibly for different occasions.

• Custom build page features into the Shopify frameworkSome of the custom features such as a call-to-action button that directly goes to the checkout page to bypass the default Shopify cart page, a call-to-action to expand and contract the bag to showcase how the travel backpack could expand and a custom responsive slider required extensive research, planning and testing to fit into the Shopify Liquid framework.

Custom Built Development Features

Scroll to the order now section from the sticky header

For a long single page loaded with information, the sticky header becomes convenient to navigate customers to the dedicated order now button.

Custom slider

Building a custom slider instead of the Shopify default one gives more freedom to the section to lay out as much information as needed to showcase the specialty of the Agile Travel backpack.

Button to expand and compress backpack

Creating an interactive feature in the section allows customers to envision how they could use the product and shows the backpack's flexibility.

The order now button goes directly to checkout

Bypassing the Shopify's default setting to go to the cart page, going straight to the checkout page from the order now button minimizes the amount of distraction presented to customers, which allows them to focus on the checkout process.

Results

The landing page was built neatly throughout the agile process. It was launched successfully to extend its brand awareness and traffic was drawn directly from social media and digital marketing campaigns.