1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Seth Godin: How to make a website

Discussion in 'Web Design' started by christianbed, Jan 8, 2013.

  1. christianbed

    christianbed Jr. VIP Jr. VIP Premium Member

    Joined:
    Aug 17, 2011
    Messages:
    1,366
    Likes Received:
    885
    Location:
    alert("Make Money")
    Home Page:
    I thought this was interesting; even if some might find it elementary, it may be a help to somebody here on BHW...
    How to make a website: a tactical guide for marketers

    This isn't about the strategy of how to design a website that works--this is my take on how marketers can work with their teams, their bosses and their developers to get the site they want built with less time and less hassle. (PS all of this works for apps, too). Most people who are responsible for websites are amateurs. This is my best take on how the goal-oriented non-professional can do a good job.
    Three things worth remembering:

    • Every website is a marketing effort. Sooner or later, your site involves an interaction with a user, and that interaction won't be 100% technical. You have to sell the engagement, the interaction and the story you have in mind. While websites have always involved technology, the tech is secondary to your ability to get your point across.
    • Virtually all websites are not on the cutting edge of technology. You're doing something that's been done before, at least technically.
    • Synchronizing your team is difficult, because most people know it when they see it, and seeing it is expensive. It's sort of like building a hundred houses in order to find the one that your spouse likes--not a practical effort.
    The approach I recommend:

    • Find the tech elements you need by browsing the web. Make a list--I want menus that work like this site, a shopping cart that works like that site, a home page that works like this one.
    • Create the entire site (or at least the critical elements) using Keynote on the Mac (PowerPoint works too, but Keynote is a little easier to work with). Begin by copying and pasting elements from other sites, but as you make progress, hire a graphic designer to create the elements you need. Keynote makes it easy to actually have spots on the screen link to other slides in the 'presentation', so the document you create will actually allow your team to click on various parts of the screen and jump to other pages.
    • Do not do any coding at all.
    What you end up with, then, is a 3 or 10 or 100 page Keynote document, with a look and a feel. With menus. With fonts. With things in their proper hierarchy. Once you're good at this, you can build or tweak a 'site' in no time.
    Now you have a powerful tool. You can use it in presentations, in meetings and even test it with users, all before you do any coding at all. Once you've shared this with the team, the question is simple, "if our website works just like this, do you approve of it?" Don't start coding until the answer is yes.
    This is a discipline, one that takes a fair amount of guts to stick with, but it pays off huge dividends. Don't code until you know what you want.
    Last step: Hand the Keynote doc to your developers and go away until it's finished.


    As I said, this works for mobile apps too. Here's a site filled with template shortcuts for both.
     
    • Thanks Thanks x 4
  2. PirateHackz

    PirateHackz Newbie

    Joined:
    Dec 21, 2012
    Messages:
    25
    Likes Received:
    4
    Awesome! Thanks for the share!
     
  3. srb888

    srb888 Elite Member

    Joined:
    Jul 30, 2008
    Messages:
    3,260
    Likes Received:
    5,068
    Gender:
    Male
    Occupation:
    WebzSurfer
    Location:
    Sun, Mon, Tue, WTF, Sat!!! :)
    Good info, thanks.
    Please change the color of the text, and please mask/code the 2 links: Eg.:
    Code:
    link
     
    • Thanks Thanks x 1
  4. christianbed

    christianbed Jr. VIP Jr. VIP Premium Member

    Joined:
    Aug 17, 2011
    Messages:
    1,366
    Likes Received:
    885
    Location:
    alert("Make Money")
    Home Page:
    sorry guys, i use a white background when surfing bhw, and didn't realize the contrast problem. also, too late to code the links because the 'edit' option is gone...(can't believe i let that slip...i need to get more sleep!) mods, any way to fix this boo boo?
     
    • Thanks Thanks x 1
  5. el_capitan

    el_capitan Junior Member

    Joined:
    Apr 20, 2012
    Messages:
    120
    Likes Received:
    17
    Location:
    Los Angeles, CA
    Seth Godin is great, subscribe to his blog it's great stuff.
     
  6. The Web Designer

    The Web Designer Regular Member

    Joined:
    Jul 22, 2012
    Messages:
    350
    Likes Received:
    319
    Location:
    Borneo
    Solid info from the master of marketing himself. Thanks for the sharing it.

    Don't code until you know what you want is especially true in web design. It's good to know what you need to accomplish with a web site before actually coding it, it gives you an overview of how you're going to lay out the code of a web site.
     
  7. elschlongo

    elschlongo Junior Member

    Joined:
    May 21, 2010
    Messages:
    180
    Likes Received:
    99
    Location:
    The Murder Mitten
    a bitt difficult to read, but great info. thanks for the share