{"version":"1.0","provider_name":"Kanoko Nagai Designer Portfolio","provider_url":"https:\/\/kanokonagai.com\/ja","author_name":"Kanoko","author_url":"https:\/\/kanokonagai.com\/ja\/archives\/author\/kanoko","title":"Interactive Icons - Kanoko Nagai Designer Portfolio","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"N2EHCTCaLd\"><a href=\"https:\/\/kanokonagai.com\/ja\/interactive-icons-2-2\">\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30a2\u30a4\u30b3\u30f3<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/kanokonagai.com\/ja\/interactive-icons-2-2\/embed#?secret=N2EHCTCaLd\" width=\"600\" height=\"338\" title=\"&#8220;Interactive Icons&#8221; &#8212; Kanoko Nagai Designer Portfolio\" data-secret=\"N2EHCTCaLd\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/kanokonagai.com\/wp-includes\/js\/wp-embed.min.js\n<\/script>","description":"Interactive Icons School of Motion Role UI Designer\/ Animator Project Overview This project is the final assignment from the Rive Academy course at School of Motion, where icon designs were provided. Approach The task was to communicate each icon\u2019s function effectively through short hover animations. Since the average hover duration is only about one second, I kept the animations simple and immediately understandable. After researching various references, I designed and completed a set of interactive icons for a platform used to manage vendors. Set of Interactive Icons https:\/\/kanokonagai.com\/wp-content\/uploads\/2025\/07\/Interactive-Icons.mp4 Deliverables Set of Interactive Icons"}