SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Member
    Join Date
    Sep 2011
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    What is your web design process?

    I've been doing a lot of research on the Web Design Process and finding out how I should implement it properly.

    I'm really curious to know what your process is from start to finish.
    If anyone is generous enough to share their process can you please include detailed explanation of each step.

    I hope to hear from you all.

    Thanks.

  2. #2
    SitePoint Member
    Join Date
    Sep 2011
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just got an email saying someone replied to this thread, why isn't there a reply lol.

  3. #3
    SitePoint Member
    Join Date
    Jun 2012
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    For efficient web design first of all to know the what are the requirements for designing the web and structure of the web, then we have to design the web based on our requirements, then implementing the code then testing will be performed on that web if any errors are exist in our project. If any errors are exist then it will be redesigned if not it will be launched in the market. If we are designing the web in this process, it will be finished successfully without any bugs.

  4. #4
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,888
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Off Topic:

    Quote Originally Posted by aaronjunited View Post
    I just got an email saying someone replied to this thread, why isn't there a reply lol.
    That can happen when either someone changes their mind and deletes their own post (which you can do within 30 minutes of posting) or when a moderator decides that a post is spam, irrelevant, meaningless, repeats what has already been said or is in some other way a violation of our policies, and so deletes the post ... but the system can't undo the email that you've already been sent.

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,168
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by aaronjunited View Post
    finding out how I should implement it properly.
    Different approaches suit different people. But this is my preferred scenario:

    - talk with client extensively about what the site requires (content, functionality, aims and goals etc...)
    - establish content—text, images etc.
    - organize content in an intuitive and logical way
    - bases on the content structure, establish a wireframe for the design
    - using the wireframe as a guide, establish a design for the site (colors, fonts etc.)

    A lot of people come up with a pretty design and then force the content into that, which is not a good way to go, IMHO.

  6. #6
    SitePoint Member
    Join Date
    Jul 2012
    Location
    Leicester
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is my process:

    1. Get client to send me content, images and any other usefull resources they already have.
    2. Create a mockup of the website in photoshop
    3. Get feedback from the client
    4. If they like the look of the mockup It gets coded up.
    5. Then we link it to our Content Management System
    6. Then we work with client to get content and pages done.

  7. #7
    SitePoint Addict FizixRichard's Avatar
    Join Date
    May 2003
    Location
    UK
    Posts
    372
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Here is our process, it appears to be quite different to replies so far so I'll outline it.


    1. Discuss requirements and goals extensively with client; for us the most important thing is what they are selling and what they want to achieve. By selling this can be a single product, range of products, type of product that they sell; or a service they offer or anything else - not necessarily a tangible product (basically what it is they are doing). Also learn about their company, background and so on.

    2. Perform audience research to get an insight into their customers (or users) common needs, desires and interests. Discover who they are, where they are, what touchpoints they use, what online services (and if relevant offline services) they use.

    3. Using the above, investigate different solutions; leading to the design of a strategy to achieve their goals and a design for any solutions that will be used to achieve the strategy.

    4. Product Development; basically building and testing the solution

    5. If the client pays for it, audience testing to gain pre-release insights which we can use to make changes (this can be during or immediately after development)

    6. Deployment


    We then do performance monitoring, analysis and optimization. By performance meaning penetrative performance.


    Obviously in the design stage itself (points 1, 2 and 3), these points are broken down into their own process. Point 3 probably being most relevant to this thread, so I'll break that down a bit; though it varies from project to project as they are all different.

    Basically it includes two primary processes; a strategy and then a product design based on the strategy.


    1. Strategy
    This is where we use pre-design investigation to outline the different ways in which we can deliver on their goals, the types of solutions, relevant platforms and so on; and of course the types of results they could expect from such solutions.


    2. Product Design
    Here we perform a process that looks something like this for each solution (though the process can vary depending on what the solution is; so my example is for a website):

    1. Wireframes, flow diagrams and other structural and process designs as appropriate
    2. Sketches of UI and UX concepts
    3. Artistic direction (so themes, messages, colors etc.)
    4. Digital concepts created in say Photoshop, Fireworks and Illustrator

    There will be a number of different designs, which we run by the client and advise the client on. There are other things like content design, copyrighting and a host of other things too, but those aspects are all solution dependent.


    Then onto production.
    FIZIX - Full Service Digital Agency - Engaging websites, apps and games.
    Follow us @FIZIXAgency

  8. #8
    SitePoint Zealot nacworld's Avatar
    Join Date
    Aug 2008
    Location
    TEXAS
    Posts
    107
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would recommend to think as much as possible and note down all the needs & features then show a wireframe to the client after agreement start the design so if they try to add features afterward you can charge extra otherwise they always change ideas and want what they see from other website

  9. #9
    SitePoint Zealot
    Join Date
    Aug 2006
    Location
    Windsor, Berkshire
    Posts
    165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    1. Meet client and get a full list of requirements including functionality for each page and proposed content (usually they dont have much at this point) - this should include colours they like, the kind of theme they are going for, what pages they want/need/you suggest
    2. Agree a scope and a timescale, write contracts, set the amount of revisions they can have on designs, get initial payment to ensure their "lock in"
    3. Generate wireframes based on ideas discussed and proposed content.
    4. Meet with client to collect content and discuss wireframes
    5. Design pages
    6. Sign off/revision process
    7. Start build
    8. Sign off/tweak/revision process
    9. Final payment
    10. Launch
    Check out my new blog - and let me know if you have any content suggestions (HTML5, CSS3, jQuery tutorials) - http://www.display-nun.co.uk


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •