{"id":1391,"date":"2025-07-17T13:02:53","date_gmt":"2025-07-17T13:02:53","guid":{"rendered":"https:\/\/arefehkamyab.com\/?p=1391"},"modified":"2026-02-13T23:42:25","modified_gmt":"2026-02-13T23:42:25","slug":"didar-icon-set","status":"publish","type":"post","link":"https:\/\/arefehkamyab.com\/index.php\/2025\/07\/17\/didar-icon-set\/","title":{"rendered":"Didar Icon Set"},"content":{"rendered":"\n
Introduction & Goal<\/h5>\n\n\n\n

At the beginning of my journey at Didar, one of the first challenges we faced was that the user interface conveyed a sense of being outdated. In addition, there was a noticeable lack of consistency and alignment across different parts of the product.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

To address this, I initiated a redesign process with the goal of modernizing the interface and reducing visual inconsistencies. Since icons are among the most fundamental UI elements \u2014 and have a significant impact on the overall look and feel of a brand and product experience \u2014 I decided to start the redesign process with them.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Benchmarking & Ideation<\/h5>\n\n\n\n

We began the process with benchmarking and ideation. Since simplicity is at the core of Didar\u2019s brand philosophy, the goal was to create icons that felt both minimal and refined.<\/p>\n\n\n\n

To inform the design direction, I conducted a detailed review of existing icon packs, including Lucide<\/strong> and Pipedrive<\/strong>. Both packs \u2014 in terms of form as well as conceptual approach \u2014 were closely aligned with the outcomes we were aiming for, and therefore served as strong references throughout the redesign process.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Sketching<\/h5>\n\n\n\n

Next, we moved into the sketching phase. For each icon, I created multiple sketches to explore different possibilities and gradually refine the shapes. This iterative process allowed us to identify the most effective and visually balanced forms that matched our design goals.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Design Logic<\/h5>\n\n\n\n

Ultimately, the design logic was built around square and rectangular forms, aiming to convey a sense of formality without appearing overly rigid. As a distinctive signature and to highlight Didar\u2019s unique identity, sharp and angular cuts were occasionally introduced in the corners.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The icons were designed with very thin strokes to reflect cleanliness, elegance, and simplicity. At the same time, special attention was paid to ensuring that this level of refinement did not compromise usability \u2014 the icons remain clear, recognizable, and detailed across different screens and sizes.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

For consistency, the default presentation style of the icon set was defined as outline<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Implementation & Testing<\/h5>\n\n\n\n

Finally, working in close, step-by-step collaboration with the developer, we integrated each icon into the site and thoroughly tested it in context. This ensured that the icons not only worked well in theory but also enhanced the overall user experience in practice.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Introduction & Goal At the beginning of my journey at Didar, one of the first challenges we faced was that the user interface conveyed a sense of being outdated. In addition, there was a noticeable lack of consistency and alignment across different parts of the product. To address this, I initiated a redesign process with […]<\/p>\n","protected":false},"author":1,"featured_media":1396,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-1391","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-design","has-thumbnail"],"_links":{"self":[{"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/posts\/1391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/comments?post=1391"}],"version-history":[{"count":25,"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/posts\/1391\/revisions"}],"predecessor-version":[{"id":1488,"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/posts\/1391\/revisions\/1488"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/media\/1396"}],"wp:attachment":[{"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/media?parent=1391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/categories?post=1391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arefehkamyab.com\/index.php\/wp-json\/wp\/v2\/tags?post=1391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}