Design awards and design results are not the same thing. The websites that win design recognition and the websites that convert visitors into customers overlap less than the industry would suggest. Some of the trends that have dominated NZ and international web design over the past few years are aesthetically strong, technically impressive and measurably bad for commercial performance. Understanding which trends fall into this category is not an argument against design quality. It is an argument for knowing what you are optimising for.
Full-screen video heroes and the performance cost nobody mentions
The full-screen autoplay video hero became a standard for premium brand websites during a period when bandwidth was less of a constraint and desktop was the dominant browsing context. Both of those conditions have changed significantly.
On mobile, a full-screen video hero requires downloading a large asset before any usable content appears. Autoplay is blocked on mobile browsers by default, so the video either fails to load or loads silently without the visual impact it was designed to create. The visitor sees a large, slow-loading section where nothing happens, then content below it. From a Core Web Vitals perspective, the Largest Contentful Paint score for a video-hero page is almost always worse than an equivalent image-hero page, which directly affects search rankings.
From a conversion perspective, a video hero that takes two seconds to load before the visitor sees anything about what the business does is two seconds of blank or loading content before the first commercial impression. For visitors who arrive via a specific search query and need to quickly assess whether the site is relevant, that delay is a genuine friction point.
None of this means video is wrong on websites. Video used deliberately, at appropriate scale, loaded progressively and placed where it serves a specific content purpose, can be effective. Full-screen autoplay video as a default hero treatment is a design trend that prioritises a particular aesthetic over the commercial reality of how visitors actually experience it.
Minimalist navigation that hides what visitors need
The trend toward minimal navigation, often reduced to a single hamburger menu regardless of device, or to three items in the header with everything else buried in the menu, has a clear aesthetic logic. It looks clean. It keeps the design uncluttered. It works well in design mockups where the viewer's attention is on the visual composition rather than on trying to find information.
Visitors have a different experience. A business with six distinct service areas that displays only "About," "Work" and "Contact" in the navigation is forcing every visitor who arrives from search to hunt for what they came to find. A professional services firm whose homepage visitors are trying to assess whether the firm handles their specific type of matter is making that assessment harder by keeping navigation minimal.
The data on navigation usability consistently shows that visitors who cannot find what they are looking for within a few seconds leave rather than explore. This is not about users being impatient. It is about intent-driven behaviour. Someone who searches for a specific service and arrives at a site where that service is not obviously accessible from the homepage has no particular reason to invest time in figuring out the navigation structure.
The design decision here is about what navigation is for. If the job of navigation is to look clean, minimalism succeeds. If the job is to help a visitor with a specific need move efficiently toward the content that addresses it, navigation needs to reflect the visitor's priorities, not the designer's aesthetic preferences.
Heavy parallax and its effect on content consumption
Parallax scrolling, where different page elements move at different speeds as the visitor scrolls, can create a sense of depth and visual interest that is genuinely engaging. It can also make content significantly harder to consume.
The problem is that parallax-heavy pages break the standard reading flow. Text that moves at a different rate to the background becomes harder to track. Content sections that slide in or out as the user scrolls create uncertainty about whether the content has fully loaded or is still arriving. Visitors who are trying to evaluate whether a business meets their needs need to be able to read the content efficiently. Heavy parallax creates a situation where the reading experience itself requires effort, which is cognitive load that would be better spent on the content.
The commercial cost of this is visible in session recordings. On parallax-heavy pages, visitors tend to scroll more erratically, hover over sections to see if they are done moving, and miss content that was in transition when they passed it. The visual effect is impressive. The content absorption rate is lower.
Used selectively, as a visual accent rather than a structural principle, parallax can enhance rather than undermine the reading experience. Applied comprehensively as the main mechanism of page structure, it is a design choice that prioritises the visual experience over the informational one, which is the wrong priority for pages with a commercial purpose.
Typography as content, and what gets lost
Type-led design, where large-scale typography carries most of the visual weight and content is often reduced to sparse text at dramatic scale, has become a strong trend in premium brand websites. It looks exceptional in certain contexts: fashion brands, design studios, creative agencies where the aesthetic is itself a product demonstration.
For NZ businesses where the website's job is to communicate specific value to a buyer who is evaluating a purchase, a typography-first approach often removes the content density that those buyers need to make their assessment. A professional services homepage that displays one large typographic statement and minimal supporting text looks extraordinary and tells the arriving visitor very little about whether this firm handles their type of matter, what the engagement process looks like, or what differentiates it from the alternative they are also evaluating.
This is not an argument against strong typography or visual restraint. It is an argument against using the visitor's screen real estate for visual effect at the expense of the information they came to find. The NZ businesses that consistently convert well from their websites are the ones where the design and the content are working toward the same goal: helping a specific visitor understand quickly whether this is the right answer to their problem.
Excessive whitespace and the CTA that disappears
Whitespace in design creates breathing room, improves readability and communicates quality. These are real benefits. There is also a threshold above which whitespace causes commercial problems.
A page where the hero occupies the full viewport, the first content section begins after a generous scroll, and the CTA appears at the very bottom after the content is fully consumed is a page where many visitors leave without ever reaching the action the page was designed to produce. Not because they decided against it. Because they never saw it.
This is a measurable problem, not a speculative one. Session recordings and scroll depth data consistently show that a meaningful percentage of visitors to most pages never reach the bottom. The proportion varies by page, by traffic source and by content quality, but on a page where the only CTA is at the bottom, the effective CTA reach is not 100% of visitors. It is whatever percentage scroll far enough to see it.
The design resolution is not to remove whitespace. It is to ensure that a CTA is accessible at multiple points in the page, not only at the end. A visitor who reads the hero section and immediately knows they want to make contact should not have to scroll the entire page to find the contact mechanism. A visitor who needs more information before deciding should be able to read it and find the CTA without returning to the top.
The animation-first build and its mobile reality
Motion and animation in web design, when well-executed, can communicate personality, guide attention and create a sense of craft that distinguishes a site from its competitors. This is genuinely true and a legitimate use of animation.
The problem is the execution. Animation that loads synchronously before content, that runs on every element regardless of whether the device supports it smoothly, and that has not been tested on mid-range mobile hardware produces a different experience than the desktop demo. On a mid-range Android phone on a standard NZ mobile connection, a page with extensive animation often feels sluggish, with elements popping in erratically and the page feeling unstable while animations resolve.
The visitor on that device is having a qualitatively different experience than the designer who built the site on a MacBook Pro connected to fibre. The conversion rate implications are real: a site that feels fast and polished on developer hardware and slow and unreliable on the median visitor's actual device is converting from two different user experiences, and the lower-quality experience is the one most visitors have.
Testing on actual device types, on actual connection speeds, is not optional when animation is a significant part of the design. The animation that looks impressive in a browser on a fast machine and degrades badly on mobile is not a good trade-off. The sites that maintain high conversion rates across device types have made deliberate choices about which animations are worth the performance cost and which are not.
The design that performs
None of these observations suggest that websites should be functional and aesthetically neutral. Design quality is a genuine competitive advantage for NZ businesses in a market where many websites look similar. The visual impression a site creates in the first few seconds shapes how a visitor assesses the business's credibility and quality.
The distinction that matters commercially is between design that serves the visitor's experience and design that serves the designer's portfolio. The former enhances clarity, guides attention toward the right actions, communicates brand quality without friction, and works across the range of devices and connections that actual visitors use. The latter looks exceptional in screenshots and works against the visitor's intent when they arrive with a specific purpose.
The best websites in any category manage to be both visually strong and commercially effective. Achieving that combination requires treating conversion performance as a design constraint, not as something to be measured after the aesthetic decisions have been made. Design trends that assume a captive, patient, desktop viewer optimising for visual pleasure produce impressive-looking sites. They do not produce the results that the business invested in a new site to achieve.
