1. Client is @ ZERO miles far from developer & tester in CSSilize!!!

    Yes friends it is really true and it is happening daily in CSSilize.com. Do you want to know how, then you must read this article.

    What is CSSilize?

    In layman words CSSilize is a site where clients come with their design that is PSD files and go with sliced page that is converted design into HTML pages with CSS implemented, also with full satisfaction!. If we keep digging  then we can realize CSSilize is a meeting place where client is directly meeting developers and testers to make their works dons.

    As we know there are lot of slicing site, freelancer available in the web where we can post design works and finish our works. But to know CSSilize features and  how CSSilize is different from these common site, we should analysis web based traditional process available for client to make their works done.

    Problems in traditional web based process for slicing

    In traditional web based approach client comes with their design as known as PSD image and he will search for online slicing sites or freelancers available. Once he got some sites he will first query the developer/company about the prices for their works, time to finish their works, browser compatibility … more and more option he need to query and confirm with the developer. We will list some common items client should confirm with the developer before giving works to developer/company.

    1. Number of pages to slice
    2. Browse compatibility
    3. Mobile device compatibility
    4. How to view development progress
    5. When the works will be over
    6. How client should contact the developer to discuss
    7. How to report the issues to developer
    8. How to view the progress and demo of the works done
    9. Layout option
    10. Coding standard
    11. Javascript library implementation
    12. Coding standard

    Oops, the list of items the client should confirm is keep on extending and it is endless. Also if your are not a technical person then hope lot of points in the above list looks strange for you, also it is not necessary for client to be technically stuffed. Because the client may be running big automobile company, and he need to create a web page with good user interface and he may have the finished design PSD files with him, and he definitely expect the sliced page should be same as like his original design. Usually all the client expect his design files and sliced page should not have any difference and he need pixel perfect too. Now we come for our first conclusion about the problems in this approach. We will discuss major problems for client in traditional approach

    Problem in fixing price

    In traditional approach while deciding the price for his design, client won’t get the clear picture about what are all the features he will get for the amount he is going to pay. Also if the client is not technical person, they he may miss to query about browser compatibility, layout options, div or table based design, coding standard, Javascript library he required, HTML version of the sliced page, usability option, SEO friendly page design etc. So definitely in sliced page client won’t get all the expected items in his mind for the amount he paid.

    Problem in viewing progress

    Once the client gave the works to developer, the next major problem is monitoring the progress of his slicing works. Suppose client get the expected end date from the developer he has to see the progress of his works in the development period, so he can confirm the works are moving as he expected. But in traditional approach it is not easy for client to directly view the progress of the page. Also I hope it is impossible for client to view the developer and tester activity for his project. He has to send mail or contact to developer and he may send the sliced HTML file to mail or upload in his demo server.  I hope it is hectic work and long process to view a tiny progress visually for the client.

    Problem in posting comment, issues and feedback about the progress by client

    Once the client viewed the progress after all hectic problems, the next major problem is he need to give feedback and comment for the works. For this also again the same lengthy process need to follow, so if client noted some issues he need to take screen shot or describe noted issues in text and need to send mail to the developer. So developer will respond for that issues reported once he checked his mail and it may definitely take time. Another worst case is if the developer is not approving the issues reported by client then he need to again discuss with client through the same lengthy mail sending process…. Hope you can realize how your golden time wasted in these process.

    Problem in viewing testing progress

    Once the client reported comment, issues to developer for the works done, the next major problem is monitoring the testing process in developer side. Since the developer have their own testing team and they may report issues for the slicing works, but the problem is the client is unaware of the activity between the developer and tester in development side. I hope it is impossible for client to view these activity and participate in this process and view the issues being fixed by the developer. So client is completely omitted from the testing process in the development side.

    Hope this is enough to understand the drawback and problems in traditional approach, now we can see the CSSilized way or approach of handling the same slicing works.

    Advantages in CSSilized way of slicing

    CSSilize has is own nice way to approach the client to get works and finish their works. In the traditional approach we saw what are all the items the client should know to order and finish the slice works from developer. As we already discussed if the client is not technically stuffed then the problem is too high in each step of development process. In CSSilized way you can get rid of all the major problems when client making the order itself. So the order page speaks lot with client and he will get clear picture of what he is gong to get as a final product. By showing step by step option and clear information about the each option makes the client life easier for getting their works done.  We will now analysis the each step in placing the slicing order in CSSilize. CSSilize site also have nice video to know more about the features available.

    Selecting number of pages and browser compatibility

    So the next step of ordering is to select the number of pages he need to slice and browser compatibility. In CSSilize he can select the number of pages to slice and and option will have the price for each page count. He can easilyt select the browsers list for compatibility and he will immediately see the overall order price in quick view box.

    Selecting additional options

    As we already discussed there are lot of option the client need to decide to slice the design files, and CSSilize will automatically select the best option for these. But if you are an advanced user and you need to select the option you can easily access that from ‘Additional options’ page. There are three major options available here Layout options, Coding options, Advanced options. Client can select his custom options from the available list of options and he will immediately view the prices for each option and also overall order prices in quick view box.  Also if client want more customized options he can contact the CSSilize directly with contact us page and development team will give feedback for that.

    So after selecting the above option the client will know the features he is going to get in final product and also the amount he need to pay for that. Once client confirms and pays for the selected items, he can login to the CSSilize to do all other activity for the project. We will now see how client is gong to meet the developer and tester and monitoring the progress of his project.

    Monitoring the progress of slicing – Client meeting developers

    CSSilize clients will have project manage page with all monitoring option for each of his project. Client will easily visualize his works started date by developers, his expected end date as he mentioned when placing the order, also two more nice option demo and download. By clicking the demo you can view the latest latest latest copy of the sliced page of your design.  I wrote latest three times intentionally, since this is the very cool and great feature of the CSSilize.com and with this feature you can immediately view the developers latest work online and this feature is the greates feature of CSSilize from my point of view. Hope you are curious to know how this is possible. If you are advanced user you definetely know if more than one person coding or working in project then they will use Versioning control system and also the greate CSSilize team also using the versioning control and the client will see the demo from the latest finished work directly from Version control repository.

    In layman words if the CSSilize team developer add one small dot in your sliced page the client can see that difference immediately in the demo page of his project in CSSilize.com. Is’t this great features!!!!.

    Also the client can view the latest acitivity done by developer for his project. Also the cilent will have download option to download his sliced pages to view demo in his local system. Also the client can see who are working for his project, and project status progress with icons which will clealy give the project current status, and also the orignial requirement of the project in a box. The requirement box will show what are all the option the sliced page will have, this is same what client ordered. Oh I forgot to tell another feature in download, while downloading then sliced pages the client may select Image formst (PNG, JPEG, GIF), CSS embed format (link, style), Compress format.  I like this cool feature.

    Posting issues, comments and monitoring testing activity – Client meeting testers

    Another mandatory and important option needed for client is to send feedback and posting comment. As we already saw how lenghty this process in traditional process. CSSilize have this feature in the same project manage page. So client can post their comment and issues in different form. While posting bugs/issues client can attach their screen shots and other reference files, so in CSSilize client can post issues along with testers for his project. For each issues posted by client he can see the status for that issues posted. Client reported issues will be assinged to developer from CSSilize team and client can monitor the issues fixing. Client issues have status like new when posting, assigned when some developer assinged for that, resolved when developer resolved the issues.

    So client can some time do tester role for this project, but CSSilize team have their own testers, once the project moved to QA status the testers will post issues for that works done, and client will view all the issues reported by testers and he can monitor the process for each issues untill they closed by developer.

    In CSSilize will deliver all project to client only after QA certificed for all the sliced page. The QA process is indepth and pixel perfect checking for all project. We will see the QA process in CSSilize in another ariticle. Once client approved the project the project move to closed state and client get the expected sliced page in expected time.

    Final conclusion

    Hope I discussed how  ‘Client is @ ZERO miles far from developer & tester in CSSilize’. If you are not convinced and not beliveing me then go to cssilize.com and feel the result visually. Enjoy slicing with CSSilize.com.

  2. Leave a Reply