b&w header2 copy.jpg

I am a designer specialising in UI, UX, layout, & composition.

ABOUT ME

I work on a range of self-initiated and live briefs to both expand my experiences and work on issues I’m passionate about. Research is a vital and valuable tool for me in order to produce a well-considered final outcome suitable for a range of target audiences.

I communicate regularly with others in order to reach informed conclusions about my work during the production process, as evidenced by my work with the relaunched BHS.COM, and whilst I am well versed in industry standard software, I experiment with a broader range of programs and production tools in order to achieve the best possible outcome.

 
 

LOCATION

LONDON, UK

EMPLOYMENT

Junior Digital Designer
BHS.COM
Sept 2016 - Present

EDUCATION

LOUGHBOROUGH UNIVERSITY
(BA) Graphic Communication & Illustration 2016

Screen Shot 2016-04-18 at 15.56.28.png

REGULAR EXPERIENCE USING:

Adobe XD, Sketch, Webflow, HTML/CSS, Photoshop, Illustrator, InDesign, Hybris, Klevu, Nosto, Google Analytics/Optimize...

ROLE / RESPONSIBILITIES:

Emails, Homepages, Page Templates, Content Maintenance, Image Resizing, Social Media, Advertising, Dev/Coding, Campaigns, Team Tunes (radio).

Advertising

The following are examples of the advertising that I created myself that could be seen across mainline train stations across London during AW17, as part of the 'We're Back' campaign. They were visible for two weeks in Euston, Kings Cross, Liverpool Street, Victoria and Waterloo stations with an expected 3.2m impressions.

BHS_Final_1.png
BHS_Final_2.jpg
BHS_Final_3.jpg

Advertising as part of this ongoing campaign has appeared in The Guardian, GoodHomes and more.

 2017 'WE'RE BACK' ADVERT

2017 'WE'RE BACK' ADVERT

 2017 PRINT WORK

2017 PRINT WORK

Screen Shot 2018-05-15 at 00.30.55.png

Press / Lookbooks

I created the templates and designs for all the Lookbooks and press material for AW17, and SS18, the first time we have done so as a business. It was a challenge to create these templates from scratch, and do some of our first print work as a business, but I had great fun creating these books.

Lookbook was featured in our Press Evening in Soho, available to view below, or at bhs.com/press

View AW17 Lighting

View SS18 Lookbook

View SS18 Lighting

View SS18 Trends

Dev Work

I've been involved in, and have involved myself in lots of small to large scale dev work, from offer banners to campaign launches, delivery components and page templates. Most of our traffic comes from mobile (65.5% May 18) so we follow a mobile first strategy, whilst ensuring every user has a great experience. Work exposed to over 396k users in the last month (Apr-May 18).

 
 Example code - The finished product is shown on all product pages on BHS.COM

Example code - The finished product is shown on all product pages on BHS.COM

 2018

2018

Dev Feature - BUNDLE ADD TO BAG

Our usual product pages have a single quantity selector and add to bag button. I recently coded a bundle addition to test if allowing users to add multiple sizes to their bag without having potentially four page reloads would affect how much was added to their bag (button clicks). The test is on-going, results to be published in due course.

 2018

2018

Miami Campaign Launch

I created a trend page template previous to the campaign brief, as a collaborative cross-team effort, alongside a coded launch banner, social assets, and homepage content. Examples of this are available on request, come and have a chat!

 

Homepages / Campaigns

 2018 - BED & BATH EVENT

2018 - BED & BATH EVENT

I wanted an event to be more than just a discount and a banner. My idea was an event experience, cross-channel, with numerous touch points, so to the customer they got more than just a discounted product. I created tips for social, enriched landing pages with content myself, and coded an accordion banner that was global across the site. It opens out on tap to show shopable category tiles, rather than take you to a big unfiltered category. The background of the banner changed throughout the campaign to show different textures to sell the fabric rather than the products themselves. The format proved to be popular, and has been since used for our other sales and Holiday Shop Launch which I also designed / managed.

 2018 - HOLIDAY SHOP LAUNCH CAMPAIGN

2018 - HOLIDAY SHOP LAUNCH CAMPAIGN

IMG_0468.png

Content Pages

A big part of the work I do for BHS.COM is creating templates for, coding and updating pages for the website, some of which were self-initiated. These have been tested and refined over time as part of an iterative design process. My top three content pages have been viewed by over 100k unique users since launch, and I am fortunate to say I've had a lot of free reign over a multitude of content on the website, examples of which can be viewed below.

 
 2018 - Miami, Quartz, Yellow & Grey, Desk & Shelf...

2018 - Miami, Quartz, Yellow & Grey, Desk & Shelf...

NEW TREND TEMPLATE

Trends are becoming a significant part of the user journey for our business, and I wanted to create a flexible template that could contain both landscape/portrait images without changes to code, across our Homewares and Fashion departments, and last throughout 2018. I've been extremely humbled by the positive feedback by the team, although there's always more components to add to the master template. Designed in Adobe XD, developed in HTML/CSS as well as the use of Webflow.

 2018

2018

Miami

View

 2018

2018

Desk & Shelf Edit

View

 
word-bubble-content-page-examples.png
 
 2017 - Applied a consistent navigational template across the website

2017 - Applied a consistent navigational template across the website

Emails

I have had direct responsibility for both design and coding of the email template, as well as developing functions such as the hamburger menu. I have designed and coded a total of 75+ since joining the business, and these have been released to an email base of over 1M. Our Marketing Manager said she always knew a Stephen email when she saw it, in a good way I'm sure. Emails are designed using Adobe XD to produce a comp before exporting any assets (photoshop etc), finally being coded in Sublime.

 2017

2017

ULTRA SOFT TOWEL LAUNCH

A top pick for me, as most emails are done to a very short time schedule. This launch was very exciting for the business and myself. I wanted to get across the material and customer reviews for the product, and was really happy with how it turned out.

 2018

2018

Big Night IN

A good example of a bedding focused email, featuring instagram highlights from customers.

 2018

2018

Spring Updates

A spring updates email, again focused on the bedding department.

Funkxclamation_Point.png

Above: The new logo, the 'Funkxclamation point' providing a fun, retro identity for the service. The dot doubles as the 'live on air' flashing dot.

CLASSIC FUNK
(2016) Student Project

Self-Initiated rebranding, and reimagining of a nostalgia based radio station to give a unique experience to other online radio stations.

Working+Classic+Funk.jpeg
Showtimes Zoom
 

I was inspired by retro music calendars for clubs and venues in the 70s/80s for the schedule of their own shows, 'Party Funk' and 'Champagne Funk'.

 

I wanted to create an experience, and a user interface that was completely unique to this brand and product. The designs are based around the subject of enjoying a music experience, one that isn't hidden away as a pop up window, as an ode to more traditional listening experiences such as records. This comes in the form of an adaptive website that is desktop/tablet/mobile friendly, and an app for the experience on the go.

 
 

The project was a challenge as I had no experience in Adobe Experience Design before as it had only just been released as a preview at the time. I quickly became confident in using the software and enjoyed the experience of learning something new.

Getting the layout right was also a challenge as I was adamant it would both scale depending on the screen size as well as being completely edge to edge within a browser so instead of a pop up window you forget behind other programs. This website had to be front and centre of attention in order for people to really enjoy the experience of music, something we don't always have.

 

App/ Home

App/ Chart

App/ Radio Showtimes

Created entirely in Adobe XD (Experience Design CC Preview)

(Opens in new tab) www.classic-funk.com

 
 

THIS IS JUST THE TIP OF THE ICEBERG...
DO GET IN TOUCH!

Name *
Name