Add to Collection
Tools Used
About

About

Only A Quote is a beginning-to-end project made to sell and to add to a portfolio. From a custom front-end interface, to a custom administration … Read More
Only A Quote is a beginning-to-end project made to sell and to add to a portfolio. From a custom front-end interface, to a custom administration interface, the project included not only robust programming but also robust designing to achieve a great final result. The entire project was search engine optimized, performance optimized, and drew a large amount of traffic with a small-scale social media campaign. Read Less
Published:

Only A Quote
A database driven quote archive


Only A Quote is a beginning-to-end project made to sell and to add to a portfolio. From a custom front-end interface, to a custom administration interface, the project included not only robust programming but also robust designing to achieve a great final result. The entire project was search engine optimized, performance optimized, and drew a large amount of traffic with a small-scale social media campaign. 

Programming
The project was created using a LAMP stack with PHP and MySQL at the core of it. The database was simple but powerful including page titles, page descriptions, keywords, the main quote itself, as well as an author to provide information for SEO. The administrative side of the project allowed for automated and secure input of information and addition of information. The information was always passed through filters to ensure no disruption of database operations and to ensure correctness. Login was meant only for an administrator, who could also delete quotes.

 Design
The design part of the project involved several iterations of design, adjusted for better user experience. All of the social media buttons, backgrounds, and styles were custom-made from ground up. The unique points that made the project distinguishable from others was passed on from the main site to the mobile site, the twitter as well as facebook. 

Search Engine Optimization
The project focused on easy searchability and search engine access. Each quote had a unique permalink that was accessible to search engines and was routed via an index.php file (ie. there wasn't a separate file for each quote). The project had an html sitemap meant for regular human users as well as an xml sitemap meant for search engines to crawl. Each quote had all the necessary meta information including page titles, description, and keywords to allow proper indexing.
Initial Design Iteration that included custom designed background, twitter/facebook buttons in an "ink on paper" fashion. The design included an advertisement meant for monetization of the project. Within two months, the project made $60 from Google ads. 
Final Design iteration included a more forward looking site title, zoomed in background and a better advertisement placement for higher ad conversion rates and click-throughs. Featuring a permalink, each quote was readily shareable via a shortlink or a long-link. 
A php script redirected a user using an iPhone or a mobile phone to a mobile version of the site. Still retaining all its functionality, the mobile website was perfectly designed for touch input.