RI Home page

In update of River Islands’ Home page for the 12th June. The key aspects included on the page are image links, hover-over images, live text, an MP4 Video with image overlay, mobile sliders, break points and a duplicated 1 pixel banner to the left and right side of the hero image.

Below you can see screenshots of my HTML and CSS 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.

Womens LP

In update of River Islands’ Womens Landing page. The key aspects included on the page are image links, hover-over images, live text, an MP4 Video with image overlay,  break points and a duplicated 1 pixel banner to the left and right side of the hero image.

Below you can see screenshots of my HTML and CSS for the RI Womens’ Landing 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 Mens’ Shoe Shop

In update of River Islands’ Mens Shoe Shop page. The key aspects included on the page are image links,  live text,  and break points.

Below you can see screenshots of my HTML and CSS for the Mens’ Shoe Shop 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 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.

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.

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 Suits Inspired

In update of River Islands’ Suits Inspired page, I was given the below graphic representation of the pages proposed composition. The key aspects included on the page are image links,  live text,  break points, and a duplicated 1 pixel banner to the left and right side of a varies of promo images.

Below you can see screenshots of my HTML and CSS for the Suits Inspired 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.

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.