1 / 13

10 Simple Steps To The Website Design Process

In this presentation, we will discuss 10 simple steps to the website design process. After the customer approves the prototype, you should begin the launch sequence. Some call it u201cgo live,u201d etc., these terms are essentially the same thing. <br>

PropelGuru
Download Presentation

10 Simple Steps To The Website Design Process

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 10 Simple Steps To The Website Design Process +1-604-256-0821 hello@propelguru.com

  2. Table Of Contents Gather Requirements Proposal Navigation Summary Wireframe Content Collection Project Timeline Mockup Design Development Prototype Submission Launch +1-604-256-0821 hello@propelguru.com

  3. Gather Requirements The first phase of your web designing project should be all about gathering information about your client. 01. +1-604-256-0821 hello@propelguru.com

  4. Proposal When you need to formalize something, write it down. You can call it a contract, estimate, proposal, etc.; the main point is to have a document that both developer and customer both understand what is being delivered- along with expectations, timeline and price. 02. +1-604-256-0821 hello@propelguru.com

  5. 03. Navigation Summary There are many names for this to include but not limited to: Site tree, site structure, navigation tree, site navigation, site organizational chart, etc…Essentially, this is the time to organize the website’s main pages and associated sub pages and to also describe technically how they will display. +1-604-256-0821 hello@propelguru.com

  6. Wireframe Wireframes are not-to-scale black and white blueprints to show every page on the website. Wireframes match both customer and developer expectations for what is being built. 04.. +1-604-256-0821 hello@propelguru.com

  7. 05. Content Collection This phase is all about gathering the content we need for your website. This stage can vary slightly depending on whether you’re producing your own images and text, or if you’re using a copywriter and photographer that I’ve introduced you to. But generally, the principle remains the same in that we’ll produce or gather all of the text and images to go on your new website. +1-604-256-0821 hello@propelguru.com

  8. 06. Project Timeline At this point in the project, most of the “heavy lifting” has already been done. It is also the first time where the developer truly has some level of control regarding the remaining time left on the project. And this is where you create the project timeline. +1-604-256-0821 hello@propelguru.com

  9. 07. Mockup Design With an informational site, you only need to create a Home, Inner (a main service offering) and Contact page. It is extremely important to also use the content you have already collected because it will influence the “likeability” in the customer’s eyes. +1-604-256-0821 hello@propelguru.com

  10. Development is considered the “fun phase” as your team now has all thedocumentation, content and client input to build the site. It can be done quickly- especially if multiple developers are simultaneously working on the project much like a construction team would on a house. 08. Development +1-604-256-0821 hello@propelguru.com

  11. 09. Prototype Submission Once the development step (with internal testing) has been completed, you should send the client a prototype link so they can begin testing and reviewing the website from their side. In the same email, it is extremely important to have a list of instructions for them to follow such as, but not limited to: “During this time the client needs vigorously test their website for any broken links, images not working, text errors, pages not working, etc.” Basically have them only look for bugs/errors and things that are broken or not working properly. The prototype is a rough draft (beta) version of the website. And it should be vigorously tested by the client. However, this is NOT the time to be adding new pages, copy, etc… That is scope creep and requires a change order. +1-604-256-0821 hello@propelguru.com

  12. 10. Launch After the customer approves the prototype, you should begin the launch sequence. Some call it “go live,” etc., these terms are essentially the same thing. +1-604-256-0821 hello@propelguru.com

  13. Thank You +1-604-256-0821 hello@propelguru.com

More Related