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 Occasionwear

In updating River Islands’ Occasionwear page, I was given the below graphic layout of the pages proposed composition. The key aspects included on the page are image links,  live text,  break points, a full width background image and a duplicated 1 pixel banner to the left and right side of the header image.

OCCASION OP_UPDATED

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

Women’s Occasionwear

In update of River Islands’ Women’s Occasionwear page, I was given the below graphic representation of the pages proposed design layout. The key aspects included on the page are image links, hover-over images, live text, break points, a 100% width background image and a duplicated 1 pixel banner to the left and right side of the hero image.

LCB_OP2

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