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.

ionhaccp

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…

FacebookTwitterGoogle+Share
Strategize Designs to Improve the User Experience

We need to focus on what actually a user wants because user experience innovation is the next design imperative. UX has come up as a consequential challenge for new products and systems as the most successful businesses are given prominent unexpected value on product innovation.

According to today’s product innovation trends, there is a requirement for companies to deliver breakthrough inventions, and to provide their users an amazing experience that is intelligent, faster, self-driven and secure. As a result, system designs are getting complicated and challenging to be presented on smaller screens.
Here we provide you with few methods on how to re-invent the complex design into easy steps.

Enhancing User Experience

Innovative – Make the next big thing
The more time you spend tinkering around with the ideas, the more you succeed with the result. Innovation demands an out of the box creation. For example, there are so many task management tools that interact in some conventional way and deliver a unique design with innovative UI concepts, which inevitably boosts the user experience.
Innovate Useful Features
With cutting edge technology, it is important to make an app as useful as possible. Adding features to the app that are more useful in all aspects will help in enhancing the user experience.

 

Design it Beautifully
UI is one of the top trends for inspiration. So, choosing the right font with a best suitable color pattern that gels with user demography and emotional state is crucial.

 

Make it User-friendly
Making things easy and self-understandable by users will solve many problems. Therefore, choose a design flow that is easily and quickly to accessible by users.

 

Keep it Simple
Avoiding duplicity of any component in your design reduces the possibility of confusion or decision making. A simple design helps users to perform tasks without any confusion.

 

Usability Testing
Evaluating user behavior at the beginning of design process saves a lot of effort. User opinion matters the most, so run usability testing on every release. Get some hard numbers and follow where they lead.

Incorporating these innovations will enhance the user experience and help in creating awesome designs.