One other characteristic which makes you different and set you apart from other normal freelancers is proper deliverables. Now what does proper deliverables means that when you are delivering your project files, your ZIP files, your designs, they must be managed into and organized into different folders and files that your client can easily scan them or understand what's that what the contents are. So let's get started and see how we can improve and deliver proper deliverables to our clients. In this section we are going to talk about how designers are going to deliver their projects to their clients. And there are a few tips I'm going to give you number one is that always create proper folder organization. If your design our PSD s or any source files, keep them in separate folder if you have used any force or any other images From our websites or royalty free images, keep them into separate folder.
Okay? So when you're when your client opens up your ZIP file, he knows that these files are for this purpose. Also, it is best if you can include a readme file or how to use this zip file. Okay? So explain the different contents of different folders, then your naming should be very professional. Don't use underscore final underscore final underscore final name everything properly.
That is a header PST or the it's a footer footer dot PSD, or it's the main page design and it's the sign up design. Okay, so every file should be named properly. If you can create a video guide or a PDF guide for a client so he can easily use them or if he needs to alter some design portions, then how he's going to do that. That would be really beneficial, all the assets you have used in your design like force and other files. Like if you have placed any royalty free image or anything you need to provide it into different assets folder or force folder. Okay?
So if your client right tries to open up your design into their own Photoshop or any other application, they don't get error messages like three fourths or missings. Okay, so this is really going to get them a problem or a headache. So avoid that. Now, the key takeaways from this section is that properly named organized and zip your project files. Also try to append date and time or at least date to those zip files at the end and use Dropbox to share them. Okay.
So, one more thing. Okay. One more tip is that you need to In the end, I'm going to give you one more tip, which is always keep a copy of that file zip file you sent to your client in a organized folder like with yours, if you have if you're working with a client from several years, create a folder with the clients name and use different email folders in them and then the project name and then the project files, okay. So whenever you send them the those files, create a separate folders like the deliverables, September 10 2016, or something like that. So you know that at this time, I sent those files, sometimes my clients even after six months, they say okay, so can you send me the files you sent me six months ago, I have lost that email. I cannot find the source files.
So it is really You know, a headache if you haven't organized your files into different folders with ears and dates, okay, so let me show you an example of my folder organization. Now this is this is my main folder called working folder. And I have main four categories like you can see over here app icons, logo designs, mobile apps, web projects, okay, so if you open up a blank projects you can see over here clients, there are other few things for my helping resources. These are basically resources the main folder is clients. So when I open clients, you can see 99 designs have as UK bread EP RMS Charlie were Costello work. Lisa McHugh, Luciana, these are all my clients.
Okay, you me sondre Tom, William de pelo. So these are all my clients. So if you open up any one of the clients, you can see over here there are different projects over here, like backpacks, helper clean sales, and if you open up one of them, you can see I have appended dates with them February 2015. Also I can see over here the dates modified over here. If you look at these you can see over here back back Tex helper have two versions 2014 and 2015. So if my clients asked me that I need the last version you sent, I will check in this folder.
The last date or the latest version. You can see over here, final version, this is the folder I sent to my client along with invoice optimization report, final version, PST elements, okay, HTML sources. So this is the folder I sent to the client. You can see over here I have appended the date at the end 18th October 2015. So this can really help you that you know that this is back tax helper website. And the final version I sent on at the October was this zip file.
So this is how you are going to organize your folders with projects or I have four main categories then I have clients in different categories, then they have projects. Okay, so keep your folders organized. And always remember that the zip file you finally sent was this. Okay, so name it driven deliverables or final standard or something like that. So you remember, this is the file you sent last time. So let's move on to the next section for developers know for coders and developers.
The same goes for folder position and file organization, their files and folders should be properly named. And they should be properly organized. So each file can be easily found by your client and they don't get headache when they try to open up your file. Okay. Now the second major thing I have seen in a lot of new or newbie coders and developers, what they do is they don't command or organize their code, okay? So if they are doing it MLR CSS or whatever, they don't create different code path sections.
Okay? So always try to create different code sections with proper commenting. So the even the novice developer knows that this section is doing this, okay? So always code your comment your code, and keep it into sections if you have a very long CSS file, and separate it into different sections like header, CSS, footer, CSS, or body CSS or section one CSS section to CSS. So always try to separate it into comments. This can really impact your professionalism in your developer carrier, or even your freelance carrier.
Okay. Third thing is whenever you deliver something to your client, always give them an online working demo. Okay. So along with your ZIP file, always send them of working demo link. So they can show see that how these files are link showing up. Sometimes it happens with me like I have sent a landing page HTML and they try to double click and try to run it.
And what happens is that they are not connected with internet or something. And my jQuery files are my JavaScript files that don't load. Okay, so when they have working online demo, they know that it will be accessible via internet and they will try to say it on their PC or Macs. Okay, one other thing is that you need to include a readme file or if you are using GitHub, that is great because it saves all the versioning and everything. So GitHub, if you are working with your client on a GitHub, then that's one of the best thing Okay, now the main takeaways are properly name organized and zip your project files. Never named them in a sense that mean file main dot HTML or something Like that, name them on the basis of what page it is okay, the second biggest takeaway is always proper, properly, comment your code into different blogs and sections and segments.
Okay. I'm going to give you a few links. So Photoshop etiquettes website and also a link to a proper commenting and how you are going to commence your code and proper code organization. So there are few guides, the coders and professional designers they have already created. So I'm going to share you the next article, okay. So make sure you see those links in the resources, or in the next article, I'm going to share them with you.
So this is all about properly delivering your project, whether you are a coder or designer to your clients. Okay, so if you have any questions, ask me. If you don't know about GitHub or any time I have used Google about it and try to learn it. Okay, so let's move on to the next lesson.