Published by eproductions · Athens, Greece · Est. 1997 ·
July 28, 2026
Building Websites for Clients Who See Everything
mousegraphics · RKTKTS · Dimitris Poupalos
A packaging design studio ranked No 1 in the world by Pentawards · An Athens architectural practice · A Hasselblad Masters Award nominee · Three different engagement models — development only, design and development, and pixel-perfect migration — for three clients whose profession is noticing what everyone else misses.
Most clients evaluate a website by feel. They know when something is wrong, but not always why — and a competent agency can usually smooth over the difference. Then there is the other kind of client: the one who can name the exact margin that is off, the specific alignment that fails, the transition that runs forty milliseconds too long. Working for people who read visual precision professionally is the closest thing web work has to peer review. It is also the fastest way to find out how good you actually are.
Over the past period, eproductions has completed three projects for clients in this category. A packaging design studio that has been ranked No 1 in the world. An architectural practice whose partners have spent decades designing spaces people live inside. A photographer nominated for the most prestigious award in professional photography. Three different disciplines, three different engagement models — and one shared condition: nothing was going to slip past unnoticed.
This article is about what those three briefs have in common, and what they taught us about building for the design world.
Three Projects, Three Different Models
mousegraphics — Development Only
Packaging & brand design studio, Athens · No 1 in the world top 20 league 2023 (Pentawards) · Studio of the Year: Pentawards 2017, 2018 · Dieline Awards 2015, 2016, 2018 · 40+ years · Clients include Danone, Nongfu Spring, Volvic, ION · Our role: custom WordPress development. Design by mousegraphics.
mousegraphics designed its own website — every layout, every typographic decision, every interaction concept. Our engagement was to build it. In the agency world, development only is sometimes treated as the lesser half of a project. This brief is the strongest argument against that view: implementing a design authored by the world's top-ranked design studio is not mechanical work. It is a discipline of fidelity.
The site presents dozens of international projects — work across China, the USA, the UK, Brazil, Canada, India, Lebanon and Saudi Arabia — each represented by high-resolution imagery, because for a packaging studio the image quality is the portfolio. Hundreds of large visuals on one scrolling surface is exactly the scenario that produces slow websites. We built a fully custom theme with a multi-layer image pipeline so it does not.
RKTKTS — Design and Development
Architectural studio, Athens · Founded 2020 by Andreas Agiostratitis and Nikos Koukourakis · Private residences, luxury apartment buildings, bespoke renovations, hospitality · Our role: custom web design and development.
The inverse engagement. Here the creative responsibility was ours — and the audience for that creative work was two practising architects whose entire professional training is the evaluation of proportion, alignment, rhythm and space. Every margin we chose would be read by people who read space for a living.
The governing principle became: the website's job is to disappear behind the work. Full-bleed imagery so the photography occupies the screen the way a building occupies a site. Restrained typography, present only where it carries information the image cannot. Negative space treated the way an architect treats it — as an active compositional element rather than leftover area. Navigation reduced to exactly what the informational job requires and nothing more.
Dimitris Poupalos — Preservation Migration
Architectural & industrial photographer, Athens · Hasselblad Masters Award nominee · dpoupalos.com · Our role: pixel-perfect migration from a bespoke legacy system to custom WordPress, advanced image pipeline, custom CMS backend.
The third model is the rarest and, in some respects, the most technically demanding: not build something new and not implement our design, but reproduce what already exists, exactly, on a better foundation. The original site ran on a custom proprietary platform with interaction sequences and animation timings that had been refined until they felt exactly right. All of it had to survive the move intact.
Custom animations built on a legacy system have no WordPress equivalent. They have to be documented frame by frame, reverse-engineered at CSS and JavaScript level, and rebuilt from scratch with enough precision that the photographer — who knows exactly how these interactions should feel — cannot detect the difference. Alongside that, the image pipeline had to serve medium-format photography at full professional quality without the loading delay that resolution normally implies.
What the Three Briefs Have in Common
Different disciplines, different engagement models, different technical problems. But the underlying requirement is identical in all three, and it is worth naming precisely.| Dimension | mousegraphics | RKTKTS | Dimitris Poupalos |
|---|---|---|---|
| Our role | Development only | Design + development | Migration + preservation |
| Design authority | The client | eproductions | The existing site |
| Primary content | Packaging photography | Architectural photography | Medium-format photography |
| Core technical challenge | Pixel fidelity + image weight | Minimal precision + image weight | Animation reproduction + image weight |
| Design register | Minimal, grid-led | Minimal, full-bleed | Minimal, work-first |
| Measure of success | The visitor remembers the work, not the website | ||
Every one of them is minimal — and minimal is maximum engineering
There is a persistent assumption that minimal websites are easier to build than visually dense ones. All three of these projects demonstrate the opposite. A busy layout has a thousand places for imperfection to hide: a two-pixel misalignment inside a crowded grid disappears into the surrounding noise. Minimal design removes all of that cover. When the page consists of an image, a line of type and a large amount of considered space, then the alignment of that type, the exact dimensions of that space and the behaviour of that image are the design. Everything is exposed, and every decision has to be individually correct.“A busy layout hides its flaws. A quiet one has nowhere to put them. This is why the simplest-looking sites are the hardest to build — and why they are the correct answer for anyone whose work should be the only thing on the page.”
Every one of them is image-heavy — and image weight is an engineering problem, not a law of nature
Packaging photography, architectural photography, medium-format industrial photography. In each case the images are the product, and compressing them into visual mediocrity to gain loading speed is not an acceptable trade. The assumption that a visual portfolio must therefore be slow is an engineering failure rather than an inevitability. The same multi-layer pipeline solved it in all three: modern format conversion (WebP, AVIF) that holds visual quality at substantially smaller file sizes; responsive delivery so a phone never downloads a desktop-resolution asset; and viewport-priority loading so the images currently on screen arrive immediately while the rest of the portfolio loads progressively behind the scroll. Combined with a lightweight custom codebase, hundreds of high-resolution images can feel as immediate as a text page.Every one of them required a custom build
None of these three sites could have been produced by adapting an existing theme. A template imposes its own grid system, spacing scale, typographic defaults and component behaviours — and adapting it to a bespoke design means fighting those assumptions with override upon override, producing a heavier codebase, slower performance and inevitable small deviations from intent. For clients whose entire value proposition is design judgement, a recognisable template is also a direct contradiction of the message.Four Things These Clients Taught Us
Design-literate clients raise the standard permanently
When a client can identify the specific margin that is off rather than just sensing that something is, there is nowhere to hide an approximation. That pressure is uncomfortable in the moment and enormously valuable afterwards — because the standard it establishes does not reset when the project ends. It becomes the baseline for everything that follows.
Fidelity is a discipline distinct from creativity — and equally demanding
Two of these three briefs required us to subordinate our own aesthetic instincts entirely: to someone else's finished design in one case, to an existing resolved site in the other. Agencies that treat implementation as the lesser half of web work produce exactly the small compromises that designers notice immediately. Treating it as a craft in its own right is what earns clients at this level.
For a creative portfolio, restraint is functional, not stylistic
The website of a creative practice exists to present that practice's work. Any design decision that draws attention to the website itself is taking attention away from what the visitor came to see. This holds for packaging designers, architects and photographers identically — and the best compliment such a site can receive is that the visitor never thought about it at all.
The engagement model should follow the client's design authority, not the agency's preference
mousegraphics needed a builder, not a co-designer. RKTKTS needed both. Poupalos needed a preservationist. An agency that offers only one of these models will inevitably push clients toward the wrong one — usually toward more creative involvement than the situation calls for, because that is the more flattering role. Asking who holds design authority, and then genuinely accepting the answer, is the first honest question of any creative-sector brief.
Frequently Asked Questions
What should a creative professional look for in a web development partner?
Three things specifically. First, evidence of fidelity: examples where the agency implemented a design faithfully rather than reinterpreting it, because reinterpretation is the most common failure in creative-sector work. Second, image performance capability: ask what their pipeline is for serving high-resolution photography quickly, and expect a specific answer involving modern formats, responsive delivery and loading strategy rather than a general reassurance. Third, willingness to work in whichever engagement model the situation calls for — including development only, if the design authority sits with the client.
Should a design studio, architect or photographer design their own website?
It depends entirely on where design authority genuinely sits and how much time the practice can commit. A studio with a strong internal design capability and the capacity to use it — as mousegraphics has — often produces a better result designing its own site and engaging an agency purely for implementation, because nobody understands the practice's visual language better. A practice whose principals are fully occupied with their own client work is usually better served by an agency handling both halves, provided that agency can demonstrate genuine restraint. The wrong answer is designing it yourself with insufficient time, which produces a compromised result on both sides.
Why do minimal portfolio websites cost more than they look like they should?
Because the visible simplicity is the output of a large amount of invisible decision-making and engineering. Every proportion has to be individually resolved rather than absorbed into surrounding visual complexity. Custom themes have to be built from zero because templates impose their own grid and typographic assumptions. Image pipelines have to be engineered specifically for the resolution and quantity of assets involved. A minimal site that looks effortless and loads instantly represents substantially more work than a busier site that does neither — the work is simply not visible in the result, which is precisely the point.
What is the difference between a website redesign and a preservation migration?
A redesign changes the design; a preservation migration changes only the foundation beneath it. The second is appropriate when a site's design and interaction language are already resolved and working, but the underlying platform is obsolete, unmaintainable or creates a developer dependency the client wants to escape. The work involves documenting existing behaviour precisely, reverse-engineering custom interactions, rebuilding them in the new environment and testing until the difference is undetectable. It frequently takes longer than building an equivalent new site, because the measure of success is invisibility rather than novelty.
If your work is the argument, the website should get out of its way.
eproductions designs and builds websites for design studios, architecture practices, photographers and creative professionals — in whichever engagement model the brief actually calls for. Development only against your finished design. Full design and development. Or preservation migration of a site that already works, onto a foundation you own.
Three recent projects, three different models, one standard: the visitor should remember the work.
- Custom design and front-end development for creative practices
- Development-only engagements — pixel-perfect implementation of your design files
- Preservation migration from legacy and bespoke systems
- Advanced image pipelines — WebP/AVIF, responsive delivery, priority loading
- Custom WordPress backends for independent portfolio curation
Get in touch:
