clari+IQ
(pronounced — clary plus I Que)
clari+IQ is a modern personal finance concept designed to make budgeting easier, clearer, and less stressful. This project is currently in progress and evolving as I refine the design system, structure key flows, and prep the final build in Webflow. Stay tuned as the project comes to life.
clari+IQ is a modern personal finance concept designed to make budgeting easier, clearer, and less stressful. This project is currently in progress and evolving as I refine the design system, structure key flows, and prep the final build in Webflow. Stay tuned as the project comes to life.
clari+IQ is a modern personal finance concept designed to make budgeting easier, clearer, and less stressful. This project is currently in progress and evolving as I refine the design system, structure key flows, and prep the final build in Webflow. Stay tuned as the project comes to life.
E-commerce
My Role
My Role
UX/UI Designer, Brand Strategist, Web Developer
UX/UI Designer, Brand Strategist, Web Developer
Project Dates
Project Dates
Date 2024 / Early 2025
Date 2024 / Early 2025
Live Project
Live Project
coming soon
coming soon
clari+IQ (Case Study)
clari+IQ (Case Study)
Diamond Luxe Co.
(E-commerce UX/UI Case Study)
A Smarter Way to Budget: Designing a Personal Finance Experience That Actually Works
Luxury Crypto Streetwear: A Shopify Store
Built for High-End Investors & Traders
What I Did:
Designed a responsive landing page for a modern personal finance platform built to simplify budgeting.
Created a clean, trustworthy brand identity inspired by FinTech leaders like Rocket Money and YNAB.
Focused on UI/UX design patterns for financial products, with attention to mobile-first clarity and usability. (in progress)
Currently developing and polishing the live version in Webflow using Figma-based mockups. (in progress)
What I Did:
Designed a responsive landing page for a modern personal finance platform built to simplify budgeting.
Created a clean, trustworthy brand identity inspired by FinTech leaders like Rocket Money and YNAB.
Focused on UI/UX design patterns for financial products, with attention to mobile-first clarity and usability. (in progress)
Currently developing and polishing the live version in Webflow using Figma-based mockups. (in progress)
The Problem
Budgeting apps can often feel complex, cluttered, or overwhelming for the average user. Many FinTech tools offer great features but lack clarity, leading to user frustration. The problem is not access to financial data—but how that data is presented and translated into meaningful action. Users want an experience that feels intelligent, focused, and calming, not chaotic or over-technical.
Budgeting apps can often feel complex, cluttered, or overwhelming for the average user. Many FinTech tools offer great features but lack clarity, leading to user frustration. The problem is not access to financial data—but how that data is presented and translated into meaningful action. Users want an experience that feels intelligent, focused, and calming, not chaotic or over-technical.
The Solution
I created a simplified, modern finance interface called clari+IQ, focused on giving users visual clarity, intuitive goal-setting, and progress tracking. The layout emphasizes a clean hierarchy, soft color accents, and clear CTAs for onboarding. Drawing design inspiration from trusted brands like Coinbase, Rocket Money, and Chime, I integrated key UX elements such as a 3-step process, testimonial sliders, and smart visualizations. The result is a finance experience that feels empowering, not overwhelming.
I created a simplified, modern finance interface called clari+IQ, focused on giving users visual clarity, intuitive goal-setting, and progress tracking. The layout emphasizes a clean hierarchy, soft color accents, and clear CTAs for onboarding. Drawing design inspiration from trusted brands like Coinbase, Rocket Money, and Chime, I integrated key UX elements such as a 3-step process, testimonial sliders, and smart visualizations. The result is a finance experience that feels empowering, not overwhelming.
Tools / Skills Used:
🛠 Webflow · Photoshop · Visual Design · UX Copywriting · Wireframing · Responsive Layouts · UI Animation Concepts · FinTech UI Research
🔗 Live Project: coming soon
———— Read More About the Project ————
———— Read More About the Project ————
Site Map: Designing for Simplicity & Trust
Site Map:
Structuring for Clarity & Confidence
An intuitive user experience is essential for financial tools where clarity and trust are paramount. I structured clari+IQ’s sitemap to guide users through a seamless journey—from understanding the product’s value to signing up with confidence. The site prioritizes transparency, ease of navigation, and modern design patterns inspired by today’s leading FinTech platforms. Whether a user wants to track spending, set goals, or learn how it works, each section is organized to support quick access and informed decisions.
An intuitive user experience is essential for financial tools where clarity and trust are paramount. I structured clari+IQ’s sitemap to guide users through a seamless journey—from understanding the product’s value to signing up with confidence. The site prioritizes transparency, ease of navigation, and modern design patterns inspired by today’s leading FinTech platforms. Whether a user wants to track spending, set goals, or learn how it works, each section is organized to support quick access and informed decisions.
Tools: Figma, Adobe Illustrator (for layout clarity)
Tools: Figma, Adobe Illustrator (for layout clarity)
I used Figma to plan the site’s information architecture and wireframe the key sections of the clari+IQ landing page. Illustrator was used to polish the sitemap graphic and ensure each block communicated the correct hierarchy visually, keeping the layout clean, modern, and functional.
I used Figma to plan the site’s information architecture and wireframe the key sections of the clari+IQ landing page. Illustrator was used to polish the sitemap graphic and ensure each block communicated the correct hierarchy visually, keeping the layout clean, modern, and functional.
© 2025 Chris Puncekar, All Rights Reserved