website design process

EXPLAINED

What work goes into creating a website? Obvious, interviewing is an important fact-finding tool. An interview is a planned meeting during which you obtain information from another person | businesses | corporates. All said, having the skill needed to plan, conduct, document, and evaluate.

  • Determine the inteview  Interview
    To get accurate picture, selecting who's who in the overall website, as well the levels of the organisation. Selected formal structures, informal structures that exist within. Whether need group interviews etc.

  • Establish objectives  Objectives
    By setting specific objectives, we create a framework that helps us decide what questions to ask and how to phrase the question (client & us). Such as, determine the general areas, facts needed to gather and also solicit ideas, suggestions. By understanding the big picture, which in then understanding the system in whole. Once understanding this we then can move onto more focused specific topics.

  • Develop interview questions  Develop
    Helps us to be on track and avoids unnecessary tangents. Having [open questions], which encourages spontaneous and unstructured responses, draws out opinions.
    [closed-ended questions], limited response, useful when wanting more specific facts.
    [range-of-response questions], example: scale of 1-10.

  • Prepare for the interview  Prepare
    We both need to suggest a specific day and time, and from discussion on phone or email, I would expect to tell you the amount of time this meeting may or may not take. A reminder will be sent by email or a call day before interview. I will send a list of topics or click the form below button - has important questions you can do prior meeting-if you like | example process page you can observe, as preparing us both or give you an idea what's to be expected.
    If I have any questions , I will ask you to have samples ready at the meeting.

  • Conduct the interview  interview
    When coducting the interview I will begin by introducing myself, describing the project and explaining your interview objectives. Each questions prepared, allowing you to respond. Then both or the group will summarise the main points covered and explain the next course of action.

    Main Questions I will Ask

    • 1. Please tell me about your Company.
    • 2. What goals do you expect from the website once it has been developed?
    • 3. Explain your product and service?
    • 4. Will you sell products online? ecommerce
    • 5. Have you considered the security issues?
    • 6. When would you like the website to be up and running?
    • 7. Do you have a timeframe or deadline to get this site online?
    • 8. Can you tell me why there is a timeframe or deadline?
    • 9. How much are you willing to spend?
    • 10. If you don't have a budget, please provide a range that you are willing to invest.
    • 11. Who is your target market?___ Local,state,national, world.
    • 12. Can you describe your potential clients.___ Young/old/demographics/business orientated/other.
    • 13. What action(s) should the user perform when visiting your site?___ Call you, Fill out a contact form, sign up for your mailing list, search for information, purchas a product(s).
    • 14. What are you offering?___ Provide a list of all the sections/pages you think that you'll need. ___ Home page, Contact Us...
    • 15. Do you have a domain name?
    • 16. Do you have a hosting service?___ Yes/No
    • 17. Do you have written content and images/ photographs prepared for these pages?
    • 18. Visitors/ customers coming to your site for the first time. How do you want them to feel while Navigating through your site?
    • 19. In what devices/platforms would you like theh website to mainly viewed?___ PC/mobile/tablets/other
    • 20. Are there corporate colours, logo, fonts etc. that should be incorporated?
    • 21. If you do not already have a logo, are you going to need one designed?
    • 22. Is there a specific look and feel that you have in mind?
    • 23. Website of your competition. Please include at least 3 links of sites of your competition.
    • 24. What do you like and don't like about them?
    • 25. What would you like to differently or better?
    • 26. Website that you like. Along with what you like please put down.___ why?___1.2.3
    • 27. Who will be the main contact with this project?
    • 28. Does that person have any experience if need be CMS Management System?
    • 29. Will you participate with tutorials to help you navigate and use the CMS system?
    • 30. How do people find our about your business now?
    • 31. Have you thought about how you are going to Market this site?
    • 32. Do you have any network social accounts?
    • 33. Do you want links to those networks?___ Yes answered
    • 34. Do you mind if we advise you to specified media links?___ We will provide links to those networks that specify reasonable reasons why it should be activated links.___ If the answer was no. Please accesskey=" specify reason."
    • 35. If someone were searching for your product/service, what types of search terms (single word or phrases) might they use? Please list___
    • (lesson) All static and dynamically generated Web pages on public servers must be designed to maximize usability and searchability.
      KEYWORDS Although some search engines do not use keywords are still helpful in intranet searches. Use no more than 25 KEYWORDS or some combination of 2-3 word phrases that are specific to the content of the page in a comma-delimited list.
    • 36. Do you already own a domain name(s) Yes please specify.___
    • 37. Do you have a hosting account already? If yes do you have the login/IP information? If no, what name(s) would you like?
    • 38. Will there be sections that need updating?
    • 39. Would you like to be able to do most of the updating yourself?
    • 40. Are there any features/pages that you do not need now but may want in the future? Please be specific.
    • 41. What is your budget spending? $1000, $3000, $5000, $15,000
    • 42. Maintenance and ongoing services will be implemented to help further your objective. Do you agree? Yes/No

    • Document the interview  document
      After conducting the interview, record and evaluate the information collected. Data collection method for evaluation, interview method; when to use it; how to plan and conduct it; and its advantages.

    • Evaluate the interview  evaluate
      Recording the facts obtained asking: Who, what, where, how and why?
      Strategic approach to assess the needs of the organisation; looking at long-term objectives and internal and external influencers.
      A technical specification document that outlines how we’ll build the website.
      The most important task at this point is to get a clear understanding of your future website purposes, the main goals you wish to get, and the target audience you want to attract to your site.

    • Close
      Gathered all information. Begin process.




    Process


    Website design can be defined as the process of creating new websites, and it entails many different aspects such as layout and appearance, graphic design, and content production. When it comes to creating a new website or starting a website redesign project, it can sometimes feel like getting the work done as quickly as possible is the right way to go.

    The web design process is a series of intricate steps and stages that all depend on one another. Your website’s long-term success depends on how much time and effort you invest in it. The competition is tough right now, and you cannot settle for a plain website, but have to stand out so that the users notice, visit, and browse.

    Planning


    Web Environments Analysis
    A web environment is more than just a static webpage. It contains components that allow dynamic interation by the web audience. Such as:
    blog, online form, interactive calender, discussion forum, ecommerce, order form, electronic newsletter, electronic newsletter streaming video

    Identify Web Environments
    Researching the listed web environments which meet the audience and content requirements. Also overlooking the relevent, suitables for the various delivery platforms. Identify the function of each of the web environment list. Such as:
    Organisation Summary, Purpose of the Website, Characteristics of the target audience, Visual design style, Deliverables, Timeline; Milestones & Deadlines, Content requirements, Proposed content types, Proposed web environments, Expected delivery platforms, Issues relating to delivery platforms

    Design specification Checklist
    Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing — there’s a lot to keep track of and a lot to make sure gets done. That’s where web design checklists can make our life a whole lot easier.

    Website check list is a high-level check list of activities to include in your project plan. A successful web development requires attention to several strands of activity, an in particular the organization of information and changes in origanization and business processes.
    Web standards checklist, Typography checklist, Essential navigation checklist for design, Usable forms checklist, GUI screen design checklist, Debugging checklist, Security checklist, Code configuration checklist, Usability checklist and so on..


    SiteMap

    Using the information gathered, it is time to put together a plan for your web site. This is the point where a site map is developed. The site map is a list of all main topic areas of the site, as well as sub-topics, if applicable. This serves as a guide as to what content will be on the site, and is essential to developing a consistent, easy to understand navigational system.

    During the planning phase, your web designer will also help you decide what technologies should be implemented. Elements such as what CMS (content management system) such as WordPress to incorporate, will any contact forms be needed, etc. are discussed when planning your web site.


    Design


    Wire Frame | Mock Up | Prototype
    Mockup

    Wireframes can clarify your thinking and set a clear direction for your design. Ideally, we want to start with a low-fi version in which you can define the basics and build on that, so you can ensure you pay due attention to the structural side of your project. This is particularly important when it comes to your information architecture.

    A website design mock-up is a visual repre. of what the website will look like when completed. It is not the final interactive web page. As a visual representation, it can be a variety of different applications. The benefits of using mock-ups you the client and other team members have an idea of what the final page will look like. A fast way to make, easy to adjust or change the design from gathered feedback.

    While creating one or more prototype designs for you website, we will cross communicate by phone, email, social connect sending mock-ups for us to take steps further by giving you access to view work in progress. By viewing the project throughout the design development stage, giving you the opportunity to express your likes and dislikes on the site design. Using minimal effort, we can simply rearrange the page so that it fits the customer’s tastes, but is still aesthetically up to par. What is most important about this step is that it does not proceed further until the client has entirely approved each prototype.


    Coding


    FRONT-END DEVELOPMENT AND PROGRAMMING
    Coding

    The developmental stage is the point where the web site itself is created. At this time, we will take all of the individual graphic elements from the prototype and use them to create the actual, functional site.
    Developing user-friendly web pages, rich on-screen visuals, and functionality that can creatively solve user-focused questions. Creating and maintaining a web server, application, and database, and ensuring the constant operation of the frontend interface.

    At this point, we will code the approved layouts into the actual website. Once we finish this phase, you can browse through the site and click links from your navigation menu and have the overall feel of the site.

    The completed website will be uploaded to a demo server for your private viewing. The demo website is not yet live to the public. Only the client and users who have access to the link can view the website.

    Coding phase normally takes 2-4 weeks depending on the complexity of the website.


    Testing & Delivery


    Wire Frame | Mock Up | Prototype
    Mockup

    Once the web developer gives the you the client a demo link, the client will test each page of the website; whether all the links are working, if the website works properly on different browsers, including Chrome, Internet Explorer, Firefox, or Safari, and whether all features and functionalities are working properly in mobile phones.

    Once you give your us final approval, it is time to deliver the site. An FTP (File Transfer Protocol) program is used to upload the web site files to your server. You have the option offer domain name registration and web hosting services, or have recommendations as to where you can host your site. Once these accounts have been setup, and your web site uploaded to the server, the site will be put through one last run-through. This is just precautionary, to confirm that all files have been uploaded correctly, and that the site continues to be fully functional.

    If there are any errors or bugs found, the client has to inform the web developer right away so we could revise and fix the errors as needed.
    After all of the errors and bugs are fixed and after every web page has been approved by you the client, from the overall layout of the website to its elements and functionalities, the website is now ready for the Project Turnover Phase.

    We will set up a meeting with you the client to teach how to manage the entire website. Ensure that if you are the client, you ask all the questions you have to properly navigate through your site, and change its content.




    Tell us about your company

    Process Client Form
      You take care of your business. We'll take care of your website.
    We handle all your website needs and we’re here to help long after your site goes live.

learn more

Need to know further resources I have bundles I have delt with and further my updates, so love to hear what you would like further.

in need to better understand, if you have any further questions do not hesitate will return with the answers ASAP.

hava a question

John Hatsios
(+61) 406660979
mail@appdome.com.au

Tell us about your company

Process Client Form
  You take care of your business. We'll take care of your website.
We handle all your website needs and we’re here to help long after your site goes live.