Rollup Banner

The rollup banner concepts for the exhibition have been designed in Photoshop and presented on Photoshop Mockup representations. I decided to design to a two banner concept design, this was due to looking other inspirational concepts. Two banners allow for more content spread and a good design. For both banners, I included a top banner strip which includes the logo, app name and block colour. Then in the bottom of the banner there is a download on the app store icon, website address for the project and social networking icons: Facebook, Twitter and Snapchat. In the first banner I used a Photoshop Mockup of the home page of the app. Then for the second banner I used Instagram fashion imagery, concept overlays representing features in the app as well as loading style squares highlighted in a block blue.

Please see my rollup banner Pinterest board for my inspiration thoughts.

Buisness Cards

In designing the ‘I’m Wearing This’ Business Cards, I started developing ideas in Indesign. For the front of the card I chose to utilise the symbolic view of the app icon with the title as underlaid text. The front of the card is a matte black design with a light blue shiny gradient. The back has a gradient blue full background. Font styles include: Futura Bold, Futura Condensed Medium and Helvetica Neue Thin. In the blurb, I have my name, industry defined areas, course title, mobile number, email address and website address. The back of the cards blurb is aligned to the bottom which gives a clean look to the design. A Photoshop Mockup was used for the presentation of the designs.

Business Card Mockups2Business Card Mockups3Business Card Mockups4

I took inspiration from the following designs:

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.

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.

WK25_NON_CLOTHING_MOCK(1)

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.

WK24_W_LP

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.

MW FOOTWEAR OP_WK23

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.

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.