paper-plane mail arrow-left arrow-right arrow-up arrow-down cross phone

Craig Kershaw

UX Designer & UI Developer

Portfolio

  • All
  • UX
  • UI
  • +other

BubbleStorm

A multi-touch table top interactive brainstorming system to help facilitate designers brainstorm techniques efficiently and dynamically.

As part of my university assessment for Advanced Design and Evaluation of Interactive Systems. We used an iterative design process, which encompassed understanding and evaluating the users, using techniques such as critical incident interviews and task analyse. Then, inventing new ideas through oral brainstorming and sketching, and prototyping with paper and a first video prototype, and finally evaluating the system with heuristics, critiques and walkthroughs. We then went back through the process to improve and redesign the system in to the final video prototype.

Photo of Prototype Storyboard
Screenshot from the first video prototype
Screenshot from the first video prototype
Screenshot from the final video prototype
Screenshot from the final video prototype

Master Thesis

My Master thesis presents a user study aiming at examining the effect of location sharing feedback on users’ privacy behaviour when presented as a continuous feedback, and with a heat map. Ultimately I found neither of the feedback methods have any impact on their activity, however, a correlation between privacy concern and privacy behaviour is found.

This was achieved by developing different privacy settings and privacy feedback on to the Firefox mobile operating system using HTML5/CSS3/JavaScript, and then evaluating users behaviours and concerns in a user study designed by myself.

Process of userstudy
Screenshots from the mobile devices
Screenshots from the heatmaps, same data different privacy settings

USKOMATON

During a 2 week summer school in Helsinki, Finland, as a group, we were challenged with brainstorming and developing a new business innovation around the area of smart spaces. We presented a new interactive system for fitness studios to help schedule gym equipment during peak times.

As well as brainstorming, we made quick paper prototypes, developed a business model canvas and a pitch deck, which we presented at the end of the 2 weeks and were awarded with winning the smart spaces summer school as Best Entrepreneurial Team.

Smart Spaces Summer School
Photo of Quick Paper Prototype
The USKOMATON Team
Summer School Winners

National Railway Enquiries

NRE is the leading website in the UK for rail travel including train company information and promotions, train times, fares enquiries, ticket purchase and train running information.

During my time as a UI developer, I maintained the front-end web presence as well as developing many improvements and new features. I also developed the mobile website and took part in the front-end development of a NRE desktop application for the launch of Windows 8

Screenshot of NRE Homepage
Screenshot example of journey results on NRE website
Screenshot of NRE Mobile site
Screenshot of NRE Mobile site

Airport Infotainment

An interactive system, using PICO projectors, to combat boredom and annoyance while having to wait at an airport.

As part of my university assessment for a HCI Bootcamp. Over the course of a week we used an iterative design process, using techniques such as critical incident interviews and grounded theory. Then, inventing new ideas through oral brainstorming and video brainstorming, and prototyping with paper and a first video prototype, and finally evaluating the system with focus groups and generative walkthroughs. We then went back through the process to improve and redesign the system in to the final video prototype.

Photo of Airport Infotainment Poster
Photo of Airport Infotainment Poster
Screenshot from the final video prototype
Screenshot from the final video prototype

Monmaps

A mapping application for creators, allowing people to share personalised maps with others for recommendations and personalised tours.

As part of my university assessment for Innovation and Entrepreneurship. We were tasked with developing a business from the conceptual stages to a full business model. We presented at various student start up events around Paris. We developed a Business plan, Wireframes, and working HTML5/CSS3/JavaScript prototype.

Balsamiq Wireframe of Monmaps service
Balsamiq Wireframe of Monmaps service
Balsamiq Wireframe of Monmaps service
HTML prototype of Monmaps service
HTML prototype of Monmaps service
HTML prototype of Monmaps service
HTML prototype of Monmaps service

Canon

As a Front-end web developer, I created many small web projects for Canon Cameras. Some example screen shots can be seen to the right.

The first is a registration portal for the Canon.ID which was included in a bigger Irista project. The second I was on a freelance project, creating a responsive website for reading articles.

Canon ID registration
Canon ID registration
Canon ID registration
Canon cfd news and article reader
Canon cfd news and article reader
Canon cfd news and article reader

The Bubble Cursor

Extension of the bubble cursor in to a context menu, where the menu items' sizes increase depending on the frequency of clicks. Thus, facilitating access to the most frequent items making menu selecting more instinctive and gesture-like

As part of my university assessment for Fundamentals in Human Computer Interaction. The bubble cursor was recreated using JavaScript. Optimised for Desktop only.

Screenshot example of the Bubble Cursor

Smith & Nephew

Smith & Nephew specialise in Advanced Wound Management and Surgical Devices for Orthopaedic Reconstruction, Sports Medicine and Trauma.

Using HTML5/CSS3/JavaScript I developed the new layout for the Smith and Nephew website as well as working closely with the UX team to deliver a new two week challenge to increase registrations from potential customers.

Screenshot of Smith & Newphew website
Screenshot of Smith & Newphew website
Screenshot of Smith & Newphew Two Week Challenge
Screenshot of Smith & Newphew Two Week Challenge

Nytol

Nytol sleeping aids required a visually impactful website to showcase their products to potential customers.

Working closely with the creative teams, I created there desktop website with HTML5/CSS3/JavaScript to WCAG & W3C standards

Screenshot of Nytol website
Screenshot of Nytol website
Screenshot of Nytol website

Volunteering

I am an avid, enthusiastic volunteer and love to help out in any way I can. Some of the volunteer projects I helped out in, that I'm most proud of include, Kick-off events, conferences, meetups for my University program (EIT Digital), The London Olympic and Paralympic games 2012 and I'm always happy to help friends out with websites, photoshoots, and their own events.

Volunteering for an EIT event
Volunteering for an EIT event
Volunteering for the London Olympics 2012
Volunteering for the London Olympics 2012
Volunteering for the London Olympics 2012

UX Workshop

I enjoy being an active participant of many industry related events, such as workshops, lectures and meetups.

Recently I started getting involved with UX workshops. At the workhops, we identify key fall out points in a client’s website, which is trying to engage with users. We then develop our ideas, create quick paper wireframe prototypes and then create digital versions in Sketch and present them back to the client. I am hoping to get more involved in these workshops, by helping with hosting future events.

Interviewing people
Sketching
Sketching Wireframes
Working on digital Wireframes on Sketch
Presenting our solutions

Twitter Clock

As part of my university assessment for Creative Design. The Twitter Clock is a simple web app concept to tell the time through tweets, by searching tweets that mention the specific time and following on with what the person tweeted about at that specific time. The aim is to make the clock funny and more personal by providing twitter "reviews" of the specific times.

The clock was created using HTML5/CSS3/JavaScript and the Twitter API as well as a Speech Reproduction plugin. You can see the prototype from the link below.

Interviewing people
Sketching
A photo of Craig Kershaw

Hallo!

I'm Craig Kershaw and I'm a UX Designer and UI Developer. I'm originally from Yorkshire in the United Kingdom, but I've since moved on to live, work and study in London, Paris and now Berlin.

I come from a background of Front-end Web Development and have 6+ years working in the digital advertising agencies in the UK. In September 2013 I decided to quit my Job, leave the UK and start studying for my Double Master’s degree in Human Computer Interaction in Paris and Berlin.

I have just finished my Master Thesis and now I'm available for Permanent or Freelance work in Berlin, I'm am looking for an entry-level position as a UX or Interaction Designer or a mid-level position as a UI Developer.

I'm a happy, friendly person with a motivation to keep learning and improving myself. I'm passionate about getting to know users concerns and creating innovative solutions to overcome these.

Please take a look at some of my work from my previous employment and university courses above, in my portfolio. Also, you can find my skills and contact information below. Or go take a look at my CV

UX - User Experience Design

  • Brainstorming/Ideation
  • User Research
  • Interative Design Process
  • Paper Prototyping
  • Wireframing
  • Adobe Photoshop/Illustrator
  • Sketch/Balsamiq/POP

UI - User Interface Development

  • HTML 5
  • CSS 3
  • Sass
  • JavaScript
  • jQuery
  • Web Accessibility (WCAG)
  • W3C Standards

+ - Other

  • Native English
    Intermediate German (B1.1)
  • Volunteering
  • Actively involved in industry events/meetups
  • Crafts
  • Hiking
  • Baking

Please feel free to get in touch if I can help

Thanks for stopping by :-)