Armstrong® is a great local company headquartered right here in Lancaster County, and thought they would be the perfect inspiration for my next beta project! So, I decided to build a mobile-friendly, promo offer landing page with product carousel, using some new web tools I’ve just added to my list of capabilities. I’ll start with a little background on Armstrong.

Armstrong designs and manufactures residential and commercial flooring, wall and ceiling systems—I know, I’ve installed plenty of flooring in my time and this stuff is awesome! Whether working with a limited budget or sky’s the limit, there’s something for every project. Their products can be found at most big box stores and through local preferred installers. Okay, enough with the free blog-vertisement—on with the project…

I thought this company’s brand would be a great platform to display my ability to design in a simple, clean style, while incorporating an animated product carousel and geo-location data. That’s right, the information in the bottom footer will feed the user’s nearest Armstrong preferred retailer and/or installer using geo-location data.

The concept and design is contemporary and simple, focusing on a beautiful background image of flooring and obviously the coupon offer. The image carousel is designed to enhance the perception of Armstrong’s extensive variety of product style and application, and displays some of the product that are valid with this offer. I even have one image with the words “Sold Out” to add a sense of urgency(see closeup screen shot of product carousel below).

carousel_upclose

The layout is completely responsive to desktop, tablet and smartphone devices(see examples above) thanks to some nifty features in Adobe Muse. On mobile devices, buttons load in at a larger scale for easy “fat-finger” access, including a call button in the footer per each loaded preferred location. The form is fully functional and needs to be pointed to a proper database(I have it sending data via email to my address for testing purposes at the moment) and the social share icons on the completion page are for position only.

The sitemap for this promotion is simple: coupon, form, and form completion success page(as shown below). From a functionality standpoint, the user enters to the form through the “get my Coupon >” button on the coupon page. After completing the form successfully, the user is immediately taken to the “success” page with two additional buttons to visit either product or partner website with social sharing capabilities.

Basic marketing channel plan overview (Most Include an additional plan for predictive data via existing customer and prospect lists):

  • Armstrong & Preferred Partner Email Campaigns
  • Google Ad Banners
  • Remarketing
  • Social Media
  • Space Ads
  • Direct Mail
  • In-Store Display
  • Other Partner Opportunities

Applications used:

  • Adobe Muse(new)
  • Adobe Photoshop
  • Adobe Illustrator

I could be missing a few other marketing channels, but you get the idea. I also held off making the link public. I don’t want this offer to go live, as it’s not sanctioned by the Armstrong company. If you’d like to see the live site, contact me through linkedIn InMail and I’ll send you the link.

Thanks for visiting, and stay tuned for more beta projects. Next, I’ll be updating a product landing page I worked on about 4 years ago. I’ll show you the before and after. This will be an interesting revisit!

Jeff Behrenhauser is an accomplished Creative Director with over 15 years of experience in designing and developing email and web creative marketing strategies. He has held lead creative rolls in agencies and in-house marketing departments with successes in the Pharmaceuticals, Financial Services, Healthcare, Automotive, Energy, Technology, Communications, and Retail Services industries. Click here to find out more about how Jeff’s accomplishments in marketing and advertising can help your business.

Leave a comment