Explore More Projects
Continue browsing our work or view the full list of projects across digital systems, platforms, and web solutions.
Morphon Icons
A full revamp of a personal icon set originally designed in 2017, reimagined with a modern approach. The project introduces soft neumorphic styling, smooth motion baselines, and practical demo use cases—optimized for real interfaces and released for free community use and remixing.
Requirements, Challenges & Process
Requirements
The objective was to modernize an existing icon set by building a cohesive and flexible visual system. Motion and interaction needed to be introduced in a way that enhanced usability without sacrificing clarity or recognition. The icons had to demonstrate real-world usage across multiple UI contexts, while also being packaged for free community access and remixing. Supporting both static and animated use cases was essential to ensure broad adoption and practical applicability.
Challenges
A key challenge was preserving the essence and recognizability of the original icons while giving them a more modern, refined feel. Defining a consistent motion baseline across the entire set required careful balance to avoid visual noise. Ensuring that the icons performed equally well across different UI contexts added complexity, as did translating motion concepts into practical, testable interface scenarios that felt realistic and purposeful.
Process
We provided a team consisting of:
1 Designer
The process began by fully redrawing the original icon set in Figma, with a strong focus on geometry, softness, and visual clarity. Variants were defined to create a flexible and scalable icon system. The project then moved into Rive, where the icons were animated, transitions were defined, and motion rules were established. To validate real-world usage, multiple UI demo screens and prototypes were built, including Smartwatch UI, Dashboards, Mobile Navigation, and Workspace Tiles (Bento Cards). Interactions were tested directly in context to simulate a real user experience. Finally, a complete video walkthrough was produced using After Effects, Premiere Pro, and Artlist audio for both promotion and documentation.
Project Highlights
A curated selection of images that capture the essence, key elements, and overall impact of our work, illustrating the thought process, creativity, and results behind each project.
The Concept
Icons are foundational UI elements, yet often treated as static assets. Morphon Icons explores how thoughtful motion and real-context demos can turn an icon set into a living system—bridging design, interaction, and usability while empowering the community through open, remixable files.
