Market Hero Website Development

Overview

How do you streamline social, email, and automation for a truly fluid customer experience? Market Hero came to us with an idea to build a website that clearly showed how ROI, automation, optimization, and engaging design could change the way that businesses and agencies communicated with customers. We were all in. The new website would feature the latest CSS, HTML, and custom JavaScript. With lots of content, Market Hero also wanted a simple navigation that would keep users scrolling through animated designs, videos, dynamic elements, and hard-hitting copy. Each page was developed to make an impact on the viewer with just one glimpse.

Solution

From the beginning, we wanted to built a site that was made to convert. With conversion rate optimization, the site has to load fast, focus on customer-winning elements, and explore the product just as the customer would. From purchasing a product to signing up a free trial, the site also had to support the client’s acquisition goals as well.

How We Optimized the Site

With a quick turnaround in mind, we wanted to create a fast, responsive website that would look great on any device. The site’s structure didn’t encompass hundreds of pages, so every page had to show off design while also delivering content that was optimized for search engines and the way users consume content today. With a number of different videos and expressive designs, MarketHero.io would have a number of visuals that needed to load quickly with a few CSS animations to draw the eye and entertain while still delivering important information.

Navigation and Layout

The website had several key areas that Market Hero wanted to focus upon. These included:

  • Features
  • Pricing
  • Blog
  • API
  • About
  • Jobs
  • Training

The Features page needed to be the most visually appealing and engaging page on the website as content wraps around Market Hero’s value position. Customers are able to slide through the different parts of the product and get a 360-degree view of how Market Hero’s software can create more fluid communication programs for customers.

Technologies Used

When building a responsive website that is just as effective on mobile as desktop, we wanted to use a platform known for its optimization. WordPress offers a responsive framework that can be customized using HTML, PHP, and CSS 3.0. Our development team coded each page of the site to help the user slide down the page, bringing in animations, eye-popping call-to-actions, and other elements that jumped off the page at the user.

In addition, the features page had additional customization. To create the animated elements in the header and a tabbed slider, we chose CodeIgniter 3.0 и Bootstrap and Ajax. The header needed to show each element and link to a video that explained each product with in-depth statistics and how-to content that expressed the value of the software.

Results

Market Hero needed an optimized website that showed off the fluidity of its product. With a straightforward navigation, every page was designed to invoke an immediate response with customized animations, bright call-to-actions, and responsive development that would load quickly and dynamically on any device.

The new website brings users right to the most important features of the product, allowing them to glide down down the page and experience the product. Every call-to-action goes to the pricing page where they can dynamically explore different options.

From start to finish, we partnered with Market Hero on every detail so that the end result met all of their requests. Now Market Hero has a site to empower its online marketing goals and serve as the central access point for client acquisition.

Web Development

Extremely easy to work, easily one of the best contractors. Team maintained a high degree of communication and was always keeping us in the loop on all project developments and deadlines. All projects came in on time or earlier and PM made himself available at whatever time we needed him if we had to have a meeting to discuss various aspects of the project with other teams members. I wouldn't hesitate to recommend them to anyone.

Nov 8, 2017

Alex Becker

Dallas, Texas, USA
Founder, Market Hero

Do you need a comprehensive website that involves extensive, multi-level planning that will facilitate the necessary actions to reach the goal?