How to save thousands of dollars on your next web development project

My friend Spencer Rogers came to the Provo Labs Academy last Wednesday and gave the finest presentation I have ever seen on how to outline your website using Word and then build a user flow version of it (without any look and feel elements) in Powerpoint before spending a dollar on designing and developing the site.

By disabling the Advance slide on mouse click option (found under Slide Show/Slide Transition) and by making objects clickable and linked to other slides, you can design how the site is going to work before sending it to developers. You can show where navigation elements will appear and carve the web pages up into feature and content areas. You basically outline the functionality of the site page by page, leaving the design to someone else.

Spencer worked for years in industry designing software for clients. He has applied these rapid prototyping concepts to web site design and has been responsible for the design of dozens of websites in the last few years.

After seeing one of Spencer’s Powerpoint web site mockups two years ago, I blogged about the need for wireframing before developing a web site. But I didn’t know the depth of Spencer’s approach until last week. I just kicked off a new web site project where the developer did wireframes (he was already familiar with Spencer’s approach). And I’m working on my first Powerpoint currently for the next generation for one of my web sites.

Spencer showed us his Powerpoint outline for the relaunch of EverySingleHome.com that he made a year ago and then showed us the new site that just launched, and how closely it followed his Powerpoint design.

It is so costly to design a web site without a clear road map. Design it on paper first before getting into coding it. If you aren’t careful, feature creep can totally wipe out your budget. Working in HTML and doing actual programming as the site is being designed can be enormously expensive. If you take a new direction, as you almost always do, you will throw out a lot of code and waste a lot of money.

Nail the actual site architecture first, and then pay for the design and coding. There is a scriptural concept that says things should be created spiritually first and then physically. And another one that says you don’t build a house before counting the cost of it. This is only possible with prior planning. And the Powerpoint approach seems appropriate for most projects, since most of us know how to use it and already own a license to it.

By the way, EverySingleHome.com is an amazing real estate web site that lists every home for sale in Utah County and has a photo of each one. It has an Alexa ranking of about 45,000 which is incredible since the site is only in one market. It is a very comprehensive real estate site that anyone who is buying or selling real estate in Utah County should be aware of.

I can’t finish this post without commenting that the best product manager that ever worked at MyFamily.com (who is now an incredibly successful internet businessman) used Powerpoint whenever he designed a new feature or service. While other product managers were writing the dreadful 20-40 page MRDs (marketing requirement documents), he would do screen captures of the existing design and add links or components to show what the new pages should look like.

He was super fast at this. Way faster than those who were writing the long books. And more importanly, his visuals communicated instantly and clearly exactly what the site would do, while the MRDs were time consuming and communicated very poorly. You had to plod through the MRDs to try to find anything useful. I absolutely hated the MRDs, but I loved these Powerpoints. I’m not sure what happened to the product managers who used MRDs, but my Powerpoint is one of the most successful internet entrepreneurs I know.

Like Spencer, he has used this skill to great benefit.

117 total views, 1 views today

7 Comments

  1. Any chance you (or Spencer) would be willing to share the powerpoint outline for the everysinglehome.com update? I am planning a major redesign requiring the liberal use of webforms. Does he include these in the mock up?

  2. PowerPoint can be used as a great tool for wireframing, but I am surprised if there isn’t a tool to do it quicker and easier. I have envisioned an application like Visio where you can drag graphical components common to web pages and forms (buttons, combo boxes, lists, etc.) and add basic clickable navigation. So far I haven’t come across what I am looking for. It would also be interesting to hear if anyone uses Flash to do wireframing.

  3. I second the request for screenshots or a dare I say Powerpoint tutorial.

    I am working on an internal software program and have incountered problems relating my ideas to the coder.

    Does anyone have any examples of wireframes in Powerpoint or Word they are willing to share?

  4. I like the idea of PowerPoint. Earlier this year I was trying to accomplish the same purpose when I used Google pages to design the wire frame and basic structure of our new iMemoryBook 2.0 sales pages. They were helpful because I didn

  5. CEO BlogWatch » The Weekly Whip - Corporate Blogs in F

    […] Want to save thousands on your next web development project? Paul Allen can help. […]

  6. Brock Blake

    You’re not kidding. Spencer worked on the wireframe for a company of his that I nearly acquired (CalendarHop). I was completely impressed with Spencer and the preparations that he made to launch a company. Great entrepreneur.

    Brock

Leave a Reply

Your email address will not be published. Required fields are marked *