How smart UI/UX design can make 3 layouts power over 150 pages
for MAS Holdings when unifying their 18 subsidiaries in 14 countries
that cater to over 65 apparel giants across the globe.

How smart UI/UX design can make 3 layouts power over 150 unique pages for MAS Holdings when unifying their 18 subsidiaries in 14 countries that cater to over 65 apparel giants across the globe.

Yes. That’s how we built MAS Holdings. That’s what good UI/UX design can do. It can bring together different companies, each performing a distinct role and serving a diverse range of offerings, with a stunning, yet simple, singular design language. The new online destination was created to showcase MAS as an organisation that has and will continue to shape the future of the apparel industry. An organisation that is integrated in its offerings with solutions that are driven by the forces of innovation, technology and sustainability.

But as Steve Jobs rightly said, ‘Design is not just what it looks like and feels like. Design is how it works.’ So, our UI/UX design journey started by putting order to chaos. It is no mean feat to build a structure for the world’s largest apparel technology conglomerate. We mapped different points of entry, that would lead visitors to the information they have come looking for.

With this in mind, we set out to design three interfaces that would go on to power the entire website. Interfaces so dynamic in design, structure and build, that no two pages will look like each other.

That’s how good UI/UX design should work. It should be liberating instead of restrictive. Where the framework set, works as a springboard for an organisation to keep the website looking fresh and updated at all times.

But the hallmark of a good UI/UX design is a robust backend. We built the backend of this online destination with finesse. So entire sections on the website can be created in under 10 steps. That’s right. Just 10. Because that’s how simple managing a website should be. We took care of the complicated, so to manage the website, one simply has to log on.

We built the online destination incorporating the ethos of the company. As a global company with a large heart, one of the company’s cornerstone is its diversity and inclusivity. Hence, we made the website speak a 104 different languages and made it accessible to all, including those who are differently abled. Now, that’s a power packed UI/UX design.

centrick

The blueprint of an online destination.

UI/UX design cannot be linear by nature. Because navigation across a website isn’t linear. So when putting a site structure in place, we needed to be cognisant of the different entry points. Be it search, social media or publications, we wanted to make it easy for visitors to find what they were looking for, right when they were looking for it. We kept them and their interests at the core of the sitemap. Hence, we made each page a gateway into the realm of MAS, and the website, a collection of landing pages.

centrick

The art of design.

Prompt. That’s the font we chose. Clean, succinct and no fuss, this font means business. A Google font, Prompt offers a wide array of weights to play with. Just like the offerings of MAS. When selecting colours for the website, we wanted to move away from the noise and clutter. We wanted the beautiful imagery to stand out, while staying true to the brand. So we selected red from the brand logo and grey from the name. We extended the colour palette with different hues of grey to create depth. And then used black as a background so the visitor isn’t distracted whilst experiencing all that MAS has to offer.

centrick

3 layouts power 153 pages. And then some.

Imagine building a website with more than 150 pages. Sounds like a Herculean task right? What if we tell you, all it took was designing 3 layouts. You read that right. 3 layouts power the entire MAS website. Built with thought, precision and consideration, each custom-made interface powers innumerable unique pages. So no two pages need to look alike. That’s UI/UX design at its optimal best.

(If the video doesn’t load, press ‘Command+R’ on your Mac or ‘Control+R’ on your PC to refresh.)

How to build a page in under 10 steps.

Building an online destination is step one. Managing it for a long time to come, is another story. We understand that time, speed and ease are of essence when managing and updating a website. So when building the backend to support our UI/UX design, we made sure that an entire page can be created in just ten steps. From uploading images to pasting the copy and building sections, all it takes is ten steps (or less) till you hit publish.

centrick
centrick

An online destination for the whole world to discover.

Global by presence, local by heart. That’s MAS. With a presence in over 14 countries and growing, why should the website speak to just one audience? So, we made it speak in a 104 languages and built in an accessibility function for the differently abled. Now, the online destination can be coveted by all.

centrick

Intuitive design is fluid and responsive.

While the entry point for every visitor is unique to their journey, the devices they use to discover our content is just as different. Be it desktops, laptops, tablets or smartphones, we want the experience to be uniform across all. The bedrock of a good UI/UX design is its responsiveness. And it is only from here that we can build an experience that is immersive, irrespective of the device it is being consumed on.

centrick

(If the video doesn’t load, press ‘Command+R’ on your Mac or ‘Control+R’ on your PC to refresh.)

Design that powers the world’s largest apparel tech company.

MAS Holdings, a garment manufacturing company located on a small island in the Indian subcontinent, grew manifold to become the driving force of the apparel industry across the globe. Now, it needed an online destination to match its stature. A website that showcased their spirit, their vision and their journey in a manner that was bold yet inviting. Futuristic yet grounded. With colours, text, imagery and functionality, we created a UI/UX design worthy of the intent and impact of the world’s largest apparel tech conglomerate.

As a UI/UX design company, we understand that for a design to be simple and effective, it needs to be crafted with a robust visual language. Because an online destination that looks good will always performs better.

See What Else We Do