My $50,000 Bet: How to Plan for (and Justify) a New Website Design

My $50,000 Bet: How to Plan for (and Justify) a New Website Design

I never shy away from a good bet, especially when I have a hand in determining the outcome.

But when I realized the cost for our store redesign would be $50,000, it gave me serious pause.  Was I making a smart long-term investment?  Or just the worst – and biggest – bet of my life?

In this post I’ll be explaining why we’re embarking on such a massive project, how we prepared for the redesign and the analysis I did to make sure I wasn’t certifiably insane for spending so much.

Past Redesign Mistakes

As I’ve written about in the past, I’ve made some terrible decisions when it came to investing money into high-end eCommerce design.  Specifically, I spent $5,000 on a professional design when launching TrollingMotors.net only to have to tear it all down and replace it with a basic, free stock theme.

So why in the world would I want to risk making the mistake a second time at 10x the cost? There are two big differences this time around:  the business’ age and the reason for the new eCommerce website design.

We’ve been selling radio equipment at Right Channel Radios for nearly 7 years and really understand the market, our customers and their needs.  Additionally, it’s a business that’s established enough to justify investing in.  With the TrollingMotors.net design, I invested heavily in a redesign for a new business I knew nothing about and that hadn’t generated a single dollar of revenue.

Secondly, this redesign focuses heavily on functionality and usability enhancements.  We’re not merely doing this to build a “prettier” site.  Instead, there are many critical usability problems we want to address as we’ll get into below.

The last time we redesigned Right Channel Radios was in 2012, and it went well – we saw revenues increase approximately 50% right after the redesign.

But it’s been almost three years and after a strong 2012, we’ve seen the site become gradually less effective each year.  In fact, revenues were down in 2014 by almost 30% from the previous year – the first time ever we’ve seen a year-over-year decline.  And a pretty sizable one, at that.

One of the biggest culprits?  Mobile shoppers.

The Mobile Effect

Since our last redesign in 2012, mobile and tablet traffic has exploded by 180% and 166% (respectively) while desktop traffic has fallen by more than 30%.  Even more importantly, revenue from mobile grew at over 200% while revenue from desktop visitors was almost cut in half.

Growth-in-Mobile-Traffic

That’d be great news if we had a killer mobile website, but we don’t.  It’s downright awful.

People were buying despite our website, not because of it.  And our overall revenue and conversion rates showed that to be the case.  So implementing a new top-shelf mobile eCommerce site was a large part of the redesign decision.

As we’ll get into later, we opted to go with a responsive site vs. a standalone mobile site.  With a responsive site, we only have to worry about maintaining one code base vs. trying to manage a separate mobile dedicated site.

While convenient, responsive sites do have their drawbacks – notably that they can be significantly slower than sites optimized exclusively for mobile phones.  However, we’re hoping to mitigate many of these problems by doing some programming magic to keep load times manageable.  More on this in the future.

Strengthening the Brand

I’ve made no secret about this the last year:  eCommerce is getting more competitive and if you’re not working hard to build a unique brand, you’ll likely be out of business in 5 years.  This is especially true if you sell other people’s products, like we do at Right Channel Radios.  Without offering any truly unique products, why should people buy from us over Amazon?

We’re using the redesign to specifically improve three areas of our brand:  our design, our focus and our personality.

Improved Design

I’m a big fan of starting lean and keeping design minimalistic in the early days of a business.  Again, I’ve learned the hard way not to invest heavily in design in the early days of a business.

But once you have an established business, a professional design can deliver an instant shot of credibility and trust to your visitors.  As eCommerce is getting more competitive and mature, this is becoming increasingly important.

Since 2012, our site has looked increasingly outdated every year.  Our current design was implemented by yours truly back in 2012, and even then it wasn’t going to win any awards.

 

Our Current Site Design

Current-Homepage

Improving User Experience

Apart from the antiquated look and feel, there were a number of elements of our current design that didn’t facilitate a smooth shopping experience.

From how customers browsed category pages to how they moved through the checkout process, we studied each aspect of the shopping process and found numerous friction points.  With the redesign, we’re hoping to fix these so that the site actually works better in addition to looking more professional.

Niching Down

I’ve never regretted “niching down” a store to focus on a specific type of customer.  In our last design iteration, we changed our focus from selling radios to selling radios specifically for vehicles. And with this redesign, we’ll be doing that again.

I’ve never regretted niching down an eCommerce site to focus on a very specific type of customer.”

Over the last few years, we’ve come to realize we specifically love – and can best help – customers who own 4×4 vehicles or pickup trucks.  That’s where we really can add the most value, and we’ll be re-positioning the site accordingly.

Adding Personality

To build a strong brand and stand out, I wanted to infuse personality into our new site.  Specifically, I wanted to overhaul our boring, straightforward product descriptions and email notifications with fun, compelling and humorous product copy people would really enjoy reading.

Copywriting ninja Laura Serino recently came aboard the eCommerceFuel team, which gave me a perfect excuse to do this.

Tired of Playing System Admin

Since 2012, we’ve run Right Channel on Magento.  Originally, I liked the fact that Magento was open source and self-hosted as this gave us complete control over our site.  Anything I could dream up, we could (in theory) implement.

But in practice, Magneto ended up being a royal pain.

Without a regular system admin on the team, I had to learn UNIX and figure out how to run a server.  Troubleshooting issues would often take hours if not days.  The upgrade process was so fraught with land mines we never embarked upon it, so our site couldn’t take advantage of the latest and greatest features.  And when I did hire a programmer, I had to worry about them messing things up as well and taking our store offline.

For a store our size, I ultimately decided that moving to a hosted cart was a much better decision.  We may not be able to tweak every line of code, but we’d be able to do 95% of what we wanted to without having to worry about server issues, backups, upgrades or tech headaches.

Adios, Magento.

Picking a Platform

Disclosure:  After making the decision to migrate to Shopify, I pitched them on sponsoring the podcast which they’ve done since the beginning of November.  I’ve also worked with them on numerous projects in the past.  

There are a lot of choices in the world of hosted shopping cart software, but for me it came down to Shopify vs. Bigcommerce.  Ultimately I chose Shopify.

My decision primarily came down to two main factors:  system architecture & ecosystem.   In talks with numerous developers, I heard repeatedly that Shopify had an incredibly robust and customizable templating framework that would let you do just about anything.  As we had plans to customize the new site heavily, this was really important to us.

Secondly, Shopify has the largest ecosystem in the hosted cart world.  While this is important from an app selection perspective, it also was enormously important from the perspective of finding developer talent.  In my personal network, I can think of a least half a dozen solid Shopify developers.   But I know just 1-2 who specialized and know Bigcommerce well.

I’m really excited to be making the switch to Shopify, and can’t wait to have our business on a platform that’s easy to manage and maintain.

Update: We have migrated from Magento to Shopify and sales have increased sales by 41%. You can find the full case study here

The Longball Approach to Selecting a Designer

My method for picking a design firm was probably the least scientific aspect of this entire process, but it’s worked out well.

I ended up hiring Carson McComas from ShopifyCustom.com to spearhead the redesign.  Carson wasn’t the finalist in a fight-to-the-death gladiator match of half a dozen eCommerce website design companies.  Instead, he was someone who had an impressive portfolio and that I slowly built up a good rapport with over time.

Shopify-Custom-Together

Over a multi-month period I became impressed with his experience, knowledge, portfolio and the way he did business.  So when it came time to hire a firm, I didn’t even quote the project out to anyone else – I knew he was my man.  (Although I may have made him “think” I was shopping it around just to keep him honest!)

If you have the luxury of knowing you’ll be embarking on a redesign in the next 6 to 12 months, start connecting with potential design candidates now.  It will be much easier to make a decision if you have a long track record and multiple interactions to look back on vs. a rushed interview process with numerous designers.

Budget and Cost Breakdown

If you’ve never quoted high-end design and programming work before, the $30,000 design/programming price tag may shock you.  Sadly, great programmers and designers aren’t cheap.  If you’re looking for someone who is smart, responsive and really knows their stuff (like Carson),  you’re going to have to pay up.  So we did.

If you’re looking for someone who is smart, responsive and really knows their stuff,  you’re going to have to pay up.”

We’re almost two months into the project, and it’s amazing to see how much goes into thinking through, planning and executing on a high-end design.   It’s a phenomenal amount of work.   I’m not sure I could ever call $30,000 cheap, but I can definitively say we’re getting great value for our money.  Perhaps the greatest test?  I’m not sure I’d take on the project for someone else for $30,000 if the roles were reversed.

The other $20,000 of the $50,000 budget I alluded to is coming from the involvement myself and my team will have over the 4-5 month course of the project.

Despite having Carson’s team doing the heavy lifting with design, I’ll be spending the majority of my work days on the project until it launches.  The rest of our four person team is also primarily focused on the relaunch:  Laura is writing tantalizing new copy, Pat is taking a ton of new images and our VA team members are working on a number of data heavy tasks.

So between my time and the payroll expense allocated to the project we’ll definitely hit the $20,000 mark.

The “Am I Bat Crazy?” ROI Test

Am-I-Bat-Crazy

While all of these issues are compelling reasons to consider a change, it’s still not enough to justify a massive $50,000 investment.  For that amount, you could buy an Aston Martin, a home in Puerto Vallarta or 100,000 apple pies at McDonalds!

Am I insane?  And how do I know this investment is reasonable and/or will pay off?

To be honest, I don’t.  And it’s a bit terrifying considering it.

But there is a process to make sure you’re taking a reasonable investment risk vs. simply throwing money into the wind.  It’s a process I like to call the “Am I Bat Crazy?” ROI Test.  The goal is to use some reasonable assumptions and see what the potential payoff for our redesign investment will be.

Status Quo Assumptions

Note:  These aren’t real net income figures for Right Channel, but using actual numbers will make this analysis easier to understand.

For the sake of illustration, let’s say that Right Channel nets $100,000 in profits per year.  Normally, a growing and healthy eCommerce business would be able to sell for 2.5x to 3.0x net income.  But because sales have actually declined this year, the multiple we’d likely see would be much closer to 2.0x.

So the value of the business would be $100,000 x 2.0x = $200,000.

Let’s also assume that over the course of the next year, we’ll see a decline in net income/revenues similar to that we’ve actually experienced over the last year at around 30%.  That’d mean one year in the future, the business would have made  $70,000 instead of $100,000.

To create a baseline scenario, let’s look at the total value of the business/any income one year in the future.

  • Business Value:  $200,000
  • 12-Month Income:  $70,000
  • Total Value in 1 Year:  $270,000

Assuming we do nothing, in this hypothetical scenario we’d likely receive $270,000 in value from net income + the value of the business (if we wanted to sell it) over the next year.

Now that we have a baseline, let’s pencil out some rough numbers for a redesign scenario.

Redesign Assumptions

Let’s make the assumption that the redesign will results in a 50% increase in revenues/profits. This may seem high to many, but I think it’s a realistic projection.

In the past, this is the minimum increase I’ve seen in both the redesigns I’ve personally done for established businesses.  Both of those were done without the help of a highly trained design firm.  And neither of them faced some of the UX (mobile) and design issues currently plaguing our site.

There’s a chance conversions will increase by less than that (or, heaven forbid, actually decrease), but I think it’s a reasonable assumption to use for the analysis.  A 50% increase in net profits would mean $150,000 in hypothetical net income for the business in the coming year.

From a valuation standpoint, not only would the net income increase but so would the multiple used to value the business.   Because revenue growth was on the upswing once again, you’d likely be able to get a 2.75x multiple vs. the 2.0x one you received for a shrinking business.

The combination of the increased income plus improved multiple makes a big difference.  The value of the business would be $150,000 x 2.75 = $412,500, more than 2x the value of the business under no redesign.

To create a redesign scenario, let’s look at the total value of the business/any income one year in the future.

  • Business Value:  $412,500
  • 12-Month Income:  $150,000
  • Total Value in 1 Year:  $562,500

Calculating the ROI

In summary, here are the two hypothetical scenarios of business value generated:

  • Value under Status Quo:  $270,000
  • Value with Redesign:  $562,500
  • Potential Value Upside with Redesign:  $292,500

So we’ll see a hypothetical increase of $292,500 in generated business value if our assumptions about the redesign are correct.

Would you risk $50,000 if you thought you had a better-than-not chance of earning an additional $292,500 within a year?  Of course you would!  It’s nearly a 6x return on your investment in 12 months.  Not too shabby.

Even if we saw just a 20% increase in conversion, you’d still likely come out $120,000 ahead over the course of one year.

Again, these net income numbers aren’t the actual ones for my store.  But this is the exact process I went through using real figures when deciding whether or not to move forward.

The Critical Pre-Design Checklist

One of the biggest mistakes you can make is thinking that hiring a talented design firm will ensure a successful outcome.  Nothing could be farther from the truth.

A great design team is there to brilliantly implement the new site, features and brand you tell them to build.  While they can give you some guidance on a few areas, the responsibility is 100% in your hand.

The most crucial work in the entire design process happens before you ever even speak with a designer.”

The most crucial work in the entire process happens before you ever even speak with a designer.  It’s easy to brush this part off.  But if you do, you’ll likely end up with a beautiful, expensive site that doesn’t improve your bottom line.

Here’s some of the legwork I did months in advance to ensure our redesign is (hopefully) a success.  Hopefully it can serve as a tutorial and/or checklist for your own redesign efforts:

Check Your “To Improve” List

Every store owner needs to have a “To Improve” list for their site that is added to on a regular basis as problems occur.

If you don’t have one, start one today.   You may think you’ll remember all the problems and UX (user experience) issues that pop up over the months and years from random customer emails, but trust me – you’ll forget 90% of them.

If you do have a list like this, it’s a great foundation for your pre-design prep work – and one I relied on heavily for creating the ultimate design brief.

UX Testing

It’s hard to over-emphasize the importance of watching actual people use your website.  Despite being in business for 6+ years, we discovered some massive friction points and terrible UX problems that we’d never known about.  These are issues that we’re addressing head-on with the new design.

We used UserTesting.com for our UX testing, which lets you remotely watch someone complete a task on your website for approximately $50.  They even let you set specific demographic details testers have to meet.  In our case, we asked for males between the ages of 30 and 60 years old who owned a pickup truck or 4×4 – the exact demographic we were optimizing for.

Identify Top Pages & Products

Make sure you’re applying the 80/20 rule to your redesign efforts.  Use Google Analytics and your reporting tools to find your top landing pages and your best-selling products.

We went through and tagged our top selling products so we could prioritize writing top-grade copy for those.  We also realized that many of our top landing pages were mediocre articles with no call to action … yet they were driving an enormous amount of our traffic.  Getting those spruced up should have an abnormally sized impact once we relaunch.

Optimize Site Structure

Hopefully you already have a site structure that’s optimized based on keyword research.  If not, there’s no better time than the pre-design phase to do it.

Creating a site structure to maximize your organic traffic is beyond the scope of this post, but I’ve created this in-depth site structure training exclusively for private forum members.

Fortunately, we’ve already invested the time to optimize our site structure and will be using much of it for the new design.

Do a Manual Content Audit

Spend time browsing through your site looking for pages and content that is old, outdated or just needs to be improved.  Personally, I find the redesign process the ideal time for general website housekeeping and updates.  We found lots of things – from product pages to tech articles -that were in desperate need of an overhaul.

I spent an entire week doing nothing but rewriting articles in our CB radio learning center.  Not the most glamorous or exciting week I’ve ever spent, but it should pay off in spades once we go live.

Start Running Those Surveys

Qualaroo

Few things are as helpful as hearing directly from customers about why they did – or didn’t – buy from you.  For the months leading up to the redesign, we ran two surveys with the goal of identifying customer friction points:

Homepage Qualaroo Survey:  This survey was triggered when customers began to exit the site, and asked “Is anything holding you back from purchasing today?”  The goal, as you can likely gather, is to try to determine why people left without buying.

Post-Purchase Survey:  On the other side of the spectrum, we want to know what selling points really resonate with customers – and make sure we emphasize those in the new design.  So we ran a simple survey on the confirmation page asking them the following four questions. It also served to help us discover friction points customers encountered during the process.

  • Tell us about yourself.  We’d love to know more about you.
  • Why did you decide to buy from us?
  • What hesitations did you have about purchasing?
  • What could have been improved?

I believe I borrowed these questions from Avinash Kaushik, but I’m not sure.  Regardless, they resulted in a lot of good data.

Creating a Design Brief

Once you’ve collected all this data, it’s time to turn the insights into tangible design implementations.  I’d recommend doing this all in the master design brief, which you can use both as the organizational center of your redesign process as well as something you can show to designers when the time comes to get quotes.

My design brief ended up being very involved at 14 dense pages and included just about everything you’d need to know.  The more detailed you can be, the better.

You should be writing about specific features, page layouts, navigation structure, checkout flow, etc.  Pretty much anything that you determined is important for the new site needs to be detailed in your spec.

You also want to make sure to share your thought process behind “softer” issues like color and feel, customer demographic, redesign reasons, etc., so that your designer has some context for both your business and the goals you’re trying to accomplish.

The outline for the design brief I created is below, with the full design brief available to private forum members:

  • Reasons for the Redesign
  • Thoughts on Overall Look and Feel
  • Customer Demographics & Store Focus
  • Budget
  • Header & Navigation
  • Homepage
  • Category Page Template & Specs
  • Product Page Template & Specs
  • Product Selection Wizard Template & Specs
  • Shopping Cart and Checkout
  • About & Contact Us Pages
  • Resource Library
  • Footer
  • Requirements for Mobile Site
  • Misc Details
  • Appendix A:  List of Product Tags for Filtering
  • Appendix B:  Product Meta Fields by Type

Forget About A/B Testing (What?!?!)

In my experience, from-the-ground-up site redesigns are simply too involved to try to justify every decision with data. In a perfect world, you’d find potential friction points via your data gathering process and A/B split test a potential solution to make sure it did, in fact, lead to more sales/a better customer experience.

But sadly, we don’t live in a perfect world.

Especially if  you’re an independent merchant with limited resources, trying to back up every design decision with A/B test data will not only take you years, it will drive you MAD.

So I’m going to offer some advice that goes against what you’ll usually hear:  test the really big things if possible, and then make changes based on common sense and the anecdotal evidence you see in your UX testing.

Will you get some things wrong?  Sure.  But if you’re genuinely incorporating the feedback from your customers’ UX testing and surveys into your design, you’ll have to screw up big time to have all of those changes decrease conversion across the board.

Wireframing

Initially, I hadn’t considered going through a detailed wire framing process.  I was planning on simply handing off my beast of a project spec to my designer and hashing out revisions once version 1.0 of the site was finished. Thankfully, Carson convinced me to invest heavily in the wireframing process upfront.

By creating a detailed set of wireframes, you accomplish two important things:

First, you make sure you and the designer are on the same page visually before you invest heavily in the design process.  Making big changes in the wireframe stage is trivial.  Trying to re-work things after you’ve spent lots of time on design and coding work is much more painful.

Second, you create a detailed blueprint for your site that can be handed off to any competent designer.  Since Carson had a lot of experience with the process, I hired him on an hourly basis to help me build a detailed wireframe and sitemap.  But you can also use a site like Basalmiq to create your own wireframes.

Compared to projects where I did no wireframing, it’s amazing how helpful it was for fleshing out ideas, identifying problems and being able to think through things visually.

Below are the home and category page wireframes we created to give you a sense of the level of detail we went into.  The complete 17-page wireframe is available to all private forum members.

 

Homepage & Category Wireframes

Homepage-Wireframe

 

 

Category-Wireframe

 

Up through the wireframing stage, we’d hired Carson as a consultant to help with the wireframing and paid him on an hourly basis.  Because creating a site blueprint is an ambiguous task and hard to forecast in terms of time required, it made sense to have an hourly arrangement.

Once we had a wireframe and detailed project spec that we both felt comfortable with, Carson gave me a firm project quote using those two resources.  The quote came in right around $30,000, which was a little higher than I expected – but close enough that I felt comfortable moving ahead.

Signing a Design Contract (Finally!)

You might think signing a contract with a designer is the first step to a successful redesign.  But if that’s how you approach your project, you’re bound to have problems.

Here’s a list of the prep work we’d completed before signing a contract with Carson:

  • Spent 3-4 months collecting customer data with surveys
  • Ran a back-of-the-napkin ROI test to make sure we our redesign budget/investment wasn’t insane
  • Invested 15-20 hours in doing a site audit and compiling a list of problems/needed improvements
  • Wrote a 16 page design brief outlining (in painful detail) the scope of the project
  • Invested $5,000 in pre-design wireframing services to build a rock solid blueprint
  • Spent months stalking evaluating Carson to see if I he’d be a good fit for the project

… and all of this was done before a single line of code was written.  It’s a surprisingly large amount of prep work.  But it’s absolutely essential if you want your project to be a success.

What’s Next?

This is the first post in what I plan to be a three part series.  In the next post, I’ll be diving into the nuts and bolts of redesigning and migrating a store, and how not to botch your migration.

How do you coordinate a half a dozen people with interdependent projects?  What do you need to consider when moving from Magento to Shopify?  And how do you ensure your organic traffic doesn’t tank after the move?

My third and final post will reveal the new redesign, compare and contrast it with the old site and – most excitingly – share the early results in terms of changes to conversion and revenue.  In short, we’ll find out if my $50,000 bet paid off or if I’ll be moving back in with the parents after crippling my primary source of income.

Should be fun.

Photo credits:  Photos by CayUSA and Scragz.

Andrew Youderian
Post by Andrew Youderian
Andrew is the founder of eCommerceFuel and has been building eCommerce businesses ever since gleefully leaving the corporate world in 2008.  Join him and 1,000+ vetted 7- and 8-figure store owners inside the eCommerceFuel Community.

Double Your eCommerce
Business in the Next Year alt alt

Learn from the thousands of case studies, stories, and lessons our private community members have shared, plus what we’ve learned in 12+ years of studying eCommerce stores

95 Comments

Aurelie ChazalDecember 8, 2014

It’s a big bet, yes, but you’ve done the math and I think a 50% boost in sales isn’t unrealistic. I am looking forward to hear more about it.

I’d love to hear a bit more about the Qualaroo and post purchase surveys you ran before the redesign. I think asking customers for their opinion is possibly the most important part of the process and yet so often overlooked. I’d say as long as you got some solid data to back up the redesign, A/B testing won’t be a crucial need, so I can see why you’d forget about it :).

show dialoguehide dialogue
Andrew YouderianDecember 8, 2014

Hope you’re right on the conversion front, Aurelie. 😉

Happy to share a bit more about the surveys. Was there something specific you were hoping to learn / hear more about?

show dialoguehide dialogue
Aurelie ChazalDecember 8, 2014

Fingers crossed for even more conversions 😉

About the survey I just had a question about the Qualaroo survey. I suppose you didn’t stop to a yes/no question. What did you ask afterwards?
Also, only if you don’t mind sharing, I’m curious about the response rate for this kind of survey. I imagine the post-purchase landing page got more replies than the Qualaroo.

I would love to implement something like that on our site. We’re not ecommerce but an SaaS solution and I think getting feedback in general is an excellent way to improve the web page design and copy.

show dialoguehide dialogue
KevinDecember 10, 2014

Hey Andrew! Please don’t blame me for commenting on this blog page. The fact is I forgot (or maybe just don’t know) how to post suggestions other than in the comments.

I’m doing my website with WordPress (because it’s darn cheap) and I wonder if you could make (or made) a tutorial on that. I know, there are plenty of tutorials out there on this matter but they all use an eCommerce plugin to it (”WooCommerce” (sry for the spam) seems to be dominating…) Also, is it a good idea to be programming html and css or is it pretty irrelevant to the business? Ahhh the beauty of a well designed webpage!

I’m just trying to figure out if it’s really worth my time (how long does it take?) (so to help me skip and save money on the plugin and extensions) or should I just open the website to the public already.

Best wishes,
Kevin.

show dialoguehide dialogue
Josh NDecember 11, 2014

Andrew,

Great blog post with lots of useful insights.

I was curious if you started with a pre-existing Shopify template with plans to customize or if Carson is building a template from scratch based on the wireframes and design plan you provided?

Also, did you and Carson run into any system limitations in transitioning to a hosted cart or were you able to incorporate all UX requirements and improvements into the new site?

Thanks!
Josh

show dialoguehide dialogue
Andrew YouderianDecember 19, 2014

Thanks Josh! Carson started with a very minimal Shopify template that he knows well, and likes because it’s pretty clutter free and lets them go a lot of directions while providing a great foundation. Can’t remember the name, or I’d mention it here.

In terms of system limitations, there were a few small things we weren’t able to do given the hosted environment. But for the most part, we were able to implement 90%+ of what we wanted to – including some pretty interesting things that you don’t normally see on hosted carts. I’ll spill the beans on those in a future post. 😉

Thanks for reading!

show dialoguehide dialogue
Carson McComasJanuary 17, 2015

Hey Josh, the short answer to the question you’re probably asking is – yes, we built it “from scratch” based on the wireframes we produced with Andrew.

However, we have an in-house starting template we use for “from scratch” projects like this. We’ve developed it over time, but its origins were with Timber. http://shopify.github.io/Timber/ (That said, we’re pretty far afield from that at this point.)

To clarify, no Shopify project starts completely from scratch. No point reinventing wheels that have been invented a zillion times (eg. no point in writing complicated “add to cart” functionality from scratch). However – Andrew’s site was built as much from scratch as we ever do. Which is to say, we didn’t let the mechanics of a certain theme constrain us. We built exactly what we wanted with the only constraints being what Shopify would/would not do. And we even worked around a few of those. 😉

show dialoguehide dialogue
DerekDecember 18, 2014

This is a great description of the (often painful) site redesign process. It’s nice to see someone point out the value of a $50K redesign project, which is probably a shocking price for some people. You get what you pay for. There is a huge spectrum of talent in web design and development. I’ve helped clients who have paid have paid a self-labeled “web developer” $5-$10 thousand for a site and end up with something so bad that I end up starting from scratch. As a developer, I’ve been involved in e-commerce projects with prices close to $200K and for those companies it was a great investment.

I think you’ll have good luck with the switch to Shopify. The Liquid template language is very powerful, I’ve seen some really great Shopify sites.

show dialoguehide dialogue
Andrew YouderianDecember 19, 2014

Thanks Derek! Yeah, the price tag is shocking to many but it ultimately depends on if you’re striving to make meaningful changes to help the business make more money, and the quality of the people you hire. Hopefully it will work out well.

Have already been impressed with Shopify’s Liquid template, it was definitely one of the reasons we went with their platform.

Thanks again for reading and your comment!

show dialoguehide dialogue
7 Conversion Rate Optimization Experts Answer the Questions You Were Too Afraid to Ask | ColderICE: Ecommerce News, Hints, Tips & TricksDecember 20, 2014

[…] Redesigns are tricky, and unless you’re changing your branding, or addressing usability issues that require a major overhaul, may also be unnecessary. Also if the redesign isn’t handled with a great deal of respect for data, can absolutely demolish your conversion rates. […]

show dialoguehide dialogue
7 Conversion Rate Optimization Experts Answer the Questions You Were Too Afraid to Ask - Cork Services GuideJanuary 2, 2015

[…] Redesigns are tricky, and unless you’re changing your branding, or addressing usability issues that require a major overhaul, may also be unnecessary. Also if the redesign isn’t handled with a great deal of respect for data, can absolutely demolish your conversion rates. […]

show dialoguehide dialogue
How Not to Botch Your Website Migration | eCommerceFuelJanuary 16, 2015

[…] my last post, I talked about why I’m investing heavily in a new website and how to prepare for a complete redesign of your store.  In this post, I want to take you inside our process for going from theoretical […]

show dialoguehide dialogue
ChrisJanuary 20, 2015

I think one huge advantage you didn’t mention with a hosted cart, PCI compliance and data security. Come October 2015, data breaches and their associated costs can be pushed back onto the retailer if they are found deficient in their PCI compliance and Data Security Standards. Just slapping an SSL certificate on your site does not make it PCI complaint unfortunately.

I cringe every time someone tells me they are doing an e-commerce site in wordpress and woo commerce given the well known security issues in wordpress and woo themes own data breach in 2014. Unless you are checking for daily updates and being very careful in what plugins you are using, you are opening yourself up to liability, a big one.

Remember, in 47 states, DC, Guam and the Virgin Islands, you are required to notify affected customers of a breach of their personally identifiable information. Some of them says it has to be by letter (not just email). There is a reason 60% of business with a data breach go out of business in 6 months.

That being said, Shopify, BigCommerce, 3dCart, Americommerce and even Cart 66 (if you must use wordpress, use this cart instead) have gone through extensive PCI audits which even lowers your PCI Complaince questionnaire. I like Shopify and think it fits well on both tails of the e-commerce curve, simple niche related shops and more advanced shops that need the customization you are looking for. In other cases, still like BigCommerce and playing more with both Americommerce and 3DCart.

show dialoguehide dialogue
7 Conversion Rate Optimization Experts Answer the Questions You Were Too Afraid to Ask | TechBleach.comFebruary 24, 2015

[…] Redesigns are tricky, and unless you’re changing your branding, or addressing usability issues that require a major overhaul, may also be unnecessary. Also if the redesign isn’t handled with a great deal of respect for data, can absolutely demolish your conversion rates. […]

show dialoguehide dialogue
Don't forget the marketing in marketingMarch 3, 2015

[…] He runs another store that sells CB radios. He realized that most of his customers were using CB radios for 4 x 4 pickup trucks, so he repositioned that store to reflect this more specific use. […]

show dialoguehide dialogue
Cómo apuntar a tu público objetivo en tus campañasMarch 3, 2015

[…] Ahora tiene otra tienda en la que vende emisoras para radioaficionados. Como la mayoría de sus clientes usaban las radios para vehículos 4 × 4, reposicionó la tienda para dar respuesta a ese uso concreto. […]

show dialoguehide dialogue
Vergessen Sie nicht das Marketing im MarketingMarch 3, 2015

[…] dass die meisten seiner Kunden die CB-Funkgeräte für Pickup-Geländewagen verwendeten. Deshalb stellte er seinen Shop neu auf, um diese sehr spezifische Nutzung […]

show dialoguehide dialogue
Non perdere di vista il tuo targetMarch 3, 2015

[…] Ora gestisce un altro negozio che vende radio CB. Andrew ha constatato che gran parte dei suoi clienti utilizzava le radio CB per i pickup 4×4, quindi ha riposizionato il negozio per rispecchiare questo utilizzo più specifico. […]

show dialoguehide dialogue
Comment atteindre efficacement votre coeur de cible ?March 3, 2015

[…] Pour son autre boutique qui vend des radios, il a constaté que la plupart des clients utilisaient ses produits pour des véhicules tout-terrain. Ainsi, il a repensé sa stratégie marketing pour se focaliser sur cette utilisation spécifique. […]

show dialoguehide dialogue
Shopify vs. Magento: How Switching Increased Sales by 41%March 5, 2015

[…] December I announced we were migrating our eCommerce store, Right Channel Radios, from the Magento shopping cart to […]

show dialoguehide dialogue
Comment atteindre efficacement votre coeur de cible ? - ecommerce - Le Laboratoire du Web - Agence web TooEasyMarch 6, 2015

[…] Pour son autre boutique qui vend des radios, il a constaté que la plupart des clients utilisaient ses produits pour des véhicules tout-terrain. Ainsi, il a repensé sa stratégie marketing pour se focaliser sur cette utilisation spécifique. […]

show dialoguehide dialogue
Siti Internet Aziendali » Non perdere di vista il tuo targetMarch 6, 2015

[…] Ora gestisce un altro negozio che vende radio CB. Andrew ha constatato che gran parte dei suoi clienti utilizzava le radio CB per i pickup 4×4, quindi ha riposizionato il negozio per rispecchiare questo utilizzo più specifico. […]

show dialoguehide dialogue
7 Conversion Rate Optimization Experts Answer the Questions You Were Too Afraid to Ask - Kode88 e-Commerce South Africa 2015March 28, 2015

[…] Redesigns are tricky, and unless you’re changing your branding, or addressing usability issues that require a major overhaul, may also be unnecessary. Also if the redesign isn’t handled with a great deal of respect for data, can absolutely demolish your conversion rates. […]

show dialoguehide dialogue
How Not to Botch Your Website Migration | TechBleach.comApril 14, 2015

[…] my last post, I talked about why I’m investing heavily in a new website and how to prepare for a complete redesign of your store.  In this post, I want to take you inside our process for going from theoretical […]

show dialoguehide dialogue
5 Reason to Ignore Your Average Conversion Rate | eCommerceFuelMay 8, 2015

[…] As I’ve written about, 2014 was a rough period for our radio business with the conversion rate declining throughout the year.  At first, I thought there was something wrong with our business until I started doing some digging and discovered the problem: mobile traffic. […]

show dialoguehide dialogue
Results from a $50,000 Redesign: The Results from My $50,000 eCommerce Site Redesign | The eCommerceFuel BlogMay 21, 2015

[…] eCommerceFuel: My $50,000 Bet […]

show dialoguehide dialogue
DaveMarch 26, 2016

I started listening to your podcast last year and just came to the website on a whim as I’m getting ready to do a full redesign of my ecommerce site.

I’m SO glad I read this post, I feel like I need to back the bus up and do the 3-4 months of UX testing and customer surveys while looking for a potential designer instead of jumping straight to hiring a designer!

My budget won’t be quite as high as yours, but it’ll be by far the most I’ve spent on any single project related to the business. Having had a blog redesign go poorly in the past, I’m also anxious about spending 3x-4x the amount for my ecommerce site.

By the way, I love the eCommerceFuel site design. My site is more like this one, community-based, then a seller of physical goods. Did you also write a post about the redesign of this site?

show dialoguehide dialogue
PhilMay 24, 2016

Thank you for this article!!

“Would you risk $50,000 if you thought you had a better-than-not chance of earning an additional $292,500 within a year? Of course you would! It’s nearly a 6x return on your investment in 12 months. Not too shabby.”

Actually it would be “nearly 5x”, you should deduct the investment from the return.

(292-50)/50=4.8 (484%)

show dialoguehide dialogue
Top Learning Resources for E-Commerce Merchants (Books, Podcasts, Videos & Blog Posts)June 22, 2016

[…] on Starting an Ecommerce Business from Scratch How I Increased Organic Search Traffic by 532% My $50,000 Bet: How to Plan for (and Justify) a New Website Design Boring Products? No Problem. How to Write Compelling Copy for Anything. The SEO Mistake That Wiped […]

show dialoguehide dialogue