Website development checklist template

Design website using Sketch & Exporting to Zepplin:

  • 2 versions of the homepage submitted to client via Invision App
  • 2 versions of internal pages submitted to client
  • Ensure Sketch files are in format required by developers
  • Upload Sketch source files to Dropbox
  • Upload photographs and other key elements to Dropbox

Developers to confirm they have received files and they are in good working order

Ensure logo/ branding guidelines are adhered to:

  • Organise digital assets from client- logo, favourite colours, photography, PDFs, reports, and content
  • Select imagery based on branding/ client feedback
  • Choose icons/ graphic elements for site

Detailed checklist to launch a website

  • Check for incorrect punctuation marks, particularly apostrophes, quotation marks and hyphens/dashes 
  • Check headings
  • Check keyword density

  • Capitalisation [especially of main headings] 
  • Tense/Style of writing 
  • Recurring/common phrases
  • Variations in words [e.g. Australian vs US spelling] 
  • Treatment of bulleted lists [e.g. periods or commas at end of each item]

When giving a critical eye to the pages within the site, ask:

  • Why would I visit this page?
  • Is the content ready for visitor?
  • Does the page address the audience?

Remove all Lorum Ipsum place holder text.

Fill out the forms on the site and go through the following questions:

  • Ensure the correct people [email addresses] are receiving the forms
  • Do all forms have anti-spam installed?
  • Once a user clicks the submit button are they redirected to the correct page?
  • Are the form details accurate?
  • Review mandatory fields.

Ensure a person who is 1-step away from the design process proof reads the text, buttons, layouts etc.

Does the site have a privacy policy or terms & conditions page?

Iben to create Favicon for various devices.

Responsive web design [RWD] is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices [from mobile phones to desktop computer monitors].

Make sure your website works on different screen resolution's and all devices.

Use these tools to check your site on different resolutions:

  • Resizr
  • Responsinator
  • Studio Press
  • Browser Stack

Check image pixelation on different displays, specifically high resolution displays like Apple's Retina Display.

  • Are images appropriate?
  • Are the image theme consistent throughout website?
  • Do images have alt-tags/ titles [if budget allows]

Having a nice looking 404 page will assist in ensuring the visitor experience is improved. Especially when websites are being redesigned.

  • Have a friend who has average computer skills to use the website
  • Test the  website in-house
  • Contact client and request they test the draft website out too
  • Have a usability testing done via feedbackarmy.com and usertesting.com

Website performance is absolutely critical to overall user experience, especially given that users will all be using different devices.

Website performance tools:

Ensure the website works on different devices:

  • Responsinator
  • Responsive tester
  • Resizr

Ensure website is cross browser compaitible:

  • Browser Testing
  • Browser Shots

Check that all the links in the new website go to the correct pages. This is especially important for website redesigns.

Set-up 301 redirects for pages that are no longer exisitng

Titles and Meta Data:

Your page title is the most important element for SEO and is also important so that users know what’s on the page. Make sure it changes on every page and relates to that page’s content.

  • Keyword to be in title
  • Title tags ~65 characters or less? Title tags over this will be truncated in results.
  • Add Meta description on a page by page basis
  • Meta description tags need to be less than 155 characters

View section on SEO depending upon budget

Social Media:

  • Set- Up Rich Pins
  • Geo-location
  • Schema mark-up
  • Install and submit Sitemap.xml file to Google

Agree with client which social media accounts are important

  • Set-up social media accounts
  • Create branded images on all social media accounts
  • Set-up social media syndication using IFTTT and HootSuite
  • Train inhouse staff on social media if possible

Put clients website URL in email signature.

If you use a browser for emails, check out WiseStamp for Chrome and Firefox.

Installing a web analytics tool is essential.

  • Google Analytics
  • Google Adwords
  • Clicky
  • Piwik
  • Bing Webmaster Tools

If budget allows then AB testing should be implemented.

The W3 Validator is a free tool from The W3C that will help you make sure your code is up to scratch.

Free Formatter has a list of a few more validation tools for different technologies.

Using an automated backup tool is essential incase things go wrong

  • Backup Buddy by iThemes
  • Synch by iThemes
  • Wordfence [security]
  • Sucuri [monitoring if budget allows]

Web development is a complex job because it involves working across multiple disciples.

You have to make sure the code works, is scalable, and will not break. You also have to manage expectations from stakeholders as the project takes shape.

To make life easier during the development process, I’ve compiled a web development checklist with ten essentials you need to consider for your next project.

1. Secure the domain and set up SSL

Acquire your domain name as soon as possible. Once the domain name you want is gone, there is a chance that it’s gone forever. With domain hoarding on the rise, your shortlist domain may be very expensive if you wait too long.

SSL certificates are also important to consider. Google has now started favoring SSL certificates as a metric for determining the rank website, so using SSL on your website gives it a much-needed boost. Additionally, most marketing websites do not yet use SSL, so it can give your site a bit of an SEO boost above competitors. 

If you haven’t already, make sure that you register an SSL certificate along with your domain name.

With domain hoarding on the rise, your shortlist domain may be very expensive if you wait too long. Click To Tweet

2. Set up excellent hosting and storage

Depending on the project, you will need to setup web hosting and storage options for your files and scripts. During the developmental stage, it is a standard practice to code and deploy sites offline, like a localhost or a staging site hosted on another domain.

Set up the web hosting and storage options as soon as possible. This is especially important because your web hosting plan will need to be big enough to handle your scripts and the technology that you employ. For example, if you use Node.js in your web development, you will need a hosting plan that allows you to install and run Node.js on the server.

3. Optimize for SEO

Your website will probably only be successful if it is optimized for search engines.

Be sure to take into account page speed, analytics as well as proper meta tags and other SEO considerations. Doing your research is the key here: Try to read some background on search engine optimization, and plan your web development roadmap accordingly.

4. Plan out scripts and languages

Depending on the needs of your project, you will need to plan out the scripts and languages that you will employ to code the given project. This also depends on the scripts or languages that you are comfortable with – say, if your JavaScript skills are exemplary, you can rely on JS to get the job, and similarly, if you are an active WordPress or Drupal user, PHP should be your language of choice.

Make sure you plan your checklist with the scripts and languages that you will be using during the coding process.

5. Map out design

Web development is not an isolated process. No matter what your project is, it will involve some level of design expertise. Design considerations belong in your web development checklist.

Be sure to talk to your designers, and plan out the project accordingly. If you are coding a WordPress theme, make sure you discuss the theme’s PSD files and design with your designers, so that the entire team is on the same page.

Web development is not an isolated process. No matter what your project is, it will involve some level of design expertise. Click To Tweet

6. Consider any external tools needed

There is no shortage of amazing tools and services that you can use to spice up and improve your web development workflow. For instance, if you need to send out emails to your clients or users on a regular basis, MailChimp or Mandrill are useful services.

Make a list of requirements and tasks that your web development project needs and devise a shortlist of tools and services that will work for each requirement. By incorporation external tools and services in your web development workflow, you can to reduce your workload and also save time and efforts.

7. Generate an XML sitemaps

Generating and maintaining an XML sitemap is a critical task for your SEO strategy.

Without a sitemap, your website will fail to be indexed simply because search engines will not be able to crawl it properly. Make sure you make XML Sitemaps a key point in your web development checklist so that you are able to implement them properly for the benefit of your project.

8. Create an error-handling strategy

Even the best of coders have to deal with major errors and bugs sometimes, so there is no point in being afraid of errors arising in your code.

When errors or bugs appear in your code, you should be ready to tackle them and fix your code as soon as possible, so that your project does not suffer. Web development is an ongoing process, and even if you are able to code a great tool or website today, you will need to update and maintain it in the future.

9. Create a file-handling strategy

The internet is made up of files and in your web development project is too. Certain files will need to be publicly visible while others will need to be hidden or readable only by administrators.

Make sure you take care of file permissions properly, so that you don’t have security issues. Also, ensure that you name your files properly. Images and other documents should be given readable and proper names so that search engines can index them. Additionally, don’t forget alt tags for your images.

Lastly, be sure to safeguard you code files from snooping and malicious hackers by denying access to your core files with website access rules or file permissions.

10. Optimize security settings

Security settings are critical to web development. Without proper security strategy, your website will be vulnerable to hackers and other malicious users.

Every day, millions of websites are compromised due to poor security practices — bad file access rules, out of date software, irresponsible handling of content, or even poorly coded websites. When planning your web development checklist and roadmap for your project, make sure you address all security considerations properly, so that your project is not compromised because of a security issue.

Do you have any items to add to this web development checklist? Share them in the comments below!

Page 2

As a project manager, you are the person ultimately responsible for keeping the project on track, especially when the pressure’s on.

To be a successful project manager, you need to be able to balance deadlines, a budget, and the quality of work. This can be very stressful even for the simplest of projects, and this is where organizational skills come into play. Lack of organization is detrimental to any project, but there are many ways to ensure you achieve what you set out to do.

Here are ten tips to help you get organized right from the start.

1. Set expectations early

From the beginning, you should let your team or employees know what your expectations for the project are. These should include the quality of work you expect, who is responsible for which tasks, and how your team should communicate with each other. The sooner you explain to your team members what’s expected of them, the easier it will be to ensure everyone is working towards a common goal and will eradicate any confusion and assumptions from the outset.

2. Define scope

As a project manager, the first step in the project planning process is defining its scope. Click To Tweet

As a project manager, the first step in the project planning process is defining its scope. To do this effectively, you need to understand the project’s:

  • Deliverables: What are the expected outputs and outcomes?
  • Costs: Is there a set budget?
  • Timeframe: How long do you have to complete the project?
  • Available resources: What physical, human and financial resources do you have at your disposal?
  • Stakeholders: Who is involved in the project? Who are the influencers, decision makers, and recipients?

3. Follow a template

When managing a project, there is no need to reinvent the wheel. Click To Tweet

When managing a project, there is no need to reinvent the wheel. If this is your first project, source document templates that you can use as a solid starting point. It will make your job much easier, and it means you will have a set of workable templates for future reference. It is also a good idea to have a log or diary of your work and to keep detailed notes of how you handled certain problems. If then a similar issue arises, you will have something to reference.

4. Review progress against a project plan

A project plan is essentially the roadmap for your project and should contain detailed information about the project’s approved scope, cost, and schedule. To review your progress, ask these questions:

  • Are tasks being completed effectively?
  • Are the original deadlines still realistic compared to how fast work is progressing? If not, are there tasks that should have more focus put on them?
  • Do you still have the right resources necessary to complete the project?

It is important to review progress regularly using updates and feedback from your team. Make this a priority during team meetings so that you’re able to address issues as they arise and adjust the plan if required.

5. Set time limits

There is no better way to make sure something gets done on time than setting achievable timeframes against specific project tasks. A MIT study showed that students will actually work more efficiently when a large piece of work is broken up into smaller tasks with set milestones. You need to make sure that whoever you assign each task to has the skill set and capacity to complete it on time. Setting unrealistic time limits may place undue stress on project resources, resulting in poor quality of work and team member burnout.

6. Meet frequently

As a project manager, it is critical to meet with your team on a regular basis to touch base and communicate project updates, including successes and issues.

A study of over 500,000 meetings found that people are most welcoming of a meeting on Tuesdays at 2:30pm. If you are working in a virtual project team, find a time that works best for the majority of team members. It can be a challenge working across multiple time zones, but to ensure that the same people aren’t subjected to the middle of the night conference call, rotate meeting times.

7. Develop an effective filing system

Managing a project can mean a mountain of paperwork, with several documents created and amended. This can become a nightmare to keep track of and you can waste precious time searching for the latest version of a document.

A proper filing system with clearly defined document naming conventions will ensure a consistent approach to project artifact storage. Check first whether there are set naming conventions used in your organization. If not, there are best practice examples you can follow. Just make sure you are consistent in any approach you take.

8. Efficiently delegate tasks

Being able to delegate tasks is one of the most important skills you can have as a project manager. There is an art to effective delegation, but once you have mastered it, you will take the pressure off yourself and give your team members a sense of responsibility and achievement. Instead of giving each person a large chunk of work to be completed, break everything into smaller tasks.

Don’t be vague when giving directions and make sure each team member knows exactly what the are doing and when it needs to be finished by. You should also make sure the person you are giving the task to has the correct information and ability to complete it.

9. Anticipate issues

We all hope that issues don’t arise, particularly when there are strict timelines to adhere to.

Unfortunately, this is rarely the case in project land. Developing and keeping risk and issues registers up to date along with addressing issues as soon as possible will help in preventing your project plan from going awry. If there is a major issue threatening to stop your project in its tracks, a predetermined process will reduce anxiety and make it much easier to approach the problem objectively and find an appropriate solution. Regular two-way communication with key stakeholders is also vital to ensuring there are no surprises along the way.

10. Use project management software

Last but certainly not least, effective project management software is invaluable for project managers in today’s predominantly web-based world. You can’t beat online software solutions if you’re looking for a way to keep all key documents in one place, share information with your team and manage tasks in a central hub. Check out Redbooth’s online project management software and forget about having to update complicated spreadsheets and to-do lists.

If you want a better way to organize your projects, sign up for a free trial and start working smarter, not harder.

Video liên quan

Chủ Đề