- Case study
- Case study
Resolve to Save Lives
- Case study
Inventory Planner by Sage
- Case study
Anglia Ruskin University
- Case study
The Klezmer Institute
- News
Imperial College London website redesign
Clearleft worked with Imperial College London to transform the university’s website, aligning an ambitious new strategy with a bold new brand.
- Case study
Imperial College London
- Case study
Ingenia
- Viewpoint
Making the Patterns Day website
The joy of getting hands-on with HTML and CSS.
- Case study
Strutt & Parker
- Case study
The Baillie Gifford Prize for Non-Fiction
- Tiny Lesson
Designing a Utopian layout grid: working with fluid responsive values in a static design tool.
A layout grid is a useful aid for a designer organising information in a given space. Although these grids have their roots in print design, where dimensions are fixed, fluid layout grids still have some utility in responsive design.
- Case study
Malvern Panalytical
- Case study
Neon
- Tiny Lesson
Tiny Lesson: How to run an ERT test
A tiny lesson on how to run a BERT test to measure how people perceive your brand.
- Tiny Lesson
Tiny Lesson: Sketching, the timeless design tool
Katie shares a tiny lesson on a foolproof, simple, design tool.
- Viewpoint
How to measure content
Five different ways to demonstrate the impact and effectiveness of content.
- Viewpoint
What is UX writing and why does it matter
Good content is one of the most fundamental elements of good design. Here’s why everyone’s talking about UX writing
- Case study
Theirworld.org
- Viewpoint
Travelling light
Whenever I head off into the Great Outdoors I do like to be prepared, which is really just the Scouts way of saying ‘planning for the worst’.
- Viewpoint
Introducing 'Voice Guidelines': for all your voice UI design needs
When you're designing for a new medium such as voice interface, it's helpful to have all the concise guidance in one place. To to solve this problem, we created voiceguidelines.clearleft.com.
- Viewpoint
A light touch
In recent years, technological advances have enabled easier and more open connections between the digital and physical worlds. As a result we've seen a host of amazing products that have capitalised on the ability to be 'connected'.
- Case study
Wellcome Library
- Case study
Wellcome Trust Digital Stories
- Tiny Lesson
Accessibility in modal dialogs
In addition to standard dialog ARIA-roles, focus management is crucial if you wish to build a more accessible modal dialog.
- Viewpoint
It’s not a straight story. Designing with narrative for non-linear experiences.
It’s the end of the day and the orange street lights are coming on. Tucked between the skyscrapers of London’s Liverpool Street station there’s a terraced house, no more than 4 storeys high, a rich smell of wood smoke, and baked bread. Candles flickering in the window.
- Viewpoint
When loading fast means learning fast
When designing for performance means killing some darlings, making hard decisions and realising that it’s not about the design, it’s about the user.
- Viewpoint
On web typography
Typography - it’s at the heart of the web experience but with so many different options available it’s sometimes hard to know where to start when designing. Font stacking, embedding or web fonts? And what’s more important, brand or user experience? And what does this all mean for the designer who just wants to try and make type look great across as many devices as possible without losing their mind?
- Viewpoint
Tate Modern’s multimedia guide – a review
Ben visits the Tate Modern and reviews their multimedia guide. He finds some usability issues, and some great opportunities in the near future.
- Viewpoint
On Responsive Design
A final year student studying Interactive Design at Nottingham Trent University recently asked us some questions about Responsive Web Design. This is our response.