0%
Loading fonts UX & interaction design
BEN ABBOTT
Web designer · Durham Currently a web designer

BenjaminAbbott

Hi, I’m Ben. I design websites and I like making them easy to use.

I live in Durham and studied interaction design at university. This is where I keep the projects I’m proudest of so far.

See my work Say hello
Benjamin Abbott sitting at a table with a laptop during a design session

Selected work

Things I made while studying interaction design. Each one started with a brief.

Animated projection graphic from Climb Map AR: a glowing ring with radiating coloured lines
MadMapper interface mapping a projection onto a climbing hold
Final interaction design projectAR prototype

Climb Map AR

Create two deliverables: a prototype and a design document, presented professionally, for example through a video prototype. The brief

My final-year project. I went with augmented reality: Climb Map projects animated routes straight onto a climbing wall, so you can see how a problem goes before you climb it.

  • Augmented reality
  • Projection mapping
  • Motion design
  • Video prototype
Read more
Two phone screens from the Morrisons Sustain app concept on a green background
Concept appSustainability

Morrisons Sustain

The food system is responsible for a third of global greenhouse gas emissions. How can we make shoppers aware of the climate impact of their food? The brief

An app idea from my penultimate uni project. You scan a barcode and it tells you where your food came from and what it costs the planet, so you can shop a bit greener without changing your whole life.

  • App design
  • Sustainability
  • UI design
  • Behaviour change
Read more
Designers pinning research onto a wall in the Komodo Digital studio
Agency placementNewcastle

Komodo Digital

Design an application to guide graduates when it's time to start repaying their student loans. The brief

A month working on a real brief with Komodo Digital, a design studio in Newcastle. We went from covering a wall in research to presenting a prototype, and I put my portfolio, CV and cover letter together alongside it.

  • Live brief
  • User research
  • Teamwork
  • Studio placement
Read more

How I work

Nothing fancy. Mostly it’s listening first and testing early.

  1. 1

    Listen

    Find out who’s going to use it and what they actually want from it.

  2. 2

    Sketch

    Get ideas down quickly, before I get too attached to any one of them.

  3. 3

    Prototype

    Build something you can click through or watch move, so we can tell if it works.

  4. 4

    Test and tweak

    Show it to real people, see where they get stuck, then fix it.

A bit about me

I’m Ben, a web designer living in Durham. I studied interaction design, and these days most of my time goes on designing websites.

The part I enjoy most comes before anything gets designed: working out who something is for and what would genuinely help them. I’d like to bring more of my interaction design side back into what I do, especially motion and the odd experiment like Climb Map.

Lives in
Durham
Now
Web designer
Studied
Interaction design, with a placement at Komodo Digital
Into
Websites, prototyping, animation and making things accessible
Contact

Say hello

Want to talk about a website, a job or anything on this page? Drop me an email, I’m always happy to chat.

What I like working on

  • WebsitesDesigning and building them
  • ResearchTalking to the people who’ll use it
  • PrototypesClickable or animated
Final interaction design projectAR prototype

Climb Map AR

Climb Map title slide: XD6003 IxD final project design document by Ben Abbott

The aim of this module briefing is to create two deliverables: a prototype and a design document. You are required to create or finalize your approach and methodology for the prototype. You must communicate and present your prototype professionally, for example, through a video prototype.

The brief

With this in mind, I created an augmented reality project that involved projection mapping to offer a new, immersive, and unique experience. Thanks to my skills in design and animation, I believe I have achieved this with Climb Map AR.

Read the design document PDF, 47 MB
Projection mapping set up in MadMapper
Animated projection graphic created for Climb Map AR
Case study
Concept appSustainability

Morrisons Sustain

Morrisons Sustain launch screen on a phone

The food system is responsible for a third of global greenhouse gas emissions. How can we make shoppers aware of the climate impact of their food consumption?

How can we help them make more informed decisions when food shopping in order to generate lasting behavior change?

Lowering the environmental impact of our food consumption doesn’t require a massive lifestyle change, so how do we support and enable shoppers to do so?

The brief

For my penultimate project, I created an application design and concept that made the shopping experience for customers more environmentally friendly.

This application allowed customers to scan a product’s barcode and receive detailed information on its environmental impact and source.

Read the design document PDF, 26 MB
Home and favourites screens from the Morrisons Sustain app
Morrisons logo on green
Case study
Agency placementNewcastle

Komodo Digital

The Komodo Digital studio in Newcastle

Our task was to design an application to guide graduates when it came time to repay their student loans.

The brief

The main part of this module was to participate in a month-long brief for a local design firm in Newcastle. Our task was to design an application to guide graduates when it came time to repay their student loans. Another aim of the module was to also cultivate this experience and create our own professional website portfolio, CV, and cover letter.

The main process of this module was to gain real-world experience from an actual design firm brief and present it in the same way they would to clients. This gave me invaluable real-world experience to expand my own portfolio.

Watch the project video MP4, 16 MB
Pinning research to the wall in the Komodo studio
Affinity mapping with sticky notes
Case study