Warrior Dash – Analytics

Like any site, Warrior Dash had Google Analytics installed and running in the background.

Once in a while, various members of the team would poke around in GA in order to gleam high level details like gender or mobile usage.

But these single metrics don’t really give the whole picture – especially when half the funnel is not being tracked at all.

Questions remained:

  • How many people clicked to the checkout?
  • Where did people drop off along the checkout process?
  • How far do people really scroll on these pages?
  • Which demographics tended to purchase which products?
  • Did any channels in particular tend to lead to more sales?

Answering these questions could lead to specific actionable steps the team could take to improve sales and maximize advertising costs; a much bigger impact than perusing total sessions and site bounce rate.

Adding Proper Views

First things first, I split the single All Web Site Data view into three different views.

Since the All Web Site Data view already had IP filters on it, I renamed it to Master View. This would be the primary view the team would use to view their data.

Second, I created a true All Web Site Data view with all filters removed. This acts as a backup of site data in case we need to view raw results.

Lastly, I added a Test View that would be used to try out new dashboards, segments, filters, goals, or funnels. It’s important to have a test view so you don’t impact your Master View unless you’re sure you’ve done things right.

Ecommerce Funnel Tracking

Next up, we needed to start tracking what happened when we sent people to checkout. Warrior Dash checkout was on a different platform than the website itself, so not only did we need to add our code to it, but we needed to make sure Google Analytics would be able to track a visitor across both domains.

This is called cross-domain tracking and unfortunately, Google doesn’t handle it out of the box. You would assume that since the same tracking code appears on two sites, it would naturally link the two, but instead GA will treat them both as referral traffic and throw your data and assumptions in a big way.

On top of this, the Ecommerce platform used on-page popups to guide users through the checkout flow instead of simple pages. Since Google Analytics only tracks new page views by default, we needed to add event tracking to the cart process so we could see where people dropped off as well as advanced ecommerce tracking to the products themselves to gleam insight into purchases made.

So, I worked with the Ecommerce development team to implement cross-domain tracking, advanced ecommerce tracking, and event tracking throughout their cart funnel.

Scroll Tracking

On top of that, I added scroll tracking to key pages to gain better insight into which sections of these pages visitors actually saw.

This way, the team could better understand which information was being consumed before users either exited the page or continued to the cart and ultimately decide on how to best proceed with organizing these sections.

Better Reporting

Now, it’s nice that all of this data is being properly collected in Google Analytics, but what does that mean for non-techies?

Wouldn’t it be great if key insights were pre-analyzed and available on a convenient dashboard?

Well, the Warrior Dash team is in luck! Google Analytics offers custom dashboards to view key metrics in an easily-digestible way.

They can now see total sales volume per channel, view revenue by demographic, and check mobile cart abandons all in one convenient location – now that’s better reporting.

Firefly Music Festival – Discover Artists

Year after year one of the big concerns the Firefly team sees mentioned by their audience is that they don’t recognize a lot of the smaller acts appearing at the festival.

It’s impossible to expect fans to know every artist, so I proposed a section of the site be created to showcase all the artists from the lineup.

A visitor would be able to easily click any artist name and a popup would show a YouTube clip of their biggest hit (or a SoundCloud playlist if available) and links to their social profiles.

At first, every popup would load content by default – after all, they had to retrieve each of these social links and embeds from their respective artist’s custom post. This, as you can imagine, caused significant and untenable load delays for the page.

So, using the WordPress API and AJAX, I crafted the artist popup to only request the artist data when a user had clicked on the artist name. This immediately resolved page load speed issues and the popup did not suffer for it.

Getting to know Firefly’s lineup got that much easier.

But then I took things one step further.

It’s tedious to click through over 100 bands to find ones you’d like.

What if you were able to select an existing band you loved on the lineup and related artists would be highlighted for you?

That way, you’d be able to listen to similar bands to the one you already liked – increasing your chance to enjoy new music at Firefly and the likelihood that you’d attend.

I pitched the talent team and built out Firefly’s Discover Artists page on the website. The Firefly team could easily select which artists were related to each other in the WP backend while visitors could view those similar artists as they were instantly highlighted on the lineup.

Coupled with the artist popup and a full page of curated playlists, exploring new music at Firefly is easier than ever.

Skinny Ms. Website

SkinnyMs.com is a large online publication dedicated to providing healthy recipes, weight loss tips, and fitness routines to women across the globe.

Their content is seen by nearly two million visitors every month and they’ve been featured in Glamour, Today, Cooking Light, The Huffington Post, Yummly, MSN, and many more.

I was tasked with designing a responsive website that would showcase their content, improve the user experience, and promote their new contributor program.

SkinnMs-stage

My Approach

Looking to evolve from their outdated website, SkinnyMs. came to me in order to capture the essence of their brand. I focused on giving their content room to breath with a heavy emphasis on whitespace and minimalism.

Showcase-1

The Process

This project saw the complete end-to-end phases of our process: research, wireframes, design, development, testing, implementation, and support.

Not only did they need the website to truly show off the beautiful photography, blog content, and recipes, but they also needed room for advertisements and an improved selling experience for their Ebook collection.

Before & After

SkinnyMs-Before-After