Ishtiaq Steel Industry

Introduction

Ishtiaq Steel Industry is one of the largest and oldest steel manufacturing companies in Pakistan, and the only manufacturer of heavy steel sections in the country. They have a long-standing reputation for premium quality products and environment-friendly manufacturing units. My objective was to use the company’s understated way of operating as the inspiration to create a simple, clean responsive website.

Project Requirements

There were some key requirements and guidelines that were set at the beginning of this project:

  • The website should not only act as an online brochure, but also educate potential clients

  • Help improve sales, brand awareness, and customer support

  • Establish the company as an industry leader

  • Keep the design minimal and understated, incorporating the company’s history and legacy

  • Update the product list

  • The website should feel modern and easy to navigate

Tasks

  • Create an updated responsive website

  • Simplify and optimise the sitemap for easier navigation

  • Design a clean, minimal user interface

  • Update and improve the web content

URL

Research and Analysis

  • I got in touch with the Sales team to find out the needs of the customers. One of the questions I asked was “what is the most common question they hear from first-time buyers?”, the answer to which was “they ask if we sell certain items, which we do”
     

  • I consulted the Marketing department to see if they have a particular aesthetic, or if there’s any message they want to convey to their customers through their design
     

  • I audited websites of local and international steel manufacturers to establish industry trends and practices, and made a note of things I liked and things I was going to do differently

Design

  • After analysing the responses from the Sales and Marketing teams and competitor websites, I created the sitemap
     

  • The next step was to create sketches of the website. Due to time constraints, the company had asked me to skip wireframing and only present the final mockups asap. Necessary changes would be made after viewing the mockups

After

Sitemap

Previously, the sitemap had a lot of duplicate content scattered all across the website, which made the navigation confusing.

 

The product list was incomplete, which would explain why a lot of first-time buyers would inquire about certain products that the company does sell but aren’t shown on the website. 

 

My goal was to eliminate the duplication of content to eliminate confusion, and create a simplified sitemap that is intuitive and easy to navigate.

 

Keeping the project requirements in mind; to educate potential customers and improving customer support, I decided to provide thumbnails of the best-selling products and a feedback form on the main page.

After

Before

Colours and Typography

I kept the same colour palette as the company’s logo and previous website, as this colour palette has come to be associated with the company. 

 

The company brochures also belong to the same colour family, so this palette also ensures cohesion between the website and the brochures, therefore sending a consistent brand message.

Before

After

These are the initial mockups of the new design for the website. After working with the development team, and depending on the time and economical constraints, some changes were made to the designs, whilst still keeping the overall aesthetic of the overall design and brand identity. 

URL

Thank you

View more projects:

Ahsan Iftikhar |      2018

  • Artboard Copy 4
  • Artboard Copy 5