Category: SEO Services

  • Brand or Conversion? Finding the Right Balance in E-Commerce.

    Brand or Conversion? Finding the Right Balance in E-Commerce.

    Designing an e-commerce website involves a constant balancing act. You want your store to look distinctive, feel memorable and communicate what makes your business different, but you also need customers to be able to navigate the site easily, understand your products and complete a purchase without unnecessary friction.

    This is where two important areas of e-commerce design often come into conflict: brand and conversion.

    Brand is concerned with the identity and personality of a business. It shapes everything from visual style and photography to tone of voice, storytelling and the overall experience a customer has with a company. Conversion optimisation, on the other hand, focuses on encouraging visitors to take a particular action, whether that means purchasing a product, adding an item to their basket or signing up for an email list.

    Both matter. The difficulty is deciding how much attention each should receive and, more importantly, understanding that they do not necessarily need to compete with one another.

    A strong e-commerce website should be recognisable as a particular brand while also making the buying journey as straightforward as possible. The challenge is finding the point where those two things work together.

    Why brand matters in e-commerce

    Branding is much more than a logo, colour palette or choice of typeface. These are the visible elements of a brand, but the idea goes much deeper. A brand influences how a business communicates, how it presents its products and how customers feel when they interact with it.

    This becomes particularly important online because customers have an enormous number of alternatives. In many markets, there may be dozens of businesses selling similar products, making it increasingly difficult to stand out through the product alone.

    A distinctive brand gives customers another reason to remember a business. It can communicate a particular personality, set of values or point of view, helping customers form an emotional connection with the company.

    Apple is a familiar example. Its minimalist aesthetic, straightforward communication and emphasis on innovation have become closely associated with the brand itself. The design of its products and digital experiences reinforces the same ideas, creating a consistent experience across different customer touchpoints.

    For smaller e-commerce businesses, the same principle applies. A strong identity can help a new business look established, create recognition and give customers a reason to choose it over a competitor selling something similar.

    Branding can therefore have an indirect effect on conversion. A customer who remembers your business, understands what it stands for and feels confident in it may be more likely to return and buy in the future.

    Why conversion still matters

    While brand helps create recognition and preference, an e-commerce website also has a very practical job: it needs to make buying easy.

    Conversion optimisation looks at the details of the customer journey and asks whether anything is making it harder than necessary for someone to take the next step.

    This can include everything from navigation and product page layouts to calls to action, product information, checkout processes and mobile usability. Analytics and other research tools can provide valuable information about how visitors behave, where they leave a website and which parts of the experience may need improvement.

    Small changes can sometimes have a significant effect. Making an important button easier to find, simplifying a checkout form or providing clearer product information can remove obstacles that customers may not even consciously recognise.

    This is why conversion optimisation has become such an important part of e-commerce design. There is little value in attracting visitors to a website if the experience makes it difficult for them to become customers.

    However, focusing too heavily on conversion can create another problem. If every design decision is based purely on what appears to improve a measurable metric, a website can gradually lose its personality. It may become highly functional but increasingly indistinguishable from hundreds of other online stores.

    That can be particularly damaging for a growing brand that is trying to establish itself in a competitive market.

    The case for a brand-first approach

    A brand-first approach puts the identity of the business at the centre of the website. The argument is that a strong and recognisable brand can create loyalty and long-term customer relationships that are more valuable than focusing exclusively on immediate conversions.

    This approach can be especially effective when the brand itself forms an important part of the customer’s reason for buying.

    Consider Supreme. Its distinctive identity has become an important part of the appeal of its products. The website does not need to rely on an elaborate sales presentation because the brand already carries considerable recognition among its audience.

    The lesson is not that every online store should imitate Supreme’s approach. Most businesses do not have the same level of brand recognition, and what works for an established cult brand may not work for a new business.

    What the example does demonstrate is the commercial value of creating a recognisable identity. When customers become attached to a brand, the relationship can extend beyond an individual purchase. They may return because they trust the company, identify with its aesthetic or simply enjoy being part of its world.

    For newer businesses, building that relationship takes time. But the website is one of the most important places to begin establishing it.

    The case for a conversion-first approach

    A conversion-first approach takes a more practical view. Its starting point is that an e-commerce website needs to help customers make decisions and complete purchases as efficiently as possible.

    Amazon provides a useful example of this philosophy. Its interface is primarily designed around usability. Customers can search for products, compare options, read reviews, receive recommendations and complete purchases with relatively little friction.

    The visual experience is not necessarily the main attraction. Instead, the emphasis is on convenience and functionality.

    For many e-commerce businesses, this approach makes perfect sense. If visitors cannot find products, understand what they are buying or complete checkout easily, a strong visual identity will not compensate for the lost sales.

    The risk comes when conversion tactics become more important than the overall experience. Excessive pop-ups, aggressive calls to action, constant promotional messages and overly formulaic layouts can make a website feel generic or even uncomfortable to use.

    A website can be highly optimised and still fail to create a memorable relationship with its customers.

    The answer is not brand versus conversion

    The most useful way to approach the issue is to stop treating brand and conversion as opposing strategies.

    They can support one another.

    A strong brand can make products more appealing and help customers feel confident about buying. A well-designed user experience can then make that purchase simple and enjoyable.

    The same applies in the other direction. A smooth customer journey can strengthen someone’s impression of a brand. If a website is easy to navigate, product information is clear and the checkout process is straightforward, customers are more likely to associate the business with professionalism and reliability.

    Nike is a good example of a company that combines a highly recognisable brand with a sophisticated digital shopping experience. Its website communicates the brand through photography, typography, product presentation and storytelling while also using features such as personalised recommendations and straightforward navigation to support the shopping journey.

    The important point is that these elements do not have to feel separate. The user experience can be an expression of the brand.

    How to balance brand and conversion

    Finding the right balance requires more than simply dividing your attention equally between the two. Instead, every part of the website should be considered from both perspectives.

    Start by making the brand visible throughout the customer journey rather than restricting it to the homepage. Photography, typography, colours, product descriptions, buttons, navigation and even small pieces of microcopy should feel as though they belong to the same business. Consistency helps create recognition and makes the website feel considered rather than assembled from unrelated elements.

    At the same time, avoid allowing creativity to interfere with usability. Customers should not have to work out how your navigation works or search for an important button simply because the design team wanted to create something unusual. There is plenty of room for personality without making basic tasks difficult.

    Data can also play an important role, but it should be used intelligently. Analytics can show where customers are dropping out of the buying journey, which products receive attention and which pages may be causing problems. Customer feedback and user testing can then help explain why those problems are happening.

    This is particularly important because numbers rarely tell the entire story. A low conversion rate might indicate that a call to action is poorly positioned, but it could also mean customers do not understand the product, do not trust the business or need more information before making a decision.

    Storytelling is another useful way to bring brand and conversion together. A good product description should not simply list features. It should help customers understand why the product is useful, what problem it solves and how it might fit into their lives. When brand storytelling is connected to genuine customer benefits, it can support both emotional engagement and purchasing decisions.

    Finally, remember that an e-commerce website is never truly finished. Customer expectations change, products change and businesses learn more about their audiences over time. Regular testing and refinement allow a website to improve without losing sight of the identity that makes the business distinctive.

    Creating an e-commerce experience people remember

    The strongest e-commerce websites are not necessarily the ones with the most elaborate branding or the greatest number of conversion techniques. They are the ones where the two work together naturally.

    The brand gives customers a reason to remember the business. The user experience gives them a reason to trust it. Clear information helps them make a decision, while a simple purchasing process makes taking that decision easy.

    This is particularly important for smaller and emerging brands. When you are competing against much larger businesses, you may not be able to win through price, advertising budget or sheer product range. A distinctive identity and a thoughtful customer experience can give people a reason to choose you instead.

    The goal, then, should not be to decide whether brand or conversion is more important. Instead, consider how every design decision can contribute to both.

    Your website should feel unmistakably like your brand, but it should never make customers work harder than necessary. It should be visually distinctive without sacrificing clarity, emotionally engaging without becoming confusing, and persuasive without feeling pushy.

    When those elements come together, the result is more than a website that looks good or a website that converts well. It becomes an e-commerce experience that customers can recognise, trust and enjoy using.

    And ultimately, that is what makes a brand worth coming back to.

     

  • Why Great Website Design Starts With the User

    Why Great Website Design Starts With the User

    Web Design

    A successful website needs to do more than look good. It needs to communicate a brand clearly, guide visitors naturally through the experience, and make it easy for people to take the next step, whether that means making a purchase, getting in touch, booking a service or signing up.

    Great web design brings together visual identity, user experience and technical performance from the beginning. Rather than treating these as separate stages, a considered approach connects them throughout the design and development process.

    Custom Website Design

    Every business has its own audience, personality and objectives, so a website should feel specific to the brand rather than built from a generic template.

    Custom website design allows the visual identity, layout, typography, imagery and interactions to work together as one consistent experience. Establishing a clear visual direction at the beginning also creates a framework for the rest of the site, helping every page feel connected while still serving its individual purpose.

    The result is a website that represents the brand visually while being designed around measurable goals, whether those are increasing sales, generating enquiries, encouraging subscriptions or simply making it easier for customers to find the information they need.

    UI and UX Design

    A visually impressive website can still be difficult to use. This is why user experience needs to be considered alongside the visual design rather than added later.

    UX design begins by understanding how visitors are likely to move through a website. Wireframes can be used to map out the structure of pages and establish a straightforward journey from the first interaction through to the desired action. Navigation, content hierarchy, calls to action and information placement all play a role in making that journey feel natural.

    Once the underlying structure is established, the user interface brings it to life. Typography, colour, imagery, spacing, buttons and interactive elements are carefully considered so that the finished website is both distinctive and intuitive.

    The strongest UI and UX work is often the part users barely notice. When everything is positioned and designed thoughtfully, visitors can move through a site without having to stop and work out what to do next.

    Responsive Web Design

    People no longer experience websites from a single screen. A customer might discover a business on their phone, return to the site on a tablet and complete an enquiry or purchase from a desktop computer.

    Responsive web design ensures that the experience adapts accordingly. Layouts, typography, images, navigation and interactive elements need to work across different screen sizes while maintaining the same visual identity and functionality.

    This consideration should begin during the design stage, rather than being treated as a technical adjustment once the desktop version is complete. Designing with different screen sizes in mind from the outset makes it possible to create a more consistent experience across mobile, tablet and desktop.

    Thorough testing is equally important. Different browsers, operating systems and devices can affect how a website behaves, so responsive design needs to be tested in real-world conditions before launch.

    Design That Works as Hard as Your Brand

    A well-designed website sits at the intersection of brand, usability and technology. The visual identity creates recognition, UX helps visitors move through the site with confidence, and responsive development ensures the experience remains effective wherever it is viewed.

    When these elements are considered together, the website becomes more than a digital brochure. It becomes a practical part of the business — one that communicates the brand, supports its users and is designed around the actions that matter.

  • Fixed-Width vs Fluid Website Design: Why I Experiment With Both

    Fixed-Width vs Fluid Website Design: Why I Experiment With Both

    User Experience

    Website width changes the whole feel of a page. It affects how text sits, how images relate to it and how much space surrounds the content. A layout can look striking on a large monitor and feel awkward on a laptop.

    At The Webdesign Girl, I experiment with both fixed-width and fluid layouts because different websites need different things. But for informational sites, I love the structure of a contained, fixed-width look: considered margins, clear sections and text that stays within a comfortable reading area.

    That preference comes with an important detail. The layout still needs to adapt to smaller screens.

    What Is the Difference Between Fixed-Width and Fluid Layouts?

    A traditional fixed-width layout has a set width, regardless of the browser window. On a large screen, it leaves space at the sides. On a screen smaller than that width, it can overflow.

    A fluid layout expands and contracts with the available space. Its columns and content areas change size as the browser changes.

    A responsive, maximum-width layout combines aspects of both. It grows until it reaches a chosen limit, then stays centred. On smaller screens, it shrinks and its sections can stack.

    This third approach is usually what I mean when I describe the fixed-width style I love for informational websites. It gives the desktop design a contained appearance while allowing the mobile version to remain flexible.

    Why I Love a Contained Layout for Informational Websites

    When someone visits a service website, resource page or blog, they often want an answer. They may be comparing options, checking a process or deciding whether a business understands their needs.

    I like giving that information a clear frame. A contained layout lets me bring headings, paragraphs and supporting images into a coherent composition. The surrounding space becomes part of the design.

    For me, this can create an editorial feel: intentional, calm and easy to navigate. That is my design judgement, rather than proof that every visitor prefers a narrower website.

    There is, however, evidence behind paying attention to text width.

    W3C’s explanation of its Visual Presentation accessibility criterion states:

    “For people with some reading or vision disabilities, long lines of text can become a significant barrier.”

    Its Level AAA criterion includes a mechanism for achieving text widths of no more than 80 characters or glyphs, or 40 for Chinese, Japanese and Korean text. This is accessibility guidance, rather than a universal ideal width for every page. It also does not require a fixed-width website. A fluid page can constrain its text columns too. [1]

    My takeaway is to design the reading area deliberately. A wide screen should not automatically produce a paragraph stretching across its entire width.

    The Advantages and Drawbacks of Fixed-Width Design

    The main attraction is compositional control. Limiting the overall width can make alignment, spacing and relationships between content blocks more predictable on larger screens.

    It also creates room around the content. I particularly like that for businesses whose websites explain services, share expertise or tell a brand story. A restrained layout gives me space to establish hierarchy without enlarging every element.

    The drawback is rigidity. A genuinely fixed desktop width can cause horizontal scrolling on smaller screens or when visitors zoom in. A very narrow container can also waste useful space, especially when people need to compare information side by side.

    And a width limit alone cannot make a page readable. Small type, poor contrast, dense paragraphs and unclear headings will still cause problems.

    Where Fluid Layouts Work Well

    Fluid layouts make good use of the available screen space. I enjoy exploring them for image-led portfolios, product collections and interfaces where visitors benefit from seeing more items together.

    They can give a website a spacious, expansive feel. They also allow the layout to respond continuously as the browser window changes.

    Their challenge is maintaining balance. Without sensible limits, text lines can become too long, cards can stretch awkwardly and gaps can feel exaggerated on wide screens. At smaller sizes, columns may become cramped.

    Fluid design therefore needs boundaries too: appropriate text widths, flexible images and changes in layout when the content needs them.

    What User Experience Research Tells Us

    Jakob Nielsen’s 1997 study reported that 79% of its test users scanned new pages, while only 16% read word by word. Those figures describe that particular study; they should not be presented as current percentages for every website. [2]

    Later Nielsen Norman Group research continued to find that scanning dominated online reading. Kate Moran’s 2020 review puts it clearly:

    “People still primarily scan, rather than read.”

    The practical advice includes clear headings, important information placed early and plain language. These findings support organising content for scanning; they do not establish that fixed-width layouts outperform fluid ones. [3]

    Moran also explains that earlier guidance favoured liquid layouts over fixed layouts for text, and that responsive design had since made flexibility an established approach. That is a useful reminder that a contained visual style should still accommodate different screens. [3]

    Accessibility guidance reinforces that point. W3C’s Level AA Reflow criterion requires ordinary vertically scrolling content to work at a width equivalent to 320 CSS pixels without losing information or functionality or requiring scrolling in two dimensions. Certain content, such as maps and data tables, has exceptions. [4]

    Why I Keep Experimenting With Both

    I do not want every website I design to have the same proportions. A photography portfolio may benefit from generous image space. An informational site may benefit from a more focused reading area. One website can use both: an expansive banner followed by a contained article or service description.

    Experimenting helps me explore which composition suits the content and the brand. I look at how headings wrap, how paragraphs sit beside images and whether the design remains comfortable as the screen narrows.

    These design comparisons are useful, but they are not a substitute for observing real visitors. Where possible, user testing can reveal whether people find the information and complete the tasks the website is meant to support.

    For informational sites, my preference remains a fixed-width look with responsive behaviour. I love the way it frames the content and gives each section a sense of purpose.

    The width is one part of that decision. The real goal is a website that feels distinctive and makes its information easy to find, read and use.


    Sources

    1. W3C — Understanding SC 1.4.8: Visual Presentation
    2. Jakob Nielsen — How Users Read on the Web (1997)
    3. Kate Moran — How People Read Online: New and Old Findings (2020)
    4. W3C — Understanding SC 1.4.10: Reflow