Project Brief

Redesign their current website to make it look like it belonged in 2022. The goal of this website was to:

1. Improve online presence and credibility
2. Showcase Product catalogue
3. Provide shareholders with important information

‍

Site Map

After a few rounds of discussions, we built this site map. Every piece of content that the website will entail were listed out in this phase.

Content Writing

Once we knew what the website would contain. We began writing important pieces of content for it. Keeping only the technical specification as they were. This involved a lot of research into chemistry and the industry of chemical import and export. Since they specialised in APIs(Active Pharmaceutical Ingredients) we also referred and benched marked some of their competitors in the same space. Although pleasing designs weren’t the focus for this industry, we ensure our communication through content and imagery was perfect for the use case they intended.

‍

‍

Visual Exploration

We explored the following two directions. One of which was sampled after their competitors. They happily went with option 1.

UI Design

We finally landing on this approach.

Colour and Type

We went with the simple yet elegant Work Sans. And kept the resonance blue with a splash of orange to compliment it. Tied these 2 together with a few greys and blacks for text.

‍

Iconography

We made custom icons based on the molecular structure of the chemicals sold by Resonance Specialties. These can be made into a library of icons that can come for further requirements by Resonance.

Some More Screens

Here's how the rest of the website came about.

Visit the live website

‍