The creation and development of designer websites may appear to be a little bit of a glamour job but, as with almost every other job in existence, once you scratch beneath the surface or take a look behind the scenes you get a very different impression indeed!
Our bespoke designer websites all start from a blank sheet of paper and our timelapse video too starts with a blank sheet of paper; this open approach means that our bespoke designer websites are genuine one-offs which are never shoe-horned into a pre-existing CMS structure. Our designer websites allow your content and your business proposition define the layout and flow of the website. Shortly after starting from a blank sheet of PHP code you'll see the beginning of the website's homepage
index.php shortly before the creation of the website hosting account, the modification of the domain name's DNS records and the creation of a web font account using Typekit.
Eight seconds into the timelapse video you'll see the creation of a MySQL database on the website hosting account. The MySQL database holds all the content (words and photos) of the website in a custom-built table structure, individually written for the website in question. We then make a remote connection from our office to the webserver's database using a MySQL database client and begin to build the database structure. Webpage elements such as titles, descriptions, headings, paragraphs, images and hyperlinks are created in the database and then the connections between the PHP page and the database tables are hard-coded into the dynamic webpage.
Ten seconds in and you'll begin to see Sub@omic open the digital artwork supplied by Gosling so that we can extract, resize or reproduce the individual elements of the brand such as the logo, bullet points, banner ads. From this stage onwards, we're working right down at individual pixel level, extracting the RGB split of brand colours and measuring the position of brand elements with pixel-point precision.
What you're watching is pure website development so you won't see any dragging-and-dropping of 'stuff' onto a webpage because this bespoke website is being created directly from code and not from a common-or-garden content management system. We develop upon Apple's OS X and there's a few mission critical software applications we use to develop with.
100 seconds into the movie and the home page of the designer website is complete and Sub@omic moves onto coding
about.php - a dynamic PHP webpage that allows the client to write an unlimited number of webpages 'about' their business.
Three minutes into the video we begin to lay the foundations for a new, third, PHP page to the website. Built upon the 'about' page
solutions.php will offer the ability to include an HTML form for data capture in the form of online pay calculator. Development costs are kept low by treating the 'about' page as the template layout for other web pages. The ability to create an unlimited number of data capture forms into the website is achieved by creating a PHP include file that can be called into a webpage on-demand.
We make one final use of the template for the creation of
contact.php - a page that works to close-out the website visit with a conversion. The page uses multiple forms that are included to enable the website visitor to request a callback, order a brochure or make a general online enquiry. The enquiry form also offers the ability to embed a Google Map of the head office location.
The website being built was a small but incredibly versatile designer website for a management consultancy. The consultancy's brand identity and the webpage layout had already been created by our design partner Gosling Creative Limited so our job was to turn the graphical layout into a fully functioning website. The website now acts runs as a mini website publishing platform, one that may be rebranded for each of the many management consulting divisions. The website consists of just four dynamic PHP webpages and one CSS stylesheet:
Each line of code was individually written for this website and this means that there's no trace of the bloat associated with the HTML output by a CMS such as Wordpress, Drupal, Joomla or whatever the CMS du jour happens to be. This focus on writing only what's needed means that our bespoke designer website are not only open source and incredibly lightweight but lightning fast