Curionect — Design Portfolio

Retail dashboards scatter data across disconnected tools with static reports — no unified view or real-time feel for decision-makers.

Refactored a 744-line monolithic React file into ~25 modular files. Built 7 unique screens from scratch with staggered entrance animations, blur/fade page transitions, and responsive breakpoints.

Production-ready dashboard with smooth page transitions, animated charts, CRM, inbox, support ticketing, and settings. 642 kB JS / 34 kB CSS with zero errors.

Film studio sites often feel like generic portfolios. I wanted to build a site that mirrors the cinematic experience itself — paced, atmospheric, and intentional.

Structured the page into "Acts" with scroll-triggered reveals, staged content animations, and editorial typography using Bebas Neue, Cormorant Garamond, and Space Mono.

A moody, immersive film company site showcasing 5 featured films with synopses, awards, and viewing links. Built with Next.js and CSS animations.

Photo galleries are usually cold and utilitarian. I wanted to build something that feels personal — a space that treats memories as stories, not just files.

Designed a masonry layout with parallax scrolling, fade-in reveals, hover zoom transitions, and staggered entries. Added category filtering and themed collections.

An emotional, interactive gallery with curated collections, smooth filtering, sharing via unique links, and fully responsive design across all devices.

Most fitness app demos show static screens. I wanted to build a fully interactive mobile prototype that shows real command of native patterns: bottom nav, swipe gestures, animated timers, and thumb-zone aware layouts.

Designed 7 interconnected screens (onboarding, goal selection, home dashboard, active workout session, progress analytics, profile, and settings) with full screen-transition animations, swipe navigation, and live SVG data visualizations.

An interactive mobile UI with a rest timer, exercise counters, animated activity rings, bar charts, achievement badges, and toggle settings. All in vanilla HTML/CSS/JS inside a phone frame.

Most e-commerce templates prioritize visual polish over conversion. They miss urgency cues, trust signals, and friction-reducing patterns that actually drive purchases.

Researched proven conversion patterns (anchored pricing, countdown urgency, social proof placement) and built a 3-tier pricing page with a slide-over checkout. Cart, shipping, and payment steps with real-time validation.

A fully interactive e-shop demo with trust badges, scarcity signals, upsell opportunities, and a frictionless checkout. All in vanilla HTML/CSS/JS.

Banking apps often feel static when switching between cards. I wanted to design an interaction that feels physical, like actually flipping through a wallet.

Prototyped card transitions in Figma, then built a 3D carousel with smooth easing curves. Focused on tactile feedback: depth shifts, shadow changes, and subtle scale transforms on each switch.

A polished card switcher with 3D carousel, activity feed, and quick actions. Built with vanilla JavaScript and CSS animations.

Most dashboard templates feel generic and data-heavy. I wanted to explore how glassmorphism could bring depth and hierarchy to complex data without sacrificing readability.

Started with a content audit of typical dashboard widgets, then built a design system around frosted surfaces and mint accents. Iterated on contrast ratios to ensure the glass effect remained accessible.

A fully interactive dashboard with live charts, dark mode, responsive layout, and a rain effect. Built in vanilla HTML/CSS/JS with zero dependencies.