RI Occasionwear

In update of River Islands’ Occasionwear page for the 24th June. The key aspects included on the page are image links, hover-over images, live text, a mobile slider, break points and a duplicated 1 pixel banner to the left and right side of the hero and promo2 image.

OCCASION_HP

Below you can see screenshots of my HTML, CSS and JavaScript for the RI Occasionwear page:

The final page was tested on staging the River Island main server, before being made live. The following images are screenshots of the page in desktop, ipad and mobile view.

This slideshow requires JavaScript.

Advertisements

RI Active

In creation of River Islands’  RI Active page. The key aspects included on the page are image links,  pop up video links,  live text,  break points, a mobile slider and left and right positioned extended banners to the sides of the hero image and promo images.

ACTIVE

Below you can see screenshots of my HTML, CSS and JavaScript for the RI Active page:

The final page was tested on staging the River Island main server, before being made live. The following images are screenshots of the page in desktop, ipad and mobile view.

This slideshow requires JavaScript.

Womens’ Essentialedit

In update of River Islands’ Womens Essentialedit page, I was given the below graphic design of the pages chosen arrangement. The key aspects included on the page are image links,  live text,  a desktop slider, two mobile sliders and a full width Get Inspired section.

WWEE2

Below you can see screenshots of my HTML , CSS and JavaScript for the Womens’ Essentialedit page:

The final page was tested on staging the River Island main server, before being made live. The following images are screenshots of the page in desktop, ipad and mobile view.

This slideshow requires JavaScript.

RI Non Clothing OP

In update of River Islands’ Non Clothing Orphan page, I was given the below graphic layout of the pages proposed design arrangement. The key aspects included on the page are image links,  live text,  break points, a desktop slider, two mobile trends sliders and a duplicated 1 pixel banner to the left and right side of the hero image.

NON_CLOTHING_WK15-2-copy

Below you can see screenshots of my HTML, CSS and JavaScript for the Non Clothing Orphan page:

Demonstration screen capture video of the Desktop slider:

The final page was tested on staging the River Island main server, before being made live. The following images are screenshots of the page in desktop, ipad and mobile view.

This slideshow requires JavaScript.

RI PPC Sign Up

In creation of River Islands’ PPC Sign Up page, I was given the below graphic composition of the pages proposed design layout. The key aspects included on the page are an entry form with specified Validation rules for each entry box, a gender dropdown, a terms and conditions tick box, an animated sign up thank you animation, live text and text links.

SIGN-UP

Below you can see screenshots of my HTML, CSS and JavaScript for the RI PPC Sign Up page:

The final page was tested on staging the River Island main server and Wufoo a HTML form builder, before being made live. Wufoo allows us to check that sign up requests are successfully submitted and entered into the system appropriately.

This slideshow requires JavaScript.

RI WW Trends

In update of River Islands’ Womens Trends page, I was given the below graphic layout of the pages proposed design layout. The key aspects included on the page are image links,  live text,  break points, a mobile trends slider and a duplicated 1 pixel banner to the left and right side of the bottom banner.

WW_TLP_WK18

Below you can see screenshots of my HTML, CSS and JavaScript for the RI Womens Trends page:

The final page was tested on staging the River Island main server, before being made live. The following images are screenshots of the page in desktop, ipad and mobile view.

This slideshow requires JavaScript.

RI Home Page

In update of River Islands’ Home page for the 1st April, I was given the below graphic layout of the pages proposed design layout. The key aspects included on the page are image links,  live text,  break points, a mobile trends slider and a duplicated 1 pixel banner to the left and right side of the top banner navigation and hero image.

OCCASION 7

Below you can see screenshots of my HTML, CSS  and JavaScript for the RI Home page:

The final page was tested on staging the River Island main server, before being made live. The following images are screenshots of the page in desktop, ipad and mobile view.

This slideshow requires JavaScript.