WEB DESIGN • WIREFRAMING • SITEMAP • USER FLOW 

Trident Group | 8 weeks

Corporate website design for Trident Group, a manufacturer and supplier of textiles, to reinvent their brand story.

invision-app-squarelogo-1488999750274.pn

THE CHALLENGE

Redesigning the corporate website to give a holistic overview of the organisation, featuring more than just their products.

THE SOLUTION

Redesign and development of the website to be more up to date in content and to improve the visual design. 

https://www.tridentindia.com/

Screen Shot 2020-01-13 at 8.32.10 AM.png
th (1).jpeg

CONCEPT

I studied the various departments and their impact levels at the organisation and shortlisted the following as essential in the overview of Trident Group:

1. Products: Bed and Bath linen, Paper, Chemicals and Energy. 2. Strong corporate social responsibility(CSR) practices
3. Awards and accolades
4. In-campus Graduate teaching program

Adapting a long-scroll parallax structure, I added these to the homepage, each with a call to action (CTA) button leading to its respective page.

WIREFRAMING

I started creating wireframes keeping in mind templatization of different pages so that the user are able to navigate with ease. The whole website is rich in imagery keeping the website vibrant, even though the content is text-heavy.

trident wireframes-01.png

SITEMAP

I categorised the different sections according to an impact analysis shared by the organisation. The three categories were Homepage Menu, Internal Pages and Footer Menu. 

trident sitemap.png

I developed the sitemap based on the above classification, to be able to add the navigatory system for the users to explore each section. It can be found in the footer of the homepage.

FONTS & COLORS

INTERFACE

EARLY DRAFTS

I used InVision to share early prototypes with the chairman, some of which proved too dynamic for his expectation. The website needed to be more formal and the early approach of the jagged grid was discarded.

V 2

Webp.net-gifmaker (2).gif
Webp.net-gifmaker (3).gif

V 1

V 1

V 1

V 3 

FINAL DESIGN

Text-heavy sections were cut by full-bleed images used in parallax, helped to break the monotony.

I collected and curated the content from each team, had it vetted by a representative and relayed it to the developers in the form of wireframes and ui flows.

HOMEPAGE

A one-spot overview of all the main functions of the brand.

SUSTAINABILITY

The organisation's main focus on their sustainable practices was highlighted through a separate page dedicated to past victories.

PRODUCT PAGE

Each product page had the same sections including introduction, product range, clients and the branch at which it is manufactured.

The same grid was used across

• Bed & Bath Linen

• Paper

• Chemicals

• Energy 

• Yarn

COMPANY HISTORY

The organisation's milestones from 1985, in a timeline format that overlay when pulled down from the top.

DEVELOPMENT

The development was a collaborative process between me and an outsourced team of developers. As the only designer on the project, I worked remotely with them to get the website coded. I shared the wireframes to test feasibility, and then the interfaces. This process often looked like a lot of to and fro where I marked details and iterations on each page at many levels of development. 

This project also enabled me to work across disciplines, like photography and management. I organized and directed photoshoots with professional photographers to refresh the brand imagery. I collaborated with representatives from each department of the organisation to screen and update the content. Some of the images used on the website are clicked by me during factory visits.

 

RESULTS

 

The visit has been live since 2017 and has undergone

updations for new content by other designers.

Visit website here: https://www.tridentindia.com/

OR

Click on the image on the right.