1
00:00:00,000 --> 00:00:04,900
The next stage—the technical stage—is all about development of the website.

2
00:00:05,590 --> 00:00:09,060
The workflow for this section depends on the complexity of the project.

3
00:00:09,680 --> 00:00:11,980
In some cases, you'll have to build a WordPress site

4
00:00:11,980 --> 00:00:15,480
and in others you will need to build a custom solution in Ruby on Rails.

5
00:00:16,360 --> 00:00:20,630
Like our earlier stages, let's break the stage down into simpler tasks, as well.

6
00:00:21,960 --> 00:00:26,760
If the client requires any custom solutions, start by building out the necessary frameworks.

7
00:00:27,300 --> 00:00:31,770
Get the basic stuff up and running before you move on to the coding of any specific pages.

8
00:00:32,900 --> 00:00:37,530
Next, code up all the templates for the basic pages that you mocked up during the design stage.

9
00:00:37,990 --> 00:00:40,270
In the previous stage, we coded up the design.

10
00:00:40,270 --> 00:00:42,780
Here, we add in all the functionality.

11
00:00:43,510 --> 00:00:50,430
After that, if the client desires any interactive features on the website, start adding it in. You're almost there.

12
00:00:50,430 --> 00:00:54,210
One of the last steps, but equally as important once you've done coding of the website

13
00:00:54,210 --> 00:00:56,380
is to load all the content in.

14
00:00:57,040 --> 00:01:00,620
Now, this content should have been provided by the client or copywriter beforehand.

15
00:01:01,520 --> 00:01:04,480
Again, this is clearly a dependency for the completion of the project

16
00:01:04,480 --> 00:01:10,320
and should have been indicated on your proposal so that the client has sufficient time to get the information to you.

17
00:01:11,700 --> 00:01:14,940
Once you're done with the creation of the website, it's time to test everything.

18
00:01:15,470 --> 00:01:20,570
Go through every single page on the site, testing all functionality and proofing all design and copy.

19
00:01:21,210 --> 00:01:23,580
Make sure everything works as it's meant to.

20
00:01:23,970 --> 00:01:28,530
Your site map should help you navigate the site and make sure you cover every page that you created.

21
00:01:29,420 --> 00:01:31,910
Now, that should cover the development stage for most projects.

22
00:01:32,580 --> 00:01:35,950
You still have one final stage left before you're somewhat done with the project.

23
00:01:36,670 --> 00:01:40,270
This stage has a collection of tasks that can be termed "pre-launch."

24
00:01:40,820 --> 00:01:43,870
Again, depending on the project, tasks will vary,

25
00:01:43,870 --> 00:01:46,750
but in general they comprise of the following duties:

26
00:01:47,260 --> 00:01:49,730
Cleaning up—after the development phase,

27
00:01:49,730 --> 00:01:52,070
give the client another review period.

28
00:01:52,450 --> 00:01:56,110
Once you hear the feedback, take this time out to clean up even more.

29
00:01:56,710 --> 00:02:03,820
Make final changes. If you have planned out your time properly, this cleaning up period makes a big difference to the client's satisfaction.

30
00:02:04,630 --> 00:02:10,600
If you have a tight deadline, you should still make some time to get the client's feedback and to implement any last changes.

31
00:02:11,450 --> 00:02:16,310
Then, you go live. This entire time you've been working in a development environment.

32
00:02:16,310 --> 00:02:20,070
Now that the project is complete, it's time to put it on a live server.

33
00:02:20,530 --> 00:02:27,240
This gives you and the client a chance to test it live and allows you to complete the next step, which is browser testing.

34
00:02:27,820 --> 00:02:30,460
With lots of different browsers out there, you need to make sure

35
00:02:30,460 --> 00:02:35,360
the website looks good and functions as intended across all browsers and platforms.

36
00:02:36,080 --> 00:02:39,680
This may not mean identical functionality and aesthetics in every situation,

37
00:02:39,680 --> 00:02:44,200
but make sure things aren't breaking.