Womens’ Essentialedit

In utilizing my skills I have gained through Codeschool and my day to day work. I decided to create a small transition slider feature for River Islands’ Women’s Essential Edit page. The slider was to be used by customers through the mobile version of the page, whereby a customer would tap on an image of a models full outfit and then this would slide to the left uncovering each item of clothing in the outfit. Then for example, the customers can click through to either the outfits jeans, top or jacket.

Below is my draft model, of which I built on CodePen:

I added a transition of 0.8 seconds for the slider function and tested the transition on staging prior to launch, via both an Android mobile and an Apple iPhone.

This is my final model in action, represented on the live site:

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s