The Signifier! Crafting Aksaracons for Kata.ai

This project focuses on creating enduring iconography for a conversational platform, contributing to brand awareness and enhancing platform usability.

Published at
2020
Project type
Iconography
Company
Kata.ai

Impact
This project creates lasting iconography for a conversational platform, standardizing icons, boosting brand awareness, and reducing marketing and design efforts, resulting in annual cost savings for the company.


Discovery process

Audit existing icon

The initial phase involves auditing and gathering existing icons, followed by a detailed deconstruction of each icon to extract its metaphorical essence. Subsequently, identify representative characters to craft enduring and impactful symbols.

Drafting existing icons

Sketching characters


Define process

Create Principle

The Aksaracons principle refers to the Kata.ai logogram, which has three-point fundamentals on this shape. First, the logo has a rounded on each corner shape. Second, there is a law of closure, a gestalt principle. The law of closure states that individuals perceive objects as being whole when they are not complete. Third, the logogram is bold.

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/ASAS.png

Bold

The icons use solid type to create strong imagery and refer to our brand's logogram.

Intuitive

The icons should use simple metaphors to make them easy to understand.

Seamless

Use rounded on every corner and make the icon calm when seen.


Defining Fundamental

Base Grid

A base grid is defined to make icons consistent and pixel-perfect. Regular icons are designed on a 20px grid and exported at 24px artboards.

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/Frame_78.png

To make simple metaphors, the icons use basic foundational shapes. It's essential to use simple metaphors but has multi-interpretation allowing other designers to use the icons for different purposes.

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/gfh.png

Key Feature

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/Frame_129.jpg

Aksaracons are designed with solid types. In addition, some icons are designed with outline styles for universal needs, such as arrows, chevrons, checks, etc.

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/Frame_80.png

The stroke size is 2px. We are using a round cap at the end to make seamlessness sense and add a touch of delight. Suppose combining the two objects, adding a 2px counter space, gives the closure principle's lasting impression and approach.

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/xc.png

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/ss.png

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/Frame_843.jpg


Where do we go? to be Scale-up.

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/cs.png

Visuals are usually the most effective way to capture the audience's attention and build brand recognition. Consistent visuals make a brand recognizable. Therefore, it's essential to make sure the design works. The question is how to make it work. The simple answer is the design is usable for everyone in the company. Aksaracons has some versioning to achieve that.

Aksaracons v1.0

The first version, Aksaracons, has 132 icons with seven categories. This version is provided only for the Kata Platform.

Aksaracons v1.1

Aksaracons are limited and only used for a small scope in the previous version. In 2019, the product design team building an Aksara Design Language System, Aksaracons, took on that part's role. The Aksaracons upgrade is the v1.1 version, which has 146 icons with 11 categories.

Aksaracons v1.2

In 2020, the product design team collaborated with the marketing team and started a rebranding exercise, exploring a fresh take on making a significant impact as an artificial intelligence company. A new logo is a refinement as a fundamental change. Previously, Aksaracons were only part of the Aksara Design Language System. When rebranding, the Aksaracons level up becomes part of the company brand. The challenge is making Aksaracons can be usable by everyone in the company according to their needs. What followed Aksaracons’ upgrading to the v1.2 version, which has 485 icons with 16 categories.


How can each team use Aksaracons?

For Designer

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/Frame_843.jpg

Figma is the primary tool to create an interface & collaborate on the product design team. As part of the Aksara Design Language System, Aksaracons has a library to make it easier for another designer to use.

For Engineer

The%20Signifiers!%20Crafting%20Aksaracons%20for%20Kata%20ai%20fbf6c4069fe2461a97f89321aefde29b/Frame_843.jpg To build an Aksara Design Language System is, collaborate with Front-End Engineer. The components such as iconography, colors, typography, and others are uploaded in the Storybook library to make it easier for another engineer to use.

For Other

/icon/Untitled%202.png

Aksaracon is also provided in the presentation kit to make another team easier to use and consistently refer to the brand guidelines.


Summary

  • Aksaracons are inspired by Kata.ai Logogram.
  • Iconography is part of the signifier.
  • Aksaracons is part of Kata.ai brands.
  • Aksaracons are constantly evolving with so much change and cultural consideration in the business. The Evolution Aksaracons will continue to grow with the Kata.ai brand and Aksara Design Language System.

Get in touch to collaboration

neveraemje@gmail.com