+44 0208-800-3289

Website Design Projects

    Client - charleans.com

  1. Website Design Projects
nedpress

Frameworks Employed

JavaScript

JavaScript was the default front-end scripting language employed. Its universal usage, appeal and myriads of open-source 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 webservers. It accounts for nearly 80% of all webservers running on the internet. It is opensource 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 an organisation that heavily relies on spreading news and event to members, we put more emphasis during the design on how the aforementioned can be accomplished. Photography, as we learned during discussion with the client, was the salient future in disseminating news and events.
Thus, the homepage has a dynamic section that retrieves content from a database repository where all photographs (categorised) are uploaded. It displays the most recent additions(20) in a format that can be viewed in a pop-up in full resolution including navigation buttons to see the rest without exiting the pop-up container.

Clicking on a picture's "Caption Title" opens a new page with the picture and a detailed textual description about the picture. Uploading photographs to the repository is done through an admin section that require designated members to log into with particulars created for this specific function. The same principle was accorded to those responsible for adding both news and blog content to the site. We were also responsible for writing the text content on all pages which the client could amend as they see fit later.

Providing information to a network of friends united in their Alma mater - ex students from a particular school is not a tedious task. The difficult bit is how you present (uncluttered) this information so that it can be consumed (interactions)so to speak online requires user-interface design knowledge and backend programming skills.

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:
    2Weeks - 90 man hours
Total No Of Pages
HTML5
25
PHP
20
JavaScript
10
CSS
4
Total No Of Graphic Assets
JPEG
30
PNG
20
GIF
10
SVG
4