What You Can Expect From Us
Our philosophy is very simple, we build websites that will generate the traffic and conversion you need to run a successful business online. Our team of web developers and designers have worked with large, mid-size and small companies for over 22 years.
The Web Design Process
The Planning Process
This is possibly the most crucial stage in the web development process because this is where key decisions are made. What is chosen and planned here acts as the basis for the whole project. We interact with our client and take into consideration every important detail regarding the website development project. Our methods may vary depending on the nature of the project, but this is our overall process.
This level involves the inclusion of the client’s goals taking into account the target audience that the website will address. Here we gather as much information as we can from our client including any additional requests. In case you have already planned for your site, we will come up with useful suggestions that, when implemented, will deliver a better website.
Also referred to as equivalent document, a project charter simply sums up the information that was gathered in the Requirement Analysis stage and which you consider to be relevant towards the web development process. The information we gather is always precise and not excessively technical, and acts as a reference point to every aspect throughout the project.
This map basically acts as a guide for users who find the structure too confusing to follow through and therefore require a piece of information quickly. A site map works much better than using plainly listed pages. With the map, you can also include links and arrange pages systemically to make the site more organized.
Contracts that Define Roles, Copyright & Financial Points
This is also a very important aspect in the web development process. This deals with all the elements of documentation that comes with website creation. In this stage, there will be payment terms, termination clauses, project closure clauses, copyright ownership guidelines and timelines to such ownership.
Gaining Access to Servers and Build Folder Structure
Since you can’t operate a website without access to the servers, we set up any hosting accounts that you may need. This includes the FTP host, password and surname (which enables you to carry out database configuration), and log in at the control panel, which includes access to any languages or other relevant structures currently installed on the website.
Determine Required Software and Resources
Aside from determining what a third party media might require, we seek out any important software that you don’t have but personally need. This means that a budget may need to be adjusted to include such expenses which we will pass on to the client’s final bill. These costs go into items such as special fonts, stock photography, themes, and specialized attributes that a client may need for their site.
The Design Process
When it comes to design, the previously gathered information can now be put into use and made real. At this phase, the website development process focuses more on outlining the site’s structure and also choosing a proper visual representation. The designing stage is key because after its completion, the site will now have a defined shape only that content has not been posted on it or other special features added.
Wireframe and Design Elements Planning
At this stage in the website creation process, the visual layout of the site now starts to take shape. We start to plan the layout of the website using the information collected from our client at the planning stage.
Mock-Ups Based On Requirements Analysis
Bases on what the client requires, we design mock ups which will make modification and final presentation simpler. Photoshop allows us to create mock-ups easily and helps keep the design elements properly arranged in layers.
Review and Approval Cycle
At this stage, we have the developed mock-ups that can now undergo a series of reviews, changes and approvals. This process will only end when we have agreed with our client on a particular design that you wish to adopt. At this time, we can still make changes to the site, but not after the design has been coded.
Slice and Code Valid Xhtml/CSS
Its now coding time where we cut the final mock-up from Photoshop and then write the HTML and CSS code for the basic design. Bear in mind that jQuery and other interactive elements will feature later. For now, we concentrate on getting the visual elements on the screen as well as authorizing all the codes before we move on to the next item.
The Development Process
This is usually the most involving task in web development process. Basically most of the programming work fall under this category and this is where we have to load content on the website (our client can do this or we can handle it ourselves). In the process, we refer to the planning details as the sites begins to fully take shape. We organize the code as well, and keep it commented for seamless delivery. We test the website continuously as to avoid setbacks in the future.
Code Templates For Each Page Type
Since each website has several pages: form, general content, home or blog post, we can also create pages on the site based on templates. We will come up with specialized templates especially if the client is keen on making the website unique.
Develop and Test Special Features and Interactivity
Now, the fun part. We add colorful elements into the site. These pops of color will not only make your website stand out, but will also create hierarchy and organization within the pages. Elements such as links, specific headings, borders, footers, and more can benefit from having a color assigned to them. Just like other developers you can also add forms and get validation up and running too at this stage.
Fill With Content
At this stage, we load all of the content given by the client or forwarded by a writer. This may sound like routine work, but we proceed with utmost care as to avoid mistakes. It is important that even the simplest of pages have proper composition and careful attention to detail.
Test and Verify Links and Functionality
At this stage we conduct a full website review and gauge current progress. We start by evaluating each and every page we have created using a file manager, and asses everything from the home page to the submission/confirmation page. We will ensure that everything is working according to plan and that nothing has been overlooked.
The Testing Process
After testing the website, it can now be launched for the sole purpose of being viewed by members of the public. Before doing this, we ensure that design elements are finalized, interactive features and elements are fully tested and working, and that the user interface is friendly. At this point, we move the website to its permanent Web server where it will always be hosted.
Before our client’s deadline, we polish the completed site for better results. This assessment helps to identify smart details that can still be improved and make the website even more functional. Besides, well-developed sites make us proud just like our client will be!
Transfer to Live Server
If you have been testing the website in a production environment, the next step will be to transfer it to a live Web Server. This simply means that the site is now visible to users online and the “Under Construction” tag is removed. Again, we do last-minute review of the site before it goes live. At this stage, we interact with the client and let him or her know about such developments, and if the website appears to be popular.
Using available tools such as broken link checkers, spell checkers, code validators, website health checks, and other applications, we run the final diagnostics of the website. This is an effective way of identifying mistakes that we can correct earlier, rather than receiving complaints later from an end user or our client.
Final Cross-Browser Check (Internet Explorer, Chrome, Firefox, Opera, Blackberry, Safari & iPhone)
Your website will be reviewed in multiple browsers, to ensure that all of the client’s users are able to easily view the site. These include Internet Explorer, Google Chrome, Firefox, and smart phone/ mobile device browsers.
The Post Launch Process
At this stage, we give the client instructions on how the site should be used, including the packaging source files, and any necessary training. We are always available for future maintenance and we are truly committed to ongoing support. In the case that the client wants site maintenance, we establish maintenance charges and share the costs with the site owner.
Hand Off To Client
Before handing off the website officially to the client, we make sure that all contractual obligations have been met and that our client is fully satisfied with the end product just as stated in the Project Charter. We will only close the project if both our client and Unreal Studio are content with the outcome. We then provide all documentation and source files.
Provide the Website Documentation
Things like a soft copy of the site map or details of the framework and the language used will help our client later on in case he or she needs to work with another Web Developer, make major changes on his or her website, or just explore the site as he or she sees fit.
Project Close, Final Documentation
Finally, the client can now sign off the last checkbooks as payments for services. The client will receive our contact information in case we need to be reached for support, and the project will be officially closed. Even after closure, we will check in with our clients every so often, to ensure that everything is working accordingly without hitches.