Portfolios That Work on Any Screen: Rethinking Case Studies for UK Studios in 2026
Photo: designer reviewing responsive portfolio website on laptop and phone, via images.stockcake.com
The PDF has become a dead end
For years, the PDF portfolio was a practical calling card. It could be designed with precision, attached to an email and printed for a meeting. In 2026, it is a less comfortable fit. Clients browse on phones between appointments. Procurement teams expect a link rather than an attachment. Accessibility requirements make a fixed document harder to defend. A PDF can be difficult to update, awkward on small screens and invisible to search engines. More importantly, it cannot easily show the outcome of a project alongside the process that produced it. UK design studios are therefore moving their principal case studies onto the web.
What UK clients expect now
Much of the research happens before the first conversation. A prospective client wants to see relevance: sector, scope, budget, timeline and result. They scan rather than read. They may arrive from a search result, a LinkedIn post or a recommendation, and they will judge quickly. Public-sector expectations add another layer. Since the Public Sector Bodies (Websites and Mobile Applications) Accessibility Regulations 2018 came into force, accessibility has become a familiar requirement in UK public procurement. WCAG 2.2 AA is now a reasonable baseline for any studio presenting digital work. That means alt text, keyboard navigation, sufficient contrast, clear headings and captions or transcripts for video. Private clients benefit from the same discipline, even when they do not ask for it.
Structure a scannable project story
An interactive case study should read like a concise project narrative, not a gallery with a paragraph attached. Begin with the problem statement: what was at stake and why the work was needed. Then set out the studio's role and scope, including collaborators where relevant. Describe the constraints, whether budget, time, regulation or legacy systems. Explain the approach and the key decisions, using short paragraphs and informative subheadings. End with outcomes and evidence. A UK audience tends to respond to clarity and understatement, so avoid inflated language. If confidentiality prevents naming a client, use a clear anonymised descriptor and say so.
Build accessibility in, not on
Accessibility is not a final checklist applied after the visual work. It is part of the design argument. Use semantic HTML and a logical heading order. Write alt text that explains the purpose of an image rather than repeating its caption. Ensure that colour is not the only way to convey meaning. Test the page with a keyboard and at different zoom levels. Avoid carousels that cannot be paused or menus that depend on hover. If a downloadable PDF summary is offered, it should also be accessible. The core content should remain available on the page itself.
Elements every 2026 portfolio page should include
A useful case-study page is more than a portfolio image. It should give a client enough information to decide whether to make contact. The following elements are a practical baseline for UK studios in 2026.
- A client or anonymised descriptor and the sector in which they operate
- A clear problem statement, written in plain language
- The studio's role and scope, including collaborators and client responsibilities
- Constraints such as budget, timeframe, regulation or existing technology
- A concise account of the process and the key decisions taken
- Visuals with meaningful alt text and explanatory captions
- Measurable outcomes, with the method and timeframe stated
- A testimonial or client quote, used with permission
- Related services and a clear contact route
- A publication or review date, so readers know the work is current
- An accessible downloadable summary if a leave-behind is needed
- Attention to page performance, privacy and mobile use
Measurement and maintenance
Interactive pages can be measured, but measurement should respect privacy. Analytics can show which case studies attract attention and which lead to enquiries. That information helps a studio decide what to publish, what to update and what to retire. A portfolio is not a bottle; it is a living product. Review it quarterly, correct outdated claims and remove projects that no longer represent the studio's direction. The result is a body of evidence that improves with use.
The studio site as proof
At MJ Design Studio, we treat portfolio pages as part of the design argument. They should demonstrate the same care that the studio would bring to a client's website: clear structure, accessible interactions and evidence rather than assertion. A polished case-study page does not need to be elaborate. It needs to help a busy reader understand the problem, the response and the result without downloading a file or guessing what happened.
From archive to asset
Static PDFs will not disappear entirely. They remain useful as short leave-behind summaries or printed handouts. But the main portfolio should be a living, accessible and responsive asset. In 2026, UK studios are judged by how clearly they explain their work. Interactive case studies are not a trend for its own sake. They are a practical response to client behaviour, accessibility expectations and the need to show measurable value. The studios that adapt will make it easier for clients to understand the work and easier for those clients to say yes.