Website Design Projects

Frameworks Employed

JavaScript

Javascript was the default frontend scripting language employed. Its universal usage, appeal and myriads of opensource frameworks to chose from - made this choice a no brainer. All interaction and transition animations are javascript and CSS3 enabled.
json - JavaScript Object Notation is an open-standard file format that uses human-readable text to transmit data objects consisting of attribute–value pairs and array data types. It is a very common data format used for asynchronous browser–server communication which is employed in this project.

Bootstrap

Bootstrap is the world’s most popular framework for building responsive mobile-first sites. In other words, this creation from Google puts all the scaffolding elements - html,css and javascript in a systematic and structural disposition that enables you to build responsive site in a friction of the time it would have taken otherwise. It is free to use and has copious of basic templates to start you off with very minimal learning time. As with most open-source frameworks, a deeper knowledge allows you to produce more sophisticated responsive html pages .

PHP

PHP is a popular general-purpose scripting language that is predominantly used to power and manage web-servers. It accounts for nearly 80% of all web-servers running on the internet. It is open-source and FREE. Manage and maintained by a community truly dedicated to its openness and easily written syntax and semantics. The current stabled and secured version 7.2 was used as opposed to 7.3 which we think is still work in progress.

Easy Customisation

Dynamic content was centric to the main interface. Thus, new books particulars could easily be uploaded into the database and this process will instantaneously be reflected on the home page and the book category section respectively. Filling a form with all the books attributes including Price and CoverPage Graphics are all done through a simple form at the backend. Dynamic email branding - send to current clients and prospective one is with a click of the mouse - awesome

Responsive Website Design (RWD)

Can not stress enough the importance of this paradigm. Not having your site designed as responsive is akin to still using Windows 95. It might just still about run certain applications but at what cost - security, productivity, connectivity, efficiency and the list goes on and on. The aforementioned notwithstanding,smart-phones so omnipresent is a very compelling reason to implement RWD.

You do not want to miss out on the millions accessing the internet through this device. The desktop or laptop are no more the default gateway to the web. RWD incorporates functionalities that ensure consistent user experience irrespective of their device type when viewing and interacting with website content.

Client Main Objectives

Being a site that heavily relies on the expertise of a highly qualified professional,our main objective was to emphasis this salient future on the design interface and make it as minimal as possible. One way is to infuse graphics within the interface that have some contextual affinity or connection with the profession in question. Thus, in this design we went for architectural drawings to bring these objectives into the interface - the client is a "Freelance Quantity Surveyor".

You will see the use of "parallaxing" utilized a lot. I hear you ask what the heck is this - it is a web design trend that refuses to go away (parallax scrolling). With this, the website layout sees the background image of the web page moving at a slower rate than those in the foreground. And all these is control through javascripts and CSS.

CSS and javascript provided intuitive and interactive frontend interactions. The backend is powered by php with a functionality to send bespoke crafted branded responsive emails to contacts and prospective customers

Major Software Tools:
Adobe - Photoshop_cc and Dreamweaver_cc
Price:
£550
Duration:
2-Weeks - 50 man hours

Total No Of Pages

HTML5: 10
PHP: 5
JavaScript: 5
CSS: 4

Total No Of Graphic Assets

Jpeg: 30
PNG: 20
Gif: 10
SVG: 4

The Backend

Copy Writing