Treatmas

Order and unwrap 3 treats in the month of December.

Introduction:

Treatmas is a campaign that runs over the month of December, allowing users of the Just Eat Takeaway.com platform to win prizes after placing an order. The aim of this project was to create an Informative Landing Page and a Terms & Conditions page for the campaign.

Highlighted Features:

Below, I have listed some key features of this project. They include parts elements that I have coded to save time and repetition, features of functionality, and areas of the site that were key for user experience.

menu.html filemenu.htlm file
JavaScript to load menu.htmlJavaScript to load menu.html
Language menu when openedLanguage menu when opened

Language selection:

The Treatmas campaign ran across all markets of which many have more than one language, for example the Swiss market has 3 available languages, German, French and English. Therefore we need to give the consumers the option to change their language.

I did this by creating a menu.html file with all the available options. Then using some JavaScript, we get the language and show the available options on the page.

You can see the other languages here: Ireland, Austria, Switzerland, Belgium, Bulgaria, Germany, Denmark, Spain, France, Italy, Netherlands and Poland.

Tear background on pageTear background on page

Different backgrounds:

One of the harder parts to design on this landing page was the tear across the middle of the page. I needed to split the sections up and provide a different background for the middle section.

As the background needed to have the right amount of spacing I needed to apply a set height depending on the width of the page (50vw) and a minimum height (700px). This mean it could be viewed on large and small screens and would always stay in place.

Terms and conditions pageTerms and conditions page

Terms & Conditions:

As mentioned previously, this project was split into two parts, the Informative Landing Page and the Terms & Conditions page.

The Terms & Conditions page is also built using static HTML and uses the same menu.html file that the Informative Landing Pages use.

You can see the Terms & Conditions pages here: UK, Ireland, Austria, Switzerland, Belgium, Bulgaria, Germany, Denmark, Spain, France, Italy, Netherlands and Poland.

Conclusion:

Using a variety of features, I have been able to create an Informative Landing Page and a Terms & Conditions page to display information on the campaign.