Overview

Innovatica is a UX/UI and icon design project focused on creating a cohesive, scalable, and user-friendly digital experience. The project aimed to align interface design and iconography into a unified visual language that supports clarity, usability, and brand recognition.

Project Goal

The primary goal of Innovatica was to design an intuitive user experience supported by a clean interface and a custom icon system. The product needed to feel modern, consistent, and easy to navigate, while icons played a key role in guiding users and reinforcing meaning across the interface.

Role & Services

• UX Design

• UI Design

• Icon Design

I led the design process end to end, covering UX exploration, interface design, and the creation of a custom icon set.

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet("World");

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet("World");

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet("World");

Challenges

• Designing a flexible UX that scales across features

• Ensuring visual consistency between UI elements and icons

• Creating icons that are both expressive and immediately recognizable

Research & Discovery

The project began with user and product research to understand core workflows, user expectations, and functional priorities. Competitive analysis helped identify opportunities to improve clarity and reduce cognitive load through better structure and visual cues.

UX Process

User flows and wireframes were developed to establish a logical information hierarchy and smooth navigation. The focus was on minimizing friction, simplifying complex actions, and ensuring that every screen supports a clear user goal.

UI Design

The interface design emphasized clarity and balance through a restrained color palette, clear typography, and consistent spacing. Visual hierarchy was carefully applied to guide attention and make key actions stand out without overwhelming the user.

Icon Design

A custom icon set was designed to complement the UI and enhance usability. Icons were built on a consistent grid, stroke weight, and style to ensure clarity at different sizes. Each icon was designed to communicate meaning quickly while remaining visually aligned with the overall interface.

Final Outcome

The final result is a cohesive product experience where UX, UI, and iconography work together seamlessly. Innovatica demonstrates how thoughtful interaction design and purposeful icon systems can improve usability while strengthening the product’s visual identity.

Key Takeaways

• Icons are most effective when designed as part of the system, not as decoration

• Consistency across UX and visual elements builds trust and clarity

• Simplicity improves both usability and scalability

Innovatica showcases the impact of integrating UX/UI design with custom iconography to create intuitive and visually unified digital products.

About the Site

This website is built with Framer using the Wee theme from Dripping Frames, a free minimal Framer template for personal portfolio websites that comes with a built-in blog feature. With enabled CMS functionality, Wee is highly customizable and easy to set up. Photos are by Daniel Korpai from Unsplash.