Design Journey of ionhaccp

Logo Design

Designing a strong, coherent product identity is one of the most challenging tasks in graphic design. It is a unique opportunity to create something that will go on to be used in many different places, applications, and designs.

Almost two months back, I was approached by a company to design a promotional website and logo for their new product. This was an exciting and challenging new design project for me.

Product Brief

The initial brief did not fully encapsulate what the product or the business is about. Client indicated that he wanted something that reflects professionalism, quality, uniqueness, and innovation. As a further explanation of what product does, the client wrote, “The product is food safety compliance solution called ‘ionhaccp’ to streamline the process of food and hygiene safety management from farm to fork” and a crisp list of bullet points about product and brand.

Wire-framing and Initial Sketches for Website

With the brand boundaries established, I could move onto getting my fingers dirty. The first step was to create the wireframe of the website. I started with a vertical layout with around five sections in my mind from the story, features, and solutions that product provides. After a couple of iterations and experiments, I finally had the first prototype, which I showed to the client.

ionhaccp logo designwireframing-illustrator

For collaboration, we used invisionapp as all the persons involved can have a look and comment on each element, it makes discussion on project assets really easy and safe at the same time. The first response I got from client, said,

Great job. This is very close to what I am thinking.”

And like with any good design process, tweaks had to be made. Once the website design started coming together, I went ahead with icons, images, typography, other sections and color scheme for the website.

Website Assets

I created a custom icon set for the website and for the color scheme I went with blue as hero color because of its professional, loyal and pleasing nature. Choosing the shades of blue was the fun part and of course created some other palettes too for variations.


and for the color scheme I went with blue as hero color because of its professional, loyal and pleasing nature. Choosing the shades of blue was the fun part and of course created some other palettes too for variations.

ionhaccp design

For typography, the first option given by me was Niveau Grotesk. The fonts are based on geometric forms and because of its straight architecture; it has a “punch” in big sizes but is very legible in smaller sizes and longer texts—in print or on screen.

Logo Design

The next stage was creating the logo. The challenge that I had when creating the ionhaccp logo was trying to incorporate different modules of the application and trust me, there are so many starting from IOT, data analytics, big data, machine learning and auditing to food hygiene and much more, other than a just a tablet application.

So the big question was what symbol is going to represent this product?

I started with rough sketches on paper and then experimented with them on the computer.

ionhaccp logo designEastern 0%

Eastern 0%

There were multiple iterations for logo unlike website design as the client’s idea of how the logo has to be was not in-tune with my perception. To work around these challenges, I decided to go for a minimalistic approach of using wordmark instead of symbol. Again, I started to scribble down ideas and then booted up Adobe Illustrator to test out a range of type treatments, ranging from thin and modern sans serif to cursive and slab serif fonts.

logo options1 logo options2

Continuous ideas and concepts developed the logo into five possible concepts, which were then sent to the client. The client seemed to have liked one of those but not completely satisfied. I created color variations of it for darker and lighter background to put on the website as it was going to be live soon.

ionhaccp logo design

Even if you have a strong concept, if you cannot execute the design well according to client’s expectations, then the logo can and will be a failure. Hence, the process of logo creation goes on…

About Uday Kiran

Uday Kiran is an Senior software engineer at Vmoksha Technologies. He is passionate about exploring new automation technologies for cloud,mobile and web application . He loves reading novels, traveling, and trekking. He has done Master's at Andhra University.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>