Skip to main content
Apparel Manufacturer Website — Corporate website design case study by Neelaka Ganegoda

Corporate

Apparel Manufacturer Website

Apparel Manufacturer Website case study — Corporate web design and UI/UX project by Neelaka Ganegoda.

Role

Web DesignStrategy

Year

2024

Sector

Corporate

Updated

Duration

1 Week

Tools

A Sri Lankan apparel manufacturer needed a digital presence from scratch, one that could establish credibility with international B2B procurement teams who evaluate multiple suppliers in a single session and make decisions quickly.

The client had no prior web presence and no existing brand guidelines. International buyers make fast assessments based on a site's first impression. If the credibility signals aren't right immediately, attention moves to the next supplier on the list. The design had to build trust from zero, fast, for an audience the client had never directly spoken to.

  1. 01

    No existing digital presence

    Starting from zero meant there was no foundation of credibility to build on. Every trust signal had to be established from scratch.

  2. 02

    Two audiences with conflicting expectations

    International procurement teams wanted efficiency, proof of scale, and certifications. Local stakeholders wanted familiarity and reassurance. The same site had to serve both.

  3. 03

    Complex operations, limited attention spans

    International buyers make fast assessments. A manufacturing operation that took years to build had to be communicated in the first few seconds of a visit.

  1. 01

    Trust signals foregrounded in the IA

    Certifications, production capacity, and client portfolio were surfaced immediately, placed where procurement teams expect to find them, not buried in sub-pages.

  2. 02

    Layered content structure

    The site was architected so that top-level content answered international buyers' questions first, with deeper content available for stakeholders who needed more.

  3. 03

    Photography-led storytelling

    Factory and product photography carried the bulk of the communication work, letting the scale of the operation speak before a single word was read.

The Brief

No web presence. No brand guidelines. A client operating in an internationally competitive manufacturing sector, where established suppliers already have digital credibility and any new entrant has to prove themselves fast.

The brief was to design a corporate website that could stand alongside global competitors, communicating precision, scale, and export readiness to procurement teams who were likely evaluating multiple suppliers in a single session.

Research

Before touching any visual work, I ran a competitor audit across local Sri Lankan manufacturers and a broader set of internationally recognised suppliers in the apparel supply chain. The pattern that emerged was consistent: certifications, production capacity, client portfolio, and visual quality were the first things an experienced buyer evaluated. If those signals weren’t immediately visible, attention moved elsewhere.

I also looked at what differentiated manufacturers that ranked well with international clients from those that didn’t. The gap was rarely in the actual capability. It was in how clearly and quickly that capability was communicated.

This shaped the entire information architecture before a single layout was sketched.

Design Process

The landing page went through several design iterations. Early concepts experimented with different entry points: some led with the product, others opened with the manufacturing environment. Feedback came back through the agency layer with each round, and the direction settled on factory and production photography as the primary communication vehicle. Scale before words.

Typography and layout were kept deliberately restrained. The goal was a site that read as operationally precise, structured and professional without feeling cold or inaccessible to the local stakeholders who also needed to feel at home in it.

Key Decisions

The most consequential decision was the information architecture. What a procurement officer sees in the first viewport, and what comes next. The instinct in an early design pass is often to lead with something visually arresting. The research pushed firmly against that for this audience.

An international buyer evaluating a supplier is not browsing. They are assessing. They want certifications, capacity numbers, and evidence of an existing client base surfaced immediately, not after a narrative sequence. The alternative was a story-first structure that I considered and set aside. The audience didn’t have the patience for a story until they had already decided the supplier was credible.

What I’d Do Differently

The largest gap in this project was the complete absence of input from the actual target audience. I designed for international procurement teams based on competitor research and reasoned assumptions. I never spoke to one. The research gave me a defensible proxy, but a single conversation with someone who actually evaluates manufacturers for a living would have sharpened every decision I made.

I’d also push for mobile design from the start. Procurement teams increasingly review suppliers on mobile during travel or between meetings. A landing page that only exists in a desktop frame is missing a significant portion of the real use context.

More broadly, I was designing a site for an audience I understood only through research, not through conversation. That’s a constraint I’d work harder to remove on any future project with a clearly defined external audience.

Low Fidelity

Apparel Manufacturer Website low-fidelity wireframe 1

High Fidelity

Apparel Manufacturer Website high-fidelity wireframe 1

A complete landing page design and visual system delivered as a Figma handoff. The project did not proceed to development after the design engagement ended. The work established a full information architecture and component library oriented around B2B procurement evaluation.

Construction Company Website