If you’re a startup founder, you’re probably pretty concerned about three things when it comes to building your product: saving money, getting to market fast, and selling a product people actually want. You might be strapped for cash, and anxious to ship a product before your funding (or, ehem, stamina for juggling a side hustle and a full-time job) runs out.

At this stage, it can be really tempting to rush into developing your web or mobile app right away – because the sooner you program, the sooner you can start making money, right? Unfortunately, that’s usually not how it goes. And while it may not be a silver bullet, doing web & mobile app designs first has a lot of perks.

1. Doing graphic design for your web or mobile app can actually save you money and time.

Don’t be deterred by the up-front costs of hiring a UI/UX designer (i.e. graphic designer) for your app. Creating designs for your app actually helps you save money in a couple of ways:

  1. It’s an easy, low-cost way to test assumptions about your product.
  2. It reduces iteration when it comes to web development.

Test before you invest.

If you’ve been with The Startup Hacker for a while, you’ll know that we sing the praises of market research. Constantly. Because it’s that important. Do it often, and do it early (we’ll talk about this more later).

But while there are lots of really successful ways to do this at every stage of your product’s lifecycle, when it comes to testing the usability of your app, it’s A LOT easier for your customers to react to something they can actually see.

While some early market research will identify what pain points you need to address, it can be really hard to get good feedback on the nitty-gritty user interface (UI – i.e. the pretty stuff that customers see) unless you have designs that clearly illustrate the vision. You’ll be amazed at how many things you thought were critical turn out to be “nice-to-haves”, or even cumbersome and unintuitive when they’re mapped out on a page. And the more you can cut from “need-to-have”, the leaner, meaner, and lower cost your MVP will be.

There’s no reason to build out features your customers don’t actually want. Getting some customer feedback on the interface they’ll be using before you build it will save you the trouble and expense of having to re-vamp your product substantially after launch.

Plus, it’s much cheaper & faster to change designs than code, which means that by the time you actually build your app, you can build to what you KNOW (rather than what you hypothesize).

Beautiful designs = beautiful code.

A really good web app design can take a while to create, but that’s a GOOD thing. It’s critical to get your graphic designs locked down BEFORE you build. Your app designs are for your web developer what a 3D rendering of a home’s interior would be for a builder – and a beautifully done graphic design (paired with good wireframes) can eliminate 90% of the back-and-forth with your developer, as well as the bulk of the changes you’d probably end up requesting (all of which takes time and money).

What happens if your designs aren’t done? Here’s a snippet of what you might run into in development:

  • You realize you’re missing a page for contact information. Now you have to go back to designs, and add the page in (which takes time).
  • You decide to add a new button, and have to go through several iterations to figure out where it should go – which requires re-working the code to move other buttons around (which takes more $$).
  • You realize you haven’t really thought through how users will move through a particular flow, and that the current UI is clunky. Now you have to re-work the entire thing, which generally means your code is messier and more prone to bugs (takes time and $$).

This kind of re-work can turn development into a slog. It’s not good for your morale, your developer’s code quality, or your pocketbook.

(psst…don’t forget to wireframe as well – this will help you avoid a lot of the same pitfalls. Sign up for our email list to get our step-by-step guide to wireframing and more!)

But wait, that’s not all – onto #2…

2. Designing your app first can get you funded sooner.  (without investing a lot of your own capital up front).

Let’s face it – building a product from the ground up can be expensive. And it can be hard to bootstrap all the way, which means you’re often looking for funding BEFORE you start development.

Believe it or not, you can actually sell a team & investors on a design-focused vision really effectively – whether or not you have a working product. All without having to invest a lot of your own capital up front. I don’t know about you, but when we were starting our first business, this was key! Software development can get expensive pretty quickly, and it’s a lot easier to bring the product of your dreams to market when you have the cash to do it.

But there’s a catch-22: investors would rather fund a working product.

The key here is to sell the sizzle, not the steak.

As we discussed earlier, it can be really hard for people to understand exactly what your product does without visual designs. And we’ll let you in on a little secret – showing off really complete, well-executed designs has basically the same impact as a demo with a working backend. So by doing your designs up-front, you’ll demonstrate that you’ve not only done your research, you’ve thought through the ins-and-outs of your product, and have the design sizzle to polish it off.

Because a product demo is often no more than designs with a little bit of code behind the scenes to “fake” how the product works, designs alone (paired with an awesome PowerPoint presentation) have just about the same effect. And we’ve seen companies like The Black Tux (one of our early consulting success stories) do just that.

3. App designs let you test what your customers want early – which means more product success after launch.

We talked earlier about how you can save money and time by testing your graphic design with customers. We’d all prefer not to re-work app features after launch – we have more important things to focus on like marketing, scaling, and adding new features.

But beyond that, there’s another, possibly more important consideration. If you don’t get some feedback from customers now, you risk losing them very soon after you launch. In fact, according to TechCrunch, 1 in 4 users will open an app only once. And 90% will stop using your product if it has poor performance. Those are pretty high stakes!

Now, in an ideal world, you’d catch any issues during beta testing – but first impressions are lasting, and if your app feels clunky, poorly thought out, or is missing something important, that’s the first thing people will read about when they’re checking out your product.

To sum it up: Saving time and money? Getting funded without too much personal investment? And a better, more lucrative product launch? Sounds like a no-brainer.

So do yourself a favor: design your app first.

Ready to get started with designs? Check out: How to hire a designer, What type of app design is right for you, 3 ways to get the best product from your designer

P.S. There’s an important component of “Design” that we haven’t talked about here – which is designing WHAT the product is, not just HOW it works. This is just as important as designing before building – and we’ll talk about that next month on the blog. For teasers and free materials on our upcoming series “Mistakes Startups Make – and How to Avoid Them”, sign up for our mailing list.