Rakshit Jain
A creative UI/UX designer portfolio showcasing selected work, experiments, and frontend craftsmanship.
Role
Sole Frontend Developer
Duration
3 weeks
Industry
Creative Technology
Team Size
1 (Solo Developer)
The Problem
Rakshit Jain, a talented UI/UX designer based in Ahmedabad with 2.5 years of experience across healthcare, e-commerce, and education, needed a portfolio website that would stand out in a competitive market. The site needed to demonstrate frontend craftsmanship through its own execution — fast, animated, accessible, and visually distinctive — while showcasing his design philosophy and project work.
The Solution
I built the portfolio with SvelteKit for its minimal JavaScript output and excellent performance characteristics. GSAP powered smooth page transitions, scroll-triggered reveal animations, and micro-interactions that run at a consistent 60fps. Tailwind CSS provided a utility-first design system that enabled rapid iteration. The design reflects Rakshit's personal brand — creative, human-centric, and detail-oriented — with sections covering his journey, projects, and design philosophy.
Challenges
The main challenge was implementing rich animations without degrading performance. Every animation was profiled with Chrome DevTools to ensure it stayed within the 16ms frame budget. I used GSAP's ScrollTrigger with scrub animations for performant reveals, and implemented will-change hints strategically to avoid layout thrashing. The narrative-driven layout needed to feel personal and engaging without overwhelming the user.
Outcomes & Metrics
Performance Improvements
Achieved a 96 Lighthouse Performance score across all pages. First Contentful Paint under 1 second on 3G connections. Zero Cumulative Layout Shift. JavaScript bundle under 30KB gzipped for the entire site. Page transitions run at consistent 60fps.
SEO Improvements
Implemented dynamic meta tags per page using SvelteKit's server-side rendering. Added structured data including Person, WebSite, and BreadcrumbList schemas. Created XML sitemap. All images include descriptive alt text and proper sizing attributes.
Accessibility Improvements
Achieved 100% Lighthouse Accessibility score. Full keyboard navigation with visible focus indicators. Semantic HTML with proper ARIA landmarks. Screen reader testing confirmed all content is navigable. Reduced motion media query respects user preferences for minimal animation.
Business Outcome
The portfolio successfully positioned Rakshit as a skilled UI/UX designer. Within months of launch, he received multiple freelance inquiries and secured full-time opportunities. The site's performance scores and animations became a talking point in client conversations. 'Developed By Bhavya Panchal' is credited in the site footer.
Lessons Learned
SvelteKit's compiler-first approach delivers genuinely smaller bundles — the performance gains are real, not theoretical. GSAP animations can be performant at scale when profiled carefully. A designer's portfolio website itself is a portfolio piece — it must demonstrate the skills it claims.
Key Metrics at a Glance
Interested in a similar project?
Whether you need a corporate website, e-commerce platform, or custom web application — I would love to discuss your project.