Mockup
FinTrack: desktop view
Full dashboard with income and expense charts and responsive navigation.
VISUAL NOTES / GALLERY
The work in frames.
A visual log of interfaces, mockups, redesigns, and walkthroughs. Each frame shows a stage of how FinTrack, the blog concepts, and this portfolio took shape.
Showing all 11 frames
-
Mockup
-
Responsive
FinTrack: multi-device
Mobile-first and tested everywhere: desktop, tablet, and mobile.
-
UI refresh
FinTrack: upgraded UI
The v16 overhaul: refined card hierarchy and a tighter spacing system.
-
Design
Blogs: layout concept
Clean readability, dynamic filtering, and an SEO-first structure.
-
Design
Blogs by AR
Distraction-free reading with an editorial type system and a dark-first language.
-
Design
NOVIQ: explore store
A browsable resource store on desktop and mobile, with level, price and an enquiry list on every card.
-
Design
NOVIQ: blog notes
Short, readable notes on the web, Git and design, with topic filters and search.
-
Upgrade
Upgraded portfolio
Cleaner structure, smoother transitions, and a more engaging visual flow.
-
Upgrade
Enhanced FinTrack
Faster interactions, smarter layout logic, and a dynamic carousel at its core.
-
Video
AR.dev: behind the build
A narrated deep dive into AR.dev, covering concept, creative direction, and evolution.
-
Video
FinTrack: product walkthrough
A complete walkthrough of FinTrack, exploring core features, user experience, and logic.
WANT THE FULL STORY?
Frames show the result. Projects show the work.
Every image here connects to a project or a milestone. See what was built and what it took to get there.
Explore my projects