Hostel La Verde, Cienfuegos, Cuba

Standard

Hostal La Verde screenshotHostal La Verde

Hostal La Verde, a Cuban hostal website

A small website for a Hostal in Cuba.

Bookings are permitted as are contacting the site owner for enquiries etc.

This was a fair simple wordpress site with a custom booking system with a separate database.

Owners Exclusive

Standard

Owners ExclusiveOwners Exclusive

Owners Exclusive website
refresh and rebuild

Owners Exclusive was a website created for the Bourne Leisure group.  It was a website refresh and rebuild using SDL Tridion CMS and ASP.Net.

The website was a reasonably complicated affair as it was designed with a large amount of Content re-use in mind.  The website was created for caravan owners wishing to rent out their caravans which were mainly static caravans in caravan parks throughout the UK.

Content was reused on an adhoc basis for Caravan parks that shared similar facilities and features.  Addition of new parks would mean content already in the system could be associated with the new park.  This allowed for precise and logical steps in creating new content and ultimately in managing the content for each park in the system.

The build involved HTML development from designs produced by the client and creation of a new website within SDL Tridion.  The new website was built using Modular HTML templates and intergration into a Master page / Content Page structure.

Login functionality was created using ASP.Net membership and authentication, with forms being written using ASP.Net 3.5 Web Forms.

XML was used to structure the templates within the CMS and extensive XML/XSLT transformation used to allow appropriate content to be shown to users when logged out and when logged in.  Users that are logged in are only able to view content for the particular park with which they have a caravan registered.  If multiple caravans are owned, then the content available to the user was for the range of parks at which they had caravans.

Shell Oil

Standard

While at Dunnhumby I created a large number of Newsletters for Shell Oil. They were always written with a range of languages being considered as the target audience where in approximately 25 international markets in Europe.

The newsletters were created for customers of Shell Oil who were holders of the Shell club card as a means or promoting offers and keeping them informed of their currently earned club card ‘points’.

Newsletters were created with content placeholders that a third-party was responsible for populating with the relevant customer information. Because of the size of the target audience and diversity in languages used consideration had to be made over layout and content so that adherence to Shell branding was strictly followed yet letters had a creative touch and worked well with the languages used on a country by country basis.

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell FuelSave Newsletter

Shell FuelSave Czechoslovakian

Shell Newsletter Shell FuelSave Newsletter

Shell FuelSave Polish

Shell Newsletter Shell FuelSave Newsletter

Sell FuelSave Slovakian

Shell Newsletter Shell Newsletter

Shell ClubSmart Grow

Shell Newsletter Shell Newsletter

Shell ClubSmart Grow

Shell Newsletter Shell Newsletter

Shell V-Power Grow

Shell Newsletter Shell Newsletter

Shell ClubSmart Grow

Shell Newsletter Shell Newsletter

Shell ClubSmart Premium Grow

Shell Newsletter Shell Newsletter

Shell ClubSmart Premium Grow

Shell Newsletter Shell Newsletter

Shell ClubSmart Premium Grow

Shell Newsletter Shell Newsletter

Shell ClubSmart Premium Grow

Shell Newsletter Shell Newsletter

Shell V-Power Grow

Shell Newsletter Shell Newsletter

Shell ClubSmart Premium Grow

Shell Newsletter Shell Newsletter

Shell ClubSmart Grow

Shell Newsletter Shell Newsletter

Shell Grow Reminder

Shell Newsletter Shell Newsletter

Shell ClubSmart
Monthly News

Shell Newsletter Shell Newsletter

Shell V-Power
Monthly News

Shell Newsletter Shell Newsletter

Shell Fuelsave
Launch Polish

Shell Newsletter Shell Newsletter

Shell ClubSmart
Rescue Premium

Shell Newsletter Shell Newsletter

Shell Rescue ClubSmart

Shell Newsletter Shell Newsletter

Shell Rescue V-Power

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell Newsletter

Digital Communications

Shell Newsletter Shell Newsletter

Digital Communications

Luxe Watches

Standard

I have spent time working on updates and refreshes to this website and provided a range of other related services to Luxe Watches. They had a website developed as a bespoke pseudo CMS but lost contact with the original developer.

I was called in to provide fixes and updates to the website. Much of the core functionality was okay, with some partial re-writing of PHP/Database interactions as well as major database updates to allow extra details to be listed for products.

The updates made were to the front and back end of the website. The Ebay updates were to their Ebay Shop which they use to boost sales and to provide another platform for reaching out to customers.

Luxe Watches Website Refresh Website Refresh

Website Refresh

This was a full website refresh with reuse of core functionality. The key aspects of the refresh were the footer which is built up on page load from PHP querying the database and building up lists of all product brands and sub-brands and listing them as ‘ brand available: sub-brand1 sub-brand2 sub-brand3’.

Over-layers were updated and added on product pages where the product is no longer available or sold.

Homepage Layout was re-created with an updated layout, navigation updates and input box updates.

Google Shopper XML was developed and implemented into the Google Merchant Centre. The XML is built up according to Google’s specification using PHP and database queries. The retrieved data is translated into an XML document and downloadable as well as being saved on the server. The saved file is automatically retrieved by the Shopper API.

WordPress installed, set up and linked to from the main website.

Luxe Watches Product Description PageProduct Description Page

Ebay Store Product Description Page

This was a HTML template with PHP and database queries built to speed up Custom Ebay Product Listing creation.

The HTML was created based on a PSD design. The PHP was used to populate the relevant data fields such as product description, price etc with the information relevent to the product to be listed in Ebay.

Luxe Watches Ebay Store Luxe Watches
Ebay Store

Ebay Store Template

This was a HTML template created for an Ebay store. The HTML consists of a header used on the general store pages and product listing pages. CSS was used to position the aspects such as navigation and logo from an externally referenced CSS file.

Luxe Watches Testimonials Luxe Watches
Testimonials

Testimonials

This was a minor update to the existing website. An update to the testimonials by way of a user form and functionality to email the form to an administrator. The Testimonial can be approved after which it is displayed on the testimonials page with pagination displayed when over a defined number of testimonials have been approved.

Update to Ebay Template

Luxe Watches had their website updated by a separate agency, however they also needed their Ebay template generator updating which i was tasked to do seeing as i created the previous one.

The new site was migrated from the bespoke PHP-based CMS into a custom WordPress theme.  So my role was to somehow take the old PHP/Javascript generator and create a custom WP plugin.

I achieved this using Yeoman and one of the amazing boilerplate generators, namely Wp Plugin Boilerplate, which i have to say was fantastically simple to use.

The new template had to be based on the new html for the new look of the website.  I didn’t have any, except what was on the dev website.  So I basically lifted as much of the html that seemed logcal at the time.

It was alright enough, although there was functionality to change the price that i had to replicate with a big assumption that it would even be possible on the Ebay website.

Creating the template, or recreating as was the case, was relatively simple.  I rebuilt the page as i could see it on the dev site and so that it fit within the frame of the Ebay website.

The difficulties arose in the changing of the price.  I am not aware of there being an Ebay product price conversion tool that you can consume within your custom product description, so i had to contrive a way that i could change the price, which i had care of the database, into USD and EUR.

I ended up using Mashape which had an API listed to convert currency.

I had used Mashape before, so was aware of how to consume the APIs, what i was unsure was if i could consume then within the WordPress plugin.

The code to consume the api is all on the Mashape website.  You may need to create an account in order to get a public key.

This allowed me to consume the api to get the amount of pounds per euro and dollar.

To consume from the endpoint, Mashapre recommends using Unirest, which is a small HTTP proxy library.

$usd = Unirest\Request::get("https://currencyconverter.p.mashape.com/?from=GBP&from_amount=1&to=USD",
	array(
		"X-Mashape-Key" => "public_key",
		"Accept" => "application/json"
	)
);

Using this from within WordPress was fine on my local machine, and then on my server.  The problems showed their head when i pushed to the clients server.

The problem lay with the PHP version installed on the server of the client, 5.3.9.  Unirest makes use of hex2bin to convert the hex response from the Mashape api into text.

I was a bit stuck, until i realised through good old stack exchange that one can right one’s own hex2bin equivalent… see here.

This meant that the PHP version could stay as it was, even tho thats a silly thing to do, but it wasn’t my server or call.

The next issue was with the plugin generator i used.  Admittedly, the generator was great for creating the skeleton and acted as a great boilerplate, it did have one small flaw.  It used HTTP includes to insert the HTML partials into the WordPress admin.

I dont know, as i havent read up yet, whether this is standard practice.  I would assume not.

Never-the-less, the fact that this was an issue only raised its head when i pushed to the clients, the reason being that they had the PHP setting allow_url_include set to false.

My work around is in this post.

As simple as these workarounds where, they didn’t half slow me down.

 

Tesco Direct

Standard

Monsters High

Monsters High –
Old Tesco Direct Layout

This was a one-page microsite for Nescafe. It is fairly standard HTML, the only aspect to note is that it was developed for the old layout of the website, which is currently being redeveloped by tesco.

Tesco Direct Nabi Tablet Product Page Nabi Tablet

Nabi Tablet –
Old Tesco Direct Layout

This was a one-page microsite for Nescafe. It is fairly standard HTML, the only aspect to note is that it was developed for the old layout of the website, which is currently being redeveloped by tesco.

Tesco Pages

Standard

Tesco Grocery

Work done for the Tesco Websites have been for Tesco Grocery and Tesco Direct while working at Dunnhumby in Ealing and Welwyn Garden City.

They were developed based on designs either created in-house, created by Tesco or created by the end-client.

Due to the updates being completed by Tesco on the Grocery and Direct websites, much of the work I did while at Dunnhumby has subsequently been taken down.  Further more, due to the nature of campaigns for which they are created, they normally had a relatively short life-span.

Tesco Coffee Pods

Coffee Pods One-Page Microsite –
Old Tesco Layout

This was a one-page microsite for Nescafe.  It is fairly standard HTML, the only aspect to note is that it was developed for the old layout of the website, which is currently being redeveloped by tesco.

Tesco Meal Deals

Meal Deals One-Page Microsite –
New Tesco Layout

This was a one-page done for a campaign Tesco did to promote ‘ready meals’  This is a version done fro the new website layout.  CSS, Classes and ID’s were used to target two layouts of the same HTML for the new layout of the website and the old layout (which is currently partially active at present).

Tesco Meal Deals

Meal Deals One-Page Microsite –
Old Tesco Layout

This was the alternative layout for the old layout of the Tesco Grocery website.  The difference between the old and new site where that the new layout adapts on tablets and computers by use of @media along with max/min screen sizes.

Alpro

Alpro One-Page Microsite –
New Tesco Layout

This was a one-page microsite done for Alpro with a responsive video player and multiple players embedded on one page. The responsiveness is observed when the browser is resized at two breakpoints, above 1260px in width and below.

Video was encoded at a reasonable resolution so that they had a better display in full-screen; many videos are encoded at a lower resolutions to make them smaller in file-size, but that means compromising video quality.

Alpro

Alpro One-Page Microsite –
Old Tesco Layout

This was the old layout version of the same one-page microsite with CSS, IDs and Classes along with the @media to control the adaptive behaviour, in this case preventing it from happening.

Lunchbox

Lunxhbox Multi-Page Microsite –
Old Tesco Layout

This was a multi-page microsite designed to uplift sales of packed-lunch related food stuffs for a range of brands including Tesco-own brands.