Sign-up for my latest app's private beta at consolewriteline.com!

« Building a web app - Part 2: Naming it | Main | Building a web app - Get involved! »

Building a web app - Part 3: Designing a mock up

This is part 3 of Building a web app. You can find part 1 here.

I want to pitch the idea to a few, carefully selected developers to get their feedback. I thought a mock-up could help to explain the idea, and add a little weight to the proposal.

Design is not my forte, but I also appreciate how important good UI design is. Rather than spending a disproportionate amount of time on the design, I've decided to approach the design of my app in two stages:

  1. Purchase a clean, simple and easy to amend template that I can bend to fit my app.
  2. If the idea is well received, I can hire a designer to pay some further attention to the UI.

I have no doubts that an excellent UI designer will make a big difference to the product's success, but I just need a mock and something to use during testing right now.

Turns out there's a lot of ugly templates out there! Luckily I've found something clean for $59 that I think I can change to suit.

View image

After some tweaking, I have my first mock, ready to begin pitching the idea:

View image

I'm a little nervous now. I've only invested 2 evenings and $147 so far, but I'm growing increasingly attached to ConsoleWriteLine and tomorrow's job is to pitch the idea to a few developers to get their take on it.

I hope they like it, but if they don't, I'm prepared to write the idea off.

There'll be a small wait before the next post while I wait for replies.

Post a comment


Contact Me

If you'd like to get in touch, contact me on +447944 353544 or matt@mattbrindley.com

products

Litmus

Litmus makes compatibility testing easier for web pages and email newsletters.

ThinkFold

Online outlining, for groups. Collaborate in realtime with colleagues!

Delicious Presentation Creator

20 slides from your Delicious feed, 20 seconds each.

Flare

A site-specific browser for 37Signals' Campfire chat app, bring Campfire to your desktop.

CSSVista

Edit your CSS code live in both Internet Explorer and Firefox simultaneously.